@kenyaemr/esm-appointments-app 8.1.2-pre.220 → 8.1.2-pre.236

package/dist/5882.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_kenyaemr_esm_appointments_app=globalThis.webpackChunk_kenyaemr_esm_appointments_app||[]).push([["5882"],{68961:function(e){e.exports=JSON.parse('{"action":"Action","actions":"Actions","add":"Ajouter","age":"\xc2ge","allDay":"Toute la journ\xe9e","appointmentCancelError":"Erreur d’annulation du rendez-vous","appointmentCancelled":"Rendez-vous annul\xe9","appointmentCancelledSuccessfully":"Rendez-vous annul\xe9 avec succ\xe8s","appointmentCheckedIn":"Appointment Checked In","appointmentColor":"Couleur du rendez-vous","appointmentConflict":"Conflit du rendez-vous","appointmentEdited":"Rendez-vous modifi\xe9","appointmentEditError":"Erreur de modification du rendez-vous","appointmentEnded":"Rendez-vous termin\xe9","appointmentEndedAndVisitClosedSuccessfully":"Appointment successfully completed and visit successfully closed.","appointmentEndedButVisitNotClosedError":"Rendez-vous termin\xe9, mais erreur avec la cl\xf4ture de la visite","appointmentEndedSuccessfully":"Rendez-vous termin\xe9 avec succ\xe8s.","appointmentEndError":"Erreur lors de la cl\xf4ture du rendez-vous","appointmentFormError":"Erreur lors de la planification du rendez-vous","appointmentHistory":"Historique de Rendez-vous","appointmentMarkedChecked":"Appointment marked as Checked In","appointmentMetrics":"M\xe9triques de rendez-vous","appointmentMetricsLoadError":"","appointmentNoteLabel":"\xc9crire une note additionnelle","appointmentNotePlaceholder":"\xc9crire une note additionnelle ici","appointmentNotes":"Notes de Rendez-vous","appointmentNowVisible":"C’est maintenant visible sur la page des Rendez-vous","appointments":"Rendez-vous","Appointments":"Rendez-vous","appointments_lower":"rendez-vous","appointmentsCalendar":"Calendrier des rendez-vous","appointmentScheduled":"Rendez-vous programm\xe9","appointmentService":"Service du rendez-vous","appointmentServiceCreate":"Service du rendez-vous cr\xe9\xe9 avec succ\xe8s","appointmentServiceName":"Nom du service du rendez-vous","appointmentsScheduledForToday":"rendez-vous programm\xe9s pour aujourd\'hui","appointmentsTable":"Tableau des rendez-vous","appointmentStatus":"Statut du rendez-vous","appointmentToFulfill":"S\xe9lectionner le rendez-vous \xe0 compl\xe9ter","appointmentType":"Type de rendez-vous","appointmentType_title":"Type de rendez-vous","back":"Retour","calendar":"Calendrier","cameEarly":"Arriv\xe9(e) en avance","cancel":"Annuler","cancelAppointment":"Annuler le rendez-vous","cancelAppointmentModalConfirmationText":"Voulez-vous vraiment annuler ce rendez-vous?","cancelled":"Annul\xe9","checkedIn":"Enregistr\xe9","checkedOut":"Sorti","checkFilters":"V\xe9rifiez les filtres ci-dessus","checkIn":"Enregistrer","checkOut":"Sortie","chooseAppointmentType":"Choisir un type de rendez-vous","chooseLocation":"Choisir un emplacement","chooseProvider":"Choisir un prestataire","chooseService":"S\xe9lectionner un service","completed":"Compl\xe9t\xe9","Contact":"Contact {{index}}","countMore_one":"{{count}} de plus","countMore_other":"{{count}} de plus","createAppointmentService":"Cr\xe9er des services de rendez-vous","createNewAppointment":"Cr\xe9er un nouveau rendez-vous","date":"Date","date&Time":"Date et heure","dateAppointmentIssuedCannotBeAfterAppointmentDate":"La date du rendez-vous ne peut pas \xeatre post\xe9rieure \xe0 la date du rendez-vous","dateOfBirth":"Date de naissance","dateScheduled":"Date de rendez vous \xe9mise","dateScheduledDetail":"Date de rendez vous \xe9mise","dateTime":"Date et heure","day":"Jour","daysOfWeek":"Jours de la semaine","discard":"Abandonner","download":"T\xe9l\xe9charger","durationErrorMessage":"La dur\xe9e doit \xeatre sup\xe9rieure \xe0 z\xe9ro","durationInMinutes":"Dur\xe9e (minutes)","durationMins":"Dur\xe9e min","edit":"Modifier","editAppointment":"Modifier le rendez-vous","editAppointments":"Modifier le rendez-vous","emptyStateText":"Pas de <1>{{displayText}}</1> \xe0 afficher","encounters":"Rencontres","encounterType":"Type de rencontre","endAppointmentAndVisitConfirmationMessage":" La sortie du patient marquera le rendez-vous comme termin\xe9 et cl\xf4turera la visite active pour ce patient.","endAppointmentConfirmation":" Etes-vous s\xfbr de vouloir enregistrer le patient pour ce rendez-vous ?","endAppointmentConfirmationMessage":" La sortie du patient marquera le rendez-vous comme termin\xe9.","endDate":"Date de fin","endTime":"Heure de fin","errorCreatingAppointmentService":" Erreur lors de la cr\xe9ation du service de rendez-vous","expected":"Pr\xe9vus:","filterTable":"Filtrer le tableau","gender":"Genre","highestServiceVolume":"Service le plus utilis\xe9: {{time}}","identifier":"Identifiant","invalidNumber":"Le num\xe9ro n\'est pas valide","isRecurringAppointment":"S\'agit-il d\'un rendez-vous r\xe9current?","itemsPerPage":"El\xe9ments par page","loading":"En cours de chargement","location":"Emplacement","medications":"M\xe9dicaments","missed":"Manqu\xe9","next":"Suivant","nextMonth":"Le mois suivant","nextPage":"Page suivante","no":"Non","noAppointmentsToDisplay":"Pas de rendez-vous pr\xe9vus \xe0 afficher","noContent":"Pas de Contenu","noCurrentAppointments":"Il n\'y a pas de rendez-vous \xe0 afficher aujourd\'hui pour ce patient","noEncountersFound":"Aucune rencontre trouv\xe9e","noPastAppointments":"Il n\'y a pas de rendez-vous pass\xe9 \xe0 afficher pour ce patient","noPreviousVisitFound":"Aucune visite pr\xe9c\xe9dente trouv\xe9e","notArrived":"Pas arriv\xe9(s)","note":"Note","notes":"Notes","noUpcomingAppointments":"Il n\'y a pas de rendez-vous \xe0 venir \xe0 afficher pour ce patient","noUpcomingAppointmentsForPatient":"Il n\'y a pas de rendez-vous \xe0 venir \xe0 afficher pour ce patient","pageNumber":"Num\xe9ro de page","past":"Pass\xe9","patientDetails":"D\xe9tails du patient","patientDoubleBooking":"Le patient a d\xe9j\xe0 un rendez vous \xe0 cette date","patientName":"Nom du patient","patients":"Patients","period":"P\xe9riode","prev":"Pr\xe9c","previousMonth":"Mois pr\xe9c\xe9dent","previousPage":"Page pr\xe9c\xe9dente","provider":"Prestataire","providers":"Prestataires","providersBooked":"Prestataires reserv\xe9s: {{time}}","recurringAppointment":"Rendez-vous R\xe9current","recurringAppointmentShouldHaveEndDate":"Un rendez-vous r\xe9current doit avoir une date de fin","repeatEvery":"R\xe9p\xe9ter chaque","save":"Sauvegarder","saveAndClose":"Sauvegarder et fermer","scheduled":"Agend\xe9","scheduledAppointments":"Rendez-vous planifi\xe9s","scheduledForToday":"Programm\xe9(s) Pour Aujourd\'hui","selectALocation":"S\xe9lectionner un emplacement","selectAppointmentStatus":"S\xe9lectionner le statut","selectAppointmentType":"S\xe9lectionnez un type de rendez-vous","selectLocation":"S\xe9lectionnez un emplacement","selectOption":"S\xe9lectionner une option","selectProvider":"S\xe9lectionnez un prestataire","selectService":"S\xe9lectionner un service","selectServiceType":"S\xe9lectionner un type de service","service":"Service","serviceName":"Nom du service","serviceType":"Type de service","serviceUnavailable":"L\'heure du rendez-vous est en dehors des heures de service","startDate":"Date de d\xe9but","startTime":"Heure de d\xe9but","status":"Statut","time":"Heure","today":"Aujourd\'hui","todays":"Aujourd\'hui: ","type":"Type","unscheduled":"Non programm\xe9","unscheduledAppointments":"Rendez-vous non-planifi\xe9s","unscheduledAppointments_lower":"rendez-vous non-planifi\xe9s","upcoming":"\xc0 venir","upcomingAppointments":"\xc0 venir rendez-vous","updateError":"Error updating upcoming appointment","view":"Vue","vitals":"Signes Vitaux","week":"Semaine","yes":"Oui"}')}}]);

package/dist/6339.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_kenyaemr_esm_appointments_app=globalThis.webpackChunk_kenyaemr_esm_appointments_app||[]).push([["6339"],{3646:function(e){e.exports=JSON.parse('{"action":"Action","actions":"Actions","add":"Add","age":"Age","allDay":"All day","appointmentCancelError":"Error cancelling appointment","appointmentCancelled":"Appointment Cancelled","appointmentCancelledSuccessfully":"Appointment cancelled successfully","appointmentCheckedIn":"Appointment Checked In","appointmentColor":"Appointment color","appointmentConflict":"Appointment conflict","appointmentEdited":"Appointment edited","appointmentEditError":"Error editing appointment","appointmentEnded":"Appointment ended","appointmentEndedAndVisitClosedSuccessfully":"Appointment successfully ended and visit successfully closed","appointmentEndedButVisitNotClosedError":"Appointment ended, but error closing visit","appointmentEndedSuccessfully":"Appointment successfully ended.","appointmentEndError":"Error ending appointment","appointmentFormError":"Error scheduling appointment","appointmentHistory":"Appointment History","appointmentMarkedChecked":"Appointment marked as Checked In","appointmentMetrics":"Appointment metrics","appointmentMetricsLoadError":"","appointmentNoteLabel":"Write an additional note","appointmentNotePlaceholder":"Write any additional points here","appointmentNotes":"Appointment Notes","appointmentNowVisible":"It is now visible on the Appointments page","appointments":"Appointments","Appointments":"Appointments","appointments_lower":"appointments","appointmentsCalendar":"Appointments calendar","appointmentScheduled":"Appointment scheduled","appointmentService":"Appointment service","appointmentServiceCreate":"Appointment service created successfully","appointmentServiceName":"Appointment service name","appointmentsScheduledForToday":"appointments scheduled for today","appointmentsTable":"Appointments table","appointmentStatus":"Appointment status","appointmentToFulfill":"Select appointment to fulfill","appointmentType":"Appointment type","appointmentType_title":"Appointment Type","back":"Back","calendar":"Calendar","cameEarly":"Came Early","cancel":"Cancel","cancelAppointment":"Cancel Appointment","cancelAppointmentModalConfirmationText":"Are you sure you want to cancel this appointment?","cancelled":"Cancelled","checkedIn":"Checked in","checkedOut":"Checked out","checkFilters":"Check the filters above","checkIn":"Check In","checkOut":"Check out","chooseAppointmentType":"Choose appointment type","chooseLocation":"Choose a location","chooseProvider":"Choose a provider","chooseService":"Select service","completed":"Completed","Contact":"Contact {{index}}","countMore_one":"{{count}} more","countMore_other":"{{count}} more","createAppointmentService":"Create appointment services","createNewAppointment":"Create new appointment","date":"Date","date&Time":"Date & time","dateAppointmentIssuedCannotBeAfterAppointmentDate":"Date appointment issued cannot be after the appointment date","dateOfBirth":"Date of birth","dateScheduled":"Date appointment issued","dateScheduledDetail":"Date appointment issued","dateTime":"Date & Time","day":"Day","daysOfWeek":"Days of the week","discard":"Discard","download":"Download","durationErrorMessage":"Duration should be greater than zero","durationInMinutes":"Duration (minutes)","durationMins":"Duration min","edit":"Edit","editAppointment":"Edit Appointment","editAppointments":"Edit Appointment","emptyStateText":"There are no <1>{{displayText}}</1> to display","encounters":"Encounters","encounterType":"Encounter type","endAppointmentAndVisitConfirmationMessage":"Checking the patient out will mark the appointment as complete, and close out the active visit for this patient.","endAppointmentConfirmation":"Are you sure you want to check the patient out for this appointment?","endAppointmentConfirmationMessage":"Checking the patient out will mark the appointment as complete.","endDate":"End date","endTime":"End Time","errorCreatingAppointmentService":"Error creating appointment service","expected":"Expected","filterTable":"Filter table","gender":"Gender","highestServiceVolume":"Highest volume service: {{time}}","identifier":"Identifier","invalidNumber":"Number is not valid","isRecurringAppointment":"Is this a recurring appointment?","itemsPerPage":"Items per page","loading":"Loading","location":"Location","medications":"Medications","missed":"Missed","next":"Next","nextMonth":"Next month","nextPage":"Next page","no":"No","noAppointmentsToDisplay":"No appointments to display","noContent":"No Content","noCurrentAppointments":"There are no appointments scheduled for today to display for this patient","noEncountersFound":"No encounters found","noPastAppointments":"There are no past appointments to display for this patient","noPreviousVisitFound":"No previous visit found","notArrived":"Not arrived","note":"Note","notes":"Notes","noUpcomingAppointments":"No upcoming appointments found","noUpcomingAppointmentsForPatient":"There are no upcoming appointments to display for this patient","pageNumber":"Page number","past":"Past","patientDetails":"Patient Details","patientDoubleBooking":"Patient already booked for an appointment at this time","patientName":"Patient name","patients":"Patients","period":"Period","prev":"Prev","previousMonth":"Previous month","previousPage":"Previous page","provider":"Provider","providers":"Providers","providersBooked":"Providers booked: {{time}}","recurringAppointment":"Recurring Appointment","recurringAppointmentShouldHaveEndDate":"A recurring appointment should have an end date","repeatEvery":"Repeat every","save":"Save","saveAndClose":"Save and close","scheduled":"Scheduled","scheduledAppointments":"Scheduled appointments","scheduledForToday":"Scheduled For Today","selectALocation":"Select a location","selectAppointmentStatus":"Select status","selectAppointmentType":"Select an appointment type","selectLocation":"Select location","selectOption":"Select an option","selectProvider":"Select a provider","selectService":"Select a service","selectServiceType":"Select service type","service":"Service","serviceName":"Service name","serviceType":"Service Type","serviceUnavailable":"Appointment time is outside of service hours","startDate":"Start date","startTime":"Start Time","status":"Status","time":"Time","today":"Today","todays":"Today\'s","type":"Type","unscheduled":"Unscheduled","unscheduledAppointments":"Unscheduled appointments","unscheduledAppointments_lower":"unscheduled appointments","upcoming":"Upcoming","upcomingAppointments":"Upcoming appointments","updateError":"Error updating upcoming appointment","view":"View","vitals":"Vitals","week":"Week","yes":"Yes"}')}}]);

package/dist/6463.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_kenyaemr_esm_appointments_app=globalThis.webpackChunk_kenyaemr_esm_appointments_app||[]).push([["6463"],{25618:function(e,t,n){n.r(t),n.d(t,{default:()=>r});var i=n(97125),o=n.n(i),a=n(8836),s=n(94129),l=n(99819),c=n(19607),p=n(60156);let r=function(e){var t=e.patientUuid,n=e.appointmentUuid,r=e.closeModal,u=(0,a.useTranslation)().t,d=(0,l.useVisit)(t),m=d.activeVisit,h=d.mutate,k=(0,p.q4)().mutateAppointments,f=(0,i.useCallback)(function(){(0,c.y)("Completed",n).then(function(){if(k(),m){var e=new AbortController,t={stopDatetime:new Date};return(0,l.updateVisit)(m.uuid,t,e).then(function(){(0,l.showSnackbar)({title:u("appointmentEnded","Appointment ended"),subtitle:u("appointmentEndedAndVisitClosedSuccessfully","Appointment successfully ended and visit successfully closed"),isLowContrast:!0,kind:"success"}),h()}).catch(function(e){(0,l.showSnackbar)({title:u("appointmentEndedButVisitNotClosedError","Appointment ended successfully, but there was an error closing the visit."),subtitle:null==e?void 0:e.message,kind:"error",isLowContrast:!0})})}(0,l.showSnackbar)({title:u("appointmentEnded","Appointment ended"),subtitle:u("appointmentEndedSuccessfully","Appointment successfully ended."),isLowContrast:!0,kind:"success"})}).catch(function(e){(0,l.showSnackbar)({title:u("appointmentEndError","Error ending appointment"),subtitle:null==e?void 0:e.message,kind:"error",isLowContrast:!0})}).finally(function(){r()})},[m,n,r,h,k,u]);return o().createElement("div",null,o().createElement(s.rQ0,{closeModal:r,title:u("endAppointmentConfirmation","Are you sure you want to check the patient out for this appointment?")}),o().createElement(s.cwr,null,o().createElement("p",null,m?u("endAppointmentAndVisitConfirmationMessage","Checking the patient out will mark the appointment as complete and close out the active visit for this patient."):u("endAppointmentConfirmationMessage","Checking the patient out will mark the appointment as complete."))),o().createElement(s.jlY,null,o().createElement(s.$nd,{kind:"secondary",onClick:r},u("cancel","Cancel")),o().createElement(s.$nd,{kind:"danger",onClick:f},u("checkOut","Check out"))))}}}]);

package/dist/6463.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"6463.js","sources":["webpack://@kenyaemr/esm-appointments-app/./src/appointments/common-components/end-appointment.modal.tsx"],"names":["patientUuid","appointmentUuid","closeModal","t","useTranslation","useVisit","activeVisit","mutate","mutateAppointments","useMutateAppointments","handleEndAppointment","useCallback","changeAppointmentStatus","then","abortController","AbortController","endVisitPayload","stopDatetime","Date","updateVisit","uuid","showSnackbar","title","subtitle","isLowContrast","kind","catch","error","message","finally","div","ModalHeader","ModalBody","p","ModalFooter","Button","onClick"],"mappings":"iRAoGA,MAvFgE,Y,IAAGA,EAAAA,EAAAA,WAAW,CAAEC,EAAAA,EAAAA,eAAe,CAAEC,EAAAA,EAAAA,UAAU,CACjGC,EAAMC,AAAAA,GAAAA,EAAAA,cAAAA,AAAAA,IAAND,CAAC,CACuBE,EAAAA,AAAAA,GAAAA,EAAAA,QAAAA,AAAAA,EAASL,GAAjCM,EAAwBD,EAAxBC,WAAW,CAAEC,EAAWF,EAAXE,MAAM,CACnBC,EAAuBC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IAAvBD,kBAAkB,CAEpBE,EAAuBC,AAAAA,GAAAA,EAAAA,WAAAA,AAAAA,EAAY,WACvCC,AAAAA,GAAAA,EAAAA,CAAAA,AAAAA,EAAwB,YAAaX,GAClCY,IAAI,CAAC,WAEJ,GADAL,IACIF,EAAa,CACf,IAAMQ,EAAkB,IAAIC,gBACtBC,EAAkB,CAAEC,aAAc,IAAIC,IAAO,EAEnD,MAAOC,AAAAA,GAAAA,EAAAA,WAAAA,AAAAA,EAAYb,EAAYc,IAAI,CAAEJ,EAAiBF,GACnDD,IAAI,CAAC,WACJQ,AAAAA,GAAAA,EAAAA,YAAAA,AAAAA,EAAa,CACXC,MAAOnB,EAAE,mBAAoB,qBAC7BoB,SAAUpB,EACR,6CACA,gEAEFqB,cAAe,GACfC,KAAM,SACR,GACAlB,GACF,GACCmB,KAAK,CAAC,SAACC,CAAK,EACXN,AAAAA,GAAAA,EAAAA,YAAAA,AAAAA,EAAa,CACXC,MAAOnB,EACL,yCACA,6EAEFoB,SAAUI,MAAAA,EAAAA,KAAAA,EAAAA,EAAOC,OAAO,CACxBH,KAAM,QACND,cAAe,EACjB,EACF,EACJ,CACEH,AAAAA,GAAAA,EAAAA,YAAAA,AAAAA,EAAa,CACXC,MAAOnB,EAAE,mBAAoB,qBAC7BoB,SAAUpB,EAAE,+BAAgC,mCAC5CqB,cAAe,GACfC,KAAM,SACR,EAEJ,GACCC,KAAK,CAAC,SAACC,CAAK,EACXN,AAAAA,GAAAA,EAAAA,YAAAA,AAAAA,EAAa,CACXC,MAAOnB,EAAE,sBAAuB,4BAChCoB,SAAUI,MAAAA,EAAAA,KAAAA,EAAAA,EAAOC,OAAO,CACxBH,KAAM,QACND,cAAe,EACjB,EACF,GACCK,OAAO,CAAC,WACP3B,GACF,EACJ,EAAG,CAACI,EAAaL,EAAiBC,EAAYK,EAAQC,EAAoBL,EAAE,EAE5E,OACE,kBAAC2B,MAAAA,KACC,kBAACC,EAAAA,GAAWA,CAAAA,CACV7B,WAAYA,EACZoB,MAAOnB,EAAE,6BAA8B,uE,GAEzC,kBAAC6B,EAAAA,GAASA,CAAAA,KACR,kBAACC,IAAAA,KACE3B,EACGH,EACE,4CACA,mHAEFA,EAAE,oCAAqC,qEAG/C,kBAAC+B,EAAAA,GAAWA,CAAAA,KACV,kBAACC,EAAAA,GAAMA,CAAAA,CAACV,KAAK,YAAYW,QAASlC,C,EAC/BC,EAAE,SAAU,WAEf,kBAACgC,EAAAA,GAAMA,CAAAA,CAACV,KAAK,SAASW,QAAS1B,C,EAC5BP,EAAE,WAAY,eAKzB,C"}

package/dist/6735.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_kenyaemr_esm_appointments_app=globalThis.webpackChunk_kenyaemr_esm_appointments_app||[]).push([["6735"],{56402:function(e,n,t){t.r(n),t.d(n,{default:()=>u});var a=t(97125),p=t.n(a),i=t(88902);let u=function(e){var n=e.patientUuid;return p().createElement(i.A,{patientUuid:n})}}}]);

package/dist/6735.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"6735.js","sources":["webpack://@kenyaemr/esm-appointments-app/./src/patient-appointments/patient-appointments-detailed-summary.component.tsx"],"names":["patientUuid","PatientAppointmentsBase"],"mappings":"sOAcA,MAJ8F,Y,IAAGA,EAAAA,EAAAA,WAAW,CAC1G,OAAO,kBAACC,EAAAA,CAAuBA,CAAAA,CAACD,YAAaA,C,EAC/C,C"}

package/dist/{269.js → 6857.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_kenyaemr_esm_appointments_app=globalThis.webpackChunk_kenyaemr_esm_appointments_app||[]).push([[269],{6833:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(5698),i=t.n(a),o=t(9613),p=t.n(o)()(i());p.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-appointments__patient-upcoming-appointments-card__container___KFtGG{margin:1rem}.-esm-appointments__patient-upcoming-appointments-card__container___KFtGG section{margin:1rem 0}.-esm-appointments__patient-upcoming-appointments-card__sectionTitle___Jj\\+iv{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0);color:#525252;margin:0 0 .5rem 0}.-esm-appointments__patient-upcoming-appointments-card__checkbox___Q0bWB:not(:first-child){margin:0}.-esm-appointments__patient-upcoming-appointments-card__input___IVxme{margin:0 1rem 1rem}.-esm-appointments__patient-upcoming-appointments-card__headerLabel___uqtaE{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#525252}.-esm-appointments__patient-upcoming-appointments-card__checkboxContainer___te\\+1s{display:grid;grid-template-columns:1fr 1fr}.-esm-appointments__patient-upcoming-appointments-card__structuredList___wnDvB{padding:.5rem .5rem .5rem}.-esm-appointments__patient-upcoming-appointments-card__inlineNotification___gw6y0{width:100%;max-width:unset;padding:0}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/patient-appointments/patient-upcoming-appointments-card.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCvDF,0EACE,WC0BW,CDxBX,kFACE,aAAA,CAIJ,8EEs1BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CFp1BF,aDTQ,CCUR,kBAAA,CAIA,2FACE,QAAA,CAIJ,sEACE,kBAAA,CAGF,4EEs0BI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFp0BF,aDzBQ,CC4BV,mFACE,YAAA,CACA,6BAAA,CAGF,+EACE,yBAAA,CAGF,mFACE,UAAA,CACA,eAAA,CACA,SAAA",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n  #{$property}: #005d5d;\n  #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n  #{$property}: #004144;\n  #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n  #{$property}: #007d79;\n  #{$property}: var(--brand-03);\n}\n\n:root {\n  --brand-01: #005d5d;\n  --brand-02: #004144;\n  --brand-03: #007d79;\n  --bottom-nav-height: 4rem;\n  --workspace-header-height: 3rem;\n  --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n  --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.container {\n  margin: layout.$spacing-05;\n\n  & section {\n    margin: layout.$spacing-05 0;\n  }\n}\n\n.sectionTitle {\n  @include type.type-style('heading-compact-02');\n  color: $text-02;\n  margin: 0 0 layout.$spacing-03 0;\n}\n\n.checkbox {\n  &:not(:first-child) {\n    margin: 0;\n  }\n}\n\n.input {\n  margin: 0 layout.$spacing-05 layout.$spacing-05;\n}\n\n.headerLabel {\n  @include type.type-style('label-01');\n  color: $text-02;\n}\n\n.checkboxContainer {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n\n.structuredList {\n  padding: layout.$spacing-03 layout.$spacing-03 layout.$spacing-03;\n}\n\n.inlineNotification {\n  width: 100%;\n  max-width: unset;\n  padding: 0;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n  spacing-01: $spacing-01,\n  spacing-02: $spacing-02,\n  spacing-03: $spacing-03,\n  spacing-04: $spacing-04,\n  spacing-05: $spacing-05,\n  spacing-06: $spacing-06,\n  spacing-07: $spacing-07,\n  spacing-08: $spacing-08,\n  spacing-09: $spacing-09,\n  spacing-10: $spacing-10,\n  spacing-11: $spacing-11,\n  spacing-12: $spacing-12,\n  spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: scale.type-scale(1),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  // Extra digit needed for precision in Chrome\n  line-height: 1.199,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n  font-size: scale.type-scale(12),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(5),\n      line-height: 1.4,\n    ),\n    max: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n      font-weight: font-family.font-weight('regular'),\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      font-weight: font-family.font-weight('regular'),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      font-weight: font-family.font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: scale.type-scale(6),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(5),\n    ),\n    lg: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(12),\n      line-height: 1.18,\n    ),\n    lg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(16),\n      line-height: 1.11,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: scale.type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(23),\n      line-height: 1.05,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n  caption-01: $caption-01,\n  caption-02: $caption-02,\n  label-01: $label-01,\n  label-02: $label-02,\n  helper-text-01: $helper-text-01,\n  helper-text-02: $helper-text-02,\n  body-short-01: $body-short-01,\n  body-short-02: $body-short-02,\n  body-long-01: $body-long-01,\n  body-long-02: $body-long-02,\n  code-01: $code-01,\n  code-02: $code-02,\n  heading-01: $heading-01,\n  heading-02: $heading-02,\n  productive-heading-01: $productive-heading-01,\n  productive-heading-02: $productive-heading-02,\n  productive-heading-03: $productive-heading-03,\n  productive-heading-04: $productive-heading-04,\n  productive-heading-05: $productive-heading-05,\n  productive-heading-06: $productive-heading-06,\n  productive-heading-07: $productive-heading-07,\n  expressive-paragraph-01: $expressive-paragraph-01,\n  expressive-heading-01: $expressive-heading-01,\n  expressive-heading-02: $expressive-heading-02,\n  expressive-heading-03: $expressive-heading-03,\n  expressive-heading-04: $expressive-heading-04,\n  expressive-heading-05: $expressive-heading-05,\n  expressive-heading-06: $expressive-heading-06,\n  quotation-01: $quotation-01,\n  quotation-02: $quotation-02,\n  display-01: $display-01,\n  display-02: $display-02,\n  display-03: $display-03,\n  display-04: $display-04,\n  // V11 Tokens\n  legal-01: $legal-01,\n  legal-02: $legal-02,\n  body-compact-01: $body-compact-01,\n  body-compact-02: $body-compact-02,\n  heading-compact-01: $heading-compact-01,\n  heading-compact-02: $heading-compact-02,\n  body-01: $body-01,\n  body-02: $body-02,\n  heading-03: $heading-03,\n  heading-04: $heading-04,\n  heading-05: $heading-05,\n  heading-06: $heading-06,\n  heading-07: $heading-07,\n  fluid-heading-03: $fluid-heading-03,\n  fluid-heading-04: $fluid-heading-04,\n  fluid-heading-05: $fluid-heading-05,\n  fluid-heading-06: $fluid-heading-06,\n  fluid-paragraph-01: $fluid-paragraph-01,\n  fluid-quotation-01: $fluid-quotation-01,\n  fluid-quotation-02: $fluid-quotation-02,\n  fluid-display-01: $fluid-display-01,\n  fluid-display-02: $fluid-display-02,\n  fluid-display-03: $fluid-display-03,\n  fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n  @each $name, $value in $map {\n    #{$name}: $value;\n  }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n  @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n  // Include the initial styles for the given token by default without any\n  // media query guard. This includes `font-size` as a fallback in the case\n  // that a browser does not support `calc()`\n  @include properties(map.remove($type-styles, breakpoints));\n  // We also need to include the `sm` styles by default since they don't\n  // appear in the fluid styles for tokens\n  @include fluid-type-size($type-styles, sm, $breakpoints);\n\n  // Finally, we need to go through all the breakpoints defined in the type\n  // token and apply the properties and fluid type size for that given\n  // breakpoint\n  @each $name, $values in map.get($type-styles, breakpoints) {\n    @include grid.breakpoint($name) {\n      @include properties($values);\n      @include fluid-type-size($type-styles, $name, $breakpoints);\n    }\n  }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n  $type-styles,\n  $name,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  // Get the information about the breakpoint we're currently working in. Useful\n  // for getting initial width information\n  $breakpoint: map.get($breakpoints, $name);\n\n  // Our fluid styles are captured under the 'breakpoints' property in our type\n  // styles map. These define what values to treat as `max-` variables below\n  $fluid-sizes: map.get($type-styles, breakpoints);\n  $fluid-breakpoint: ();\n  // Special case for `sm` because the styles for small are on the type style\n  // directly\n  @if $name == sm {\n    $fluid-breakpoint: map.remove($type-styles, breakpoints);\n  } @else {\n    $fluid-breakpoint: map.get($fluid-sizes, $name);\n  }\n\n  // Initialize our font-sizes to the default size for the type style\n  $max-font-size: map.get($type-styles, font-size);\n  $min-font-size: map.get($type-styles, font-size);\n  @if map.has-key($fluid-breakpoint, font-size) {\n    $min-font-size: map.get($fluid-breakpoint, font-size);\n  }\n\n  // Initialize our min and max width to the width of the current breakpoint\n  $max-vw: map.get($breakpoint, width);\n  $min-vw: map.get($breakpoint, width);\n\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\n  // use to update `max-font-size` and `max-vw` with larger values\n  $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n  $next-fluid-breakpoint-name: null;\n\n  // We need to figure out what the next available fluid breakpoint is for our\n  // given $type-styles. In this loop we try and iterate through breakpoints\n  // until we either manually set $next-breakpoint-available to null or\n  // `breakpoint-next` returns null.\n  @while $next-breakpoint-available {\n    @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\n      $next-breakpoint-available: null;\n    } @else {\n      $next-breakpoint-available: grid.breakpoint-next(\n        $next-breakpoint-available,\n        $breakpoints\n      );\n    }\n  }\n\n  // If we have found the next available fluid breakpoint name, then we know\n  // that we have values that we can use to set max-font-size and max-vw as both\n  // values derive from the next breakpoint\n  @if $next-fluid-breakpoint-name {\n    $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n    $max-font-size: map.get(\n      map.get($fluid-sizes, $next-fluid-breakpoint-name),\n      font-size\n    );\n    $max-vw: map.get($next-fluid-breakpoint, width);\n\n    // prettier-ignore\n    font-size: calc(#{$min-font-size} +\n      #{strip-unit($max-font-size - $min-font-size)} *\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n    );\n  } @else {\n    // Otherwise, just default to setting the font size found from the type\n    // style or the given fluid breakpoint in the type style\n    font-size: $min-font-size;\n  }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n  @each $property, $value in $value {\n    #{$property}: var(\n      --#{$custom-property-prefix}-#{$name}-#{$property},\n      #{$value}\n    );\n  }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  @if not map.has-key($tokens, $name) {\n    @error 'Unable to find a token with the name: `#{$name}`';\n  }\n\n  $token: map.get($tokens, $name);\n\n  // If $fluid is set to true and the token has breakpoints defined for fluid\n  // styles, delegate to the fluid-type helper for the given token\n  @if $fluid == true and map.has-key($token, 'breakpoints') {\n    @include fluid-type($token, $breakpoints);\n  } @else {\n    @include custom-properties($name, $token);\n  }\n}\n"],sourceRoot:""}]),p.locals={container:"-esm-appointments__patient-upcoming-appointments-card__container___KFtGG",sectionTitle:"-esm-appointments__patient-upcoming-appointments-card__sectionTitle___Jj+iv",checkbox:"-esm-appointments__patient-upcoming-appointments-card__checkbox___Q0bWB",input:"-esm-appointments__patient-upcoming-appointments-card__input___IVxme",headerLabel:"-esm-appointments__patient-upcoming-appointments-card__headerLabel___uqtaE",checkboxContainer:"-esm-appointments__patient-upcoming-appointments-card__checkboxContainer___te+1s",structuredList:"-esm-appointments__patient-upcoming-appointments-card__structuredList___wnDvB",inlineNotification:"-esm-appointments__patient-upcoming-appointments-card__inlineNotification___gw6y0"};const s=p},9269:(n,e,t)=>{t.r(e),t.d(e,{default:()=>E});var a=t(268),i=t.n(a),o=t(4924),p=t(3531),s=t(744),l=t(8527),r=t(7900),c=t(6062),u=t.n(c),d=t(4036),g=t.n(d),f=t(6793),h=t.n(f),y=t(7892),m=t.n(y),b=t(1173),$=t.n(b),v=t(2464),k=t.n(v),w=t(6833),x={};x.styleTagTransform=k(),x.setAttributes=m(),x.insert=h().bind(null,"head"),x.domAPI=g(),x.insertStyleElement=$(),u()(w.Z,x);const A=w.Z&&w.Z.locals?w.Z.locals:void 0;var _=t(8879),z=t.n(_),C=t(3291);function M(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}const E=function(n){var e,t,c,u,d,g,f,h,y=n.patientUuid,m=n.setVisitFormCallbacks,b=n.patientChartConfig,$=(0,o.useTranslation)().t,v=z()((new Date).toISOString()).subtract(6,"month").toISOString(),k=$("upcomingAppointments","Upcoming appointments"),w=(f=(0,a.useState)(null),h=2,function(n){if(Array.isArray(n))return n}(f)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,i,o=[],p=!0,s=!1;try{for(t=t.call(n);!(p=(a=t.next()).done)&&(o.push(a.value),!e||o.length!==e);p=!0);}catch(n){s=!0,i=n}finally{try{p||null==t.return||t.return()}finally{if(s)throw i}}return o}}(f,h)||function(n,e){if(n){if("string"==typeof n)return M(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?M(n,e):void 0}}(f,h)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),x=w[0],_=w[1],E=(0,C.EJ)().mutateAppointments,T=(0,a.useMemo)((function(){return E}),[E]),N=(0,a.useMemo)((function(){return new AbortController}),[]);(0,a.useEffect)((function(){return function(){return N.abort()}}),[N]);var I=(0,l.W)(y,v,N),F=I.data,S=I.error,B=I.isLoading,D=(0,a.useMemo)((function(){return{onVisitCreatedOrUpdated:function(){return x?(0,l.q)("CheckedIn",x.uuid).then((function(){T(),(0,s.showSnackbar)({isLowContrast:!0,kind:"success",subtitle:$("appointmentMarkedChecked","Appointment marked as Checked In"),title:$("appointmentCheckedIn","Appointment Checked In")})})).catch((function(n){var e;(0,s.showSnackbar)({title:$("updateError","Error updating upcoming appointment"),kind:"error",isLowContrast:!1,subtitle:null===(e=n)||void 0===e?void 0:e.message})})):Promise.resolve()}}}),[x,T,$]);(0,a.useEffect)((function(){m(D)}),[D,m]);var q=(null===(t=F)||void 0===t||null===(e=t.todaysAppointments)||void 0===e?void 0:e.length)?null===(c=F)||void 0===c?void 0:c.todaysAppointments:[],L=(null===(d=F)||void 0===d||null===(u=d.upcomingAppointments)||void 0===u?void 0:u.length)?null===(g=F)||void 0===g?void 0:g.upcomingAppointments:[],G=q.concat(L).filter((function(n){return"CheckedIn"!==n.status}));return b.showUpcomingAppointments?S?i().createElement(r.ErrorState,{headerTitle:k,error:S}):B?i().createElement("span",null,i().createElement(p.lSo,null)):G.length?i().createElement("div",null,i().createElement("div",null,i().createElement("p",{className:A.sectionTitle},k),i().createElement("span",{className:A.headerLabel},$("appointmentToFulfill","Select appointment to fulfill"))),i().createElement(p.x4x,null,i().createElement(p.SmK,null,i().createElement(p.s1N,{head:!0},i().createElement(p.agF,{head:!0},$("date","Date")),i().createElement(p.agF,{head:!0},$("appointmentType","Appointment type")),i().createElement(p.agF,{head:!0},$("action","Action")))),i().createElement(p.FxI,null,G.map((function(n,e){return i().createElement(p.s1N,{key:e,className:A.structuredList},i().createElement(p.agF,null,(0,s.formatDate)((0,s.parseDate)(n.startDateTime),{mode:"wide"})),i().createElement(p.agF,null,n.service?n.service.name:"——"),i().createElement(p.agF,null,i().createElement(p.EUY,{className:A.radioButton,labelText:"",id:"radio-".concat(e),name:"appointmentRadio",value:n.uuid,checked:x===n,onChange:function(){return function(n){_(n)}(n)}})))}))))):i().createElement(p.K0D,{kind:"info",lowContrast:!0,className:A.inlineNotification,title:$("upcomingAppointments","Upcoming appointments"),subtitle:$("noUpcomingAppointments","No upcoming appointments found")}):i().createElement(i().Fragment,null)}}}]);
+"use strict";(globalThis.webpackChunk_kenyaemr_esm_appointments_app=globalThis.webpackChunk_kenyaemr_esm_appointments_app||[]).push([["6857"],{47956:function(e,n,a){a.d(n,{A:()=>r});var t=a(71452),l=a.n(t),i=a(34567),o=a.n(i)()(l());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-appointments__appointments-tile__tileContainer___aFXY0{display:flex;flex-direction:column;align-items:space-between;background-color:#fff;border:1px solid #e0e0e0;height:7.875rem;padding:1rem;margin:.5rem}.-esm-appointments__appointments-tile__tileHeader___otjEw{font-size:var(--cds-heading-01-font-size, 0.875rem);font-weight:var(--cds-heading-01-font-weight, 600);line-height:var(--cds-heading-01-line-height, 1.42857);letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#525252}.-esm-appointments__appointments-tile__displayDetails___OYZXx{margin-top:1.5rem}.-esm-appointments__appointments-tile__displayData___m-\\+br{font-size:1.75rem;font-weight:400;line-height:1.28572;color:#000}.-esm-appointments__appointments-tile__countLabel___vaM-j{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#525252}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/homepage-tile/appointments-tile.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCxDF,6DACE,YAAA,CACA,qBAAA,CACA,yBAAA,CACA,qBAAA,CACA,wBAAA,CACA,eAAA,CACA,YCmBW,CDlBX,YCQW,CDLb,0DEk1BI,mDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CFh1BF,eAAA,CACA,mBAAA,CACA,oBAAA,CACA,aG2BQ,CHxBV,8DACE,iBCWW,CDRb,4DACE,iBAAA,CACA,eAAA,CACA,mBAAA,CACA,UGxBM,CH2BR,0DE+zBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CF7zBF,aD9BQ",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n  #{$property}: #005d5d;\n  #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n  #{$property}: #004144;\n  #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n  #{$property}: #007d79;\n  #{$property}: var(--brand-03);\n}\n\n:root {\n  --brand-01: #005d5d;\n  --brand-02: #004144;\n  --brand-03: #007d79;\n  --bottom-nav-height: #{layout.$spacing-10};\n  --workspace-header-height: #{layout.$spacing-09};\n  --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n  --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@openmrs/esm-styleguide/src/vars' as *;\n@use '@carbon/type';\n@use '@carbon/colors';\n@use '@carbon/layout';\n\n.tileContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: space-between;\n  background-color: colors.$white;\n  border: 1px solid colors.$gray-20;\n  height: 7.875rem;\n  padding: layout.$spacing-05;\n  margin: layout.$spacing-03;\n}\n\n.tileHeader {\n  @include type.type-style('heading-01');\n  font-weight: 600;\n  line-height: 1.28572;\n  letter-spacing: 0.16px;\n  color: colors.$gray-70;\n}\n\n.displayDetails {\n  margin-top: layout.$spacing-06;\n}\n\n.displayData {\n  font-size: 1.75rem;\n  font-weight: 400;\n  line-height: 1.28572;\n  color: colors.$black;\n}\n\n.countLabel {\n  @include type.type-style('label-01');\n  color: $text-02;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n  spacing-01: $spacing-01,\n  spacing-02: $spacing-02,\n  spacing-03: $spacing-03,\n  spacing-04: $spacing-04,\n  spacing-05: $spacing-05,\n  spacing-06: $spacing-06,\n  spacing-07: $spacing-07,\n  spacing-08: $spacing-08,\n  spacing-09: $spacing-09,\n  spacing-10: $spacing-10,\n  spacing-11: $spacing-11,\n  spacing-12: $spacing-12,\n  spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: scale.type-scale(1),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  // Extra digit needed for precision in Chrome\n  line-height: 1.199,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n  font-size: scale.type-scale(12),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(5),\n      line-height: 1.4,\n    ),\n    max: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n      font-weight: font-family.font-weight('regular'),\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      font-weight: font-family.font-weight('regular'),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      font-weight: font-family.font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: scale.type-scale(6),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(5),\n    ),\n    lg: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(12),\n      line-height: 1.18,\n    ),\n    lg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(16),\n      line-height: 1.11,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: scale.type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(23),\n      line-height: 1.05,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n  caption-01: $caption-01,\n  caption-02: $caption-02,\n  label-01: $label-01,\n  label-02: $label-02,\n  helper-text-01: $helper-text-01,\n  helper-text-02: $helper-text-02,\n  body-short-01: $body-short-01,\n  body-short-02: $body-short-02,\n  body-long-01: $body-long-01,\n  body-long-02: $body-long-02,\n  code-01: $code-01,\n  code-02: $code-02,\n  heading-01: $heading-01,\n  heading-02: $heading-02,\n  productive-heading-01: $productive-heading-01,\n  productive-heading-02: $productive-heading-02,\n  productive-heading-03: $productive-heading-03,\n  productive-heading-04: $productive-heading-04,\n  productive-heading-05: $productive-heading-05,\n  productive-heading-06: $productive-heading-06,\n  productive-heading-07: $productive-heading-07,\n  expressive-paragraph-01: $expressive-paragraph-01,\n  expressive-heading-01: $expressive-heading-01,\n  expressive-heading-02: $expressive-heading-02,\n  expressive-heading-03: $expressive-heading-03,\n  expressive-heading-04: $expressive-heading-04,\n  expressive-heading-05: $expressive-heading-05,\n  expressive-heading-06: $expressive-heading-06,\n  quotation-01: $quotation-01,\n  quotation-02: $quotation-02,\n  display-01: $display-01,\n  display-02: $display-02,\n  display-03: $display-03,\n  display-04: $display-04,\n  // V11 Tokens\n  legal-01: $legal-01,\n  legal-02: $legal-02,\n  body-compact-01: $body-compact-01,\n  body-compact-02: $body-compact-02,\n  heading-compact-01: $heading-compact-01,\n  heading-compact-02: $heading-compact-02,\n  body-01: $body-01,\n  body-02: $body-02,\n  heading-03: $heading-03,\n  heading-04: $heading-04,\n  heading-05: $heading-05,\n  heading-06: $heading-06,\n  heading-07: $heading-07,\n  fluid-heading-03: $fluid-heading-03,\n  fluid-heading-04: $fluid-heading-04,\n  fluid-heading-05: $fluid-heading-05,\n  fluid-heading-06: $fluid-heading-06,\n  fluid-paragraph-01: $fluid-paragraph-01,\n  fluid-quotation-01: $fluid-quotation-01,\n  fluid-quotation-02: $fluid-quotation-02,\n  fluid-display-01: $fluid-display-01,\n  fluid-display-02: $fluid-display-02,\n  fluid-display-03: $fluid-display-03,\n  fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n  @each $name, $value in $map {\n    #{$name}: $value;\n  }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n  @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n  // Include the initial styles for the given token by default without any\n  // media query guard. This includes `font-size` as a fallback in the case\n  // that a browser does not support `calc()`\n  @include properties(map.remove($type-styles, breakpoints));\n  // We also need to include the `sm` styles by default since they don't\n  // appear in the fluid styles for tokens\n  @include fluid-type-size($type-styles, sm, $breakpoints);\n\n  // Finally, we need to go through all the breakpoints defined in the type\n  // token and apply the properties and fluid type size for that given\n  // breakpoint\n  @each $name, $values in map.get($type-styles, breakpoints) {\n    @include grid.breakpoint($name) {\n      @include properties($values);\n      @include fluid-type-size($type-styles, $name, $breakpoints);\n    }\n  }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n  $type-styles,\n  $name,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  // Get the information about the breakpoint we're currently working in. Useful\n  // for getting initial width information\n  $breakpoint: map.get($breakpoints, $name);\n\n  // Our fluid styles are captured under the 'breakpoints' property in our type\n  // styles map. These define what values to treat as `max-` variables below\n  $fluid-sizes: map.get($type-styles, breakpoints);\n  $fluid-breakpoint: ();\n  // Special case for `sm` because the styles for small are on the type style\n  // directly\n  @if $name == sm {\n    $fluid-breakpoint: map.remove($type-styles, breakpoints);\n  } @else {\n    $fluid-breakpoint: map.get($fluid-sizes, $name);\n  }\n\n  // Initialize our font-sizes to the default size for the type style\n  $max-font-size: map.get($type-styles, font-size);\n  $min-font-size: map.get($type-styles, font-size);\n  @if map.has-key($fluid-breakpoint, font-size) {\n    $min-font-size: map.get($fluid-breakpoint, font-size);\n  }\n\n  // Initialize our min and max width to the width of the current breakpoint\n  $max-vw: map.get($breakpoint, width);\n  $min-vw: map.get($breakpoint, width);\n\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\n  // use to update `max-font-size` and `max-vw` with larger values\n  $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n  $next-fluid-breakpoint-name: null;\n\n  // We need to figure out what the next available fluid breakpoint is for our\n  // given $type-styles. In this loop we try and iterate through breakpoints\n  // until we either manually set $next-breakpoint-available to null or\n  // `breakpoint-next` returns null.\n  @while $next-breakpoint-available {\n    @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\n      $next-breakpoint-available: null;\n    } @else {\n      $next-breakpoint-available: grid.breakpoint-next(\n        $next-breakpoint-available,\n        $breakpoints\n      );\n    }\n  }\n\n  // If we have found the next available fluid breakpoint name, then we know\n  // that we have values that we can use to set max-font-size and max-vw as both\n  // values derive from the next breakpoint\n  @if $next-fluid-breakpoint-name {\n    $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n    $max-font-size: map.get(\n      map.get($fluid-sizes, $next-fluid-breakpoint-name),\n      font-size\n    );\n    $max-vw: map.get($next-fluid-breakpoint, width);\n\n    // prettier-ignore\n    font-size: calc(#{$min-font-size} +\n      #{strip-unit($max-font-size - $min-font-size)} *\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n    );\n  } @else {\n    // Otherwise, just default to setting the font size found from the type\n    // style or the given fluid breakpoint in the type style\n    font-size: $min-font-size;\n  }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n  @each $property, $value in $value {\n    #{$property}: var(\n      --#{$custom-property-prefix}-#{$name}-#{$property},\n      #{$value}\n    );\n  }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  @if not map.has-key($tokens, $name) {\n    @error 'Unable to find a token with the name: `#{$name}`';\n  }\n\n  $token: map.get($tokens, $name);\n\n  // If $fluid is set to true and the token has breakpoints defined for fluid\n  // styles, delegate to the fluid-type helper for the given token\n  @if $fluid == true and map.has-key($token, 'breakpoints') {\n    @include fluid-type($token, $breakpoints);\n  } @else {\n    @include custom-properties($name, $token);\n  }\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n  black: (\n    100: #000000,\n  ),\n  blue: (\n    10: #edf5ff,\n    20: #d0e2ff,\n    30: #a6c8ff,\n    40: #78a9ff,\n    50: #4589ff,\n    60: #0f62fe,\n    70: #0043ce,\n    80: #002d9c,\n    90: #001d6c,\n    100: #001141,\n  ),\n  cool-gray: (\n    10: #f2f4f8,\n    20: #dde1e6,\n    30: #c1c7cd,\n    40: #a2a9b0,\n    50: #878d96,\n    60: #697077,\n    70: #4d5358,\n    80: #343a3f,\n    90: #21272a,\n    100: #121619,\n  ),\n  cyan: (\n    10: #e5f6ff,\n    20: #bae6ff,\n    30: #82cfff,\n    40: #33b1ff,\n    50: #1192e8,\n    60: #0072c3,\n    70: #00539a,\n    80: #003a6d,\n    90: #012749,\n    100: #061727,\n  ),\n  gray: (\n    10: #f4f4f4,\n    20: #e0e0e0,\n    30: #c6c6c6,\n    40: #a8a8a8,\n    50: #8d8d8d,\n    60: #6f6f6f,\n    70: #525252,\n    80: #393939,\n    90: #262626,\n    100: #161616,\n  ),\n  green: (\n    10: #defbe6,\n    20: #a7f0ba,\n    30: #6fdc8c,\n    40: #42be65,\n    50: #24a148,\n    60: #198038,\n    70: #0e6027,\n    80: #044317,\n    90: #022d0d,\n    100: #071908,\n  ),\n  magenta: (\n    10: #fff0f7,\n    20: #ffd6e8,\n    30: #ffafd2,\n    40: #ff7eb6,\n    50: #ee5396,\n    60: #d02670,\n    70: #9f1853,\n    80: #740937,\n    90: #510224,\n    100: #2a0a18,\n  ),\n  orange: (\n    10: #fff2e8,\n    20: #ffd9be,\n    30: #ffb784,\n    40: #ff832b,\n    50: #eb6200,\n    60: #ba4e00,\n    70: #8a3800,\n    80: #5e2900,\n    90: #3e1a00,\n    100: #231000,\n  ),\n  purple: (\n    10: #f6f2ff,\n    20: #e8daff,\n    30: #d4bbff,\n    40: #be95ff,\n    50: #a56eff,\n    60: #8a3ffc,\n    70: #6929c4,\n    80: #491d8b,\n    90: #31135e,\n    100: #1c0f30,\n  ),\n  red: (\n    10: #fff1f1,\n    20: #ffd7d9,\n    30: #ffb3b8,\n    40: #ff8389,\n    50: #fa4d56,\n    60: #da1e28,\n    70: #a2191f,\n    80: #750e13,\n    90: #520408,\n    100: #2d0709,\n  ),\n  teal: (\n    10: #d9fbfb,\n    20: #9ef0f0,\n    30: #3ddbd9,\n    40: #08bdba,\n    50: #009d9a,\n    60: #007d79,\n    70: #005d5d,\n    80: #004144,\n    90: #022b30,\n    100: #081a1c,\n  ),\n  warm-gray: (\n    10: #f7f3f2,\n    20: #e5e0df,\n    30: #cac5c4,\n    40: #ada8a8,\n    50: #8f8b8b,\n    60: #726e6e,\n    70: #565151,\n    80: #3c3838,\n    90: #272525,\n    100: #171414,\n  ),\n  white: (\n    0: #ffffff,\n  ),\n  yellow: (\n    10: #fcf4d6,\n    20: #fddc69,\n    30: #f1c21b,\n    40: #d2a106,\n    50: #b28600,\n    60: #8e6a00,\n    70: #684e00,\n    80: #483700,\n    90: #302400,\n    100: #1c1500,\n  ),\n) !default;\n"],sourceRoot:""}]),o.locals={tileContainer:"-esm-appointments__appointments-tile__tileContainer___aFXY0",tileHeader:"-esm-appointments__appointments-tile__tileHeader___otjEw",displayDetails:"-esm-appointments__appointments-tile__displayDetails___OYZXx",displayData:"-esm-appointments__appointments-tile__displayData___m-+br",countLabel:"-esm-appointments__appointments-tile__countLabel___vaM-j"};let r=o},73440:function(e,n,a){a.r(n),a.d(n,{default:()=>C});var t=a(97125),l=a.n(t),i=a(94129),o=a(72591),r=a.n(o),f=a(1740),p=a.n(f),s=a(88128),d=a.n(s),c=a(30855),u=a.n(c),g=a(93051),h=a.n(g),y=a(73656),$=a.n(y),b=a(47956),m={};m.styleTagTransform=$(),m.setAttributes=u(),m.insert=d().bind(null,"head"),m.domAPI=p(),m.insertStyleElement=h(),r()(b.A,m);let v=b.A&&b.A.locals?b.A.locals:void 0;var w=a(8836),k=a(99819),A=a(13624),x=a(23464),z=a.n(x);let _=function(){var e=z()(new Date().setHours(0,0,0,0)).toISOString(),n="".concat(k.restBaseUrl,"/appointment/all?forDate=").concat(e),a=(0,A.Ay)(n,k.openmrsFetch),t=a.data,l=a.error,i=a.isLoading;return{data:null==t?void 0:t.data,error:l,isLoading:i}},C=function(){var e,n=_().data,a=(0,w.useTranslation)().t;return l().createElement(i.FAs,{className:v.tileContainer},l().createElement("header",{className:v.tileHeader},a("scheduledForToday","Scheduled For Today")),l().createElement("div",{className:v.displayDetails},l().createElement("div",{className:v.countLabel},a("patients","Patients")),l().createElement("div",{className:v.displayData},null!=(e=null==n?void 0:n.length)?e:0)))}}}]);

package/dist/6857.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"6857.js","sources":["webpack://@kenyaemr/esm-appointments-app/./src/homepage-tile/appointments-tile.scss","webpack://@kenyaemr/esm-appointments-app/./src/homepage-tile/appointments-tile.scss?e676","webpack://@kenyaemr/esm-appointments-app/./src/homepage-tile/appointments.resource.ts","webpack://@kenyaemr/esm-appointments-app/./src/homepage-tile/appointments-tile.component.tsx"],"names":["appointmentDate","dayjs","Date","setHours","toISOString","url","restBaseUrl","useSWR","openmrsFetch","data","error","isLoading","appointmentsData","useAppointmentsData","t","useTranslation","Tile","className","styles","header","div","length"],"mappings":"yNAGI,EAA0B,A,SAA4B,KAE1D,EAAwB,IAAI,CAAC,CAAC,EAAO,EAAE,CAAE,q2CAAs2C,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wEAAwE,uDAAuD,6EAA6E,gEAAgE,2DAA2D,CAAC,MAAQ,EAAE,CAAC,SAAW,wZAAwZ,eAAiB,CAAC,g/DAAg/D,2xBAA2xB,05DAA05D,u8uBAAu8uB,g1VAAg1V,CAAC,WAAa,EAAE,EAAE,EAEhoyC,EAAwB,MAAM,CAAG,CAChC,cAAiB,8DACjB,WAAc,2DACd,eAAkB,+DAClB,YAAe,4DACf,WAAc,0DACf,EACA,MAAe,C,2NCHX,EAAU,CAAC,CAEf,GAAQ,iBAAiB,CAAG,IAC5B,EAAQ,aAAa,CAAG,IAElB,EAAQ,MAAM,CAAG,QAAa,CAAC,KAAM,QAE3C,EAAQ,MAAM,CAAG,IACjB,EAAQ,kBAAkB,CAAG,IAEhB,IAAI,GAAO,CAAE,GAKnB,MAAe,GAAO,EAAI,UAAc,CAAG,UAAc,CAAG,O,wDCZnE,MAV4B,WAC1B,IAAMA,EAAkBC,IAAM,IAAIC,OAAOC,QAAQ,CAAC,EAAG,EAAG,EAAG,IAAIC,WAAW,GAEpEC,EAAO,GAAyCL,MAAAA,CAAvCM,EAAAA,WAAWA,CAAC,6BAA2C,OAAhBN,GAEnBO,EAAAA,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAA6BF,EAAKG,EAAAA,YAAYA,EAAzEC,EAA2BF,EAA3BE,IAAI,CAAEC,EAAqBH,EAArBG,KAAK,CAAEC,EAAcJ,EAAdI,SAAS,CAE9B,MAAO,CAAEF,KAAMA,MAAAA,EAAAA,KAAAA,EAAAA,EAAMA,IAAI,CAAEC,MAAAA,EAAOC,UAAAA,CAAU,CAC9C,ECUA,EAhBmC,WACjC,IAS2CC,EAT7BA,EAAqBC,AAAAA,IAA3BJ,IAAI,CAEJK,EAAMC,AAAAA,GAAAA,EAAAA,cAAAA,AAAAA,IAAND,CAAC,CAET,OACE,kBAACE,EAAAA,GAAIA,CAAAA,CAACC,UAAWC,EAAAA,aAAoB,A,EACnC,kBAACC,SAAAA,CAAOF,UAAWC,EAAAA,UAAiB,A,EAAGJ,EAAE,oBAAqB,wBAC9D,kBAACM,MAAAA,CAAIH,UAAWC,EAAAA,cAAqB,A,EACnC,kBAACE,MAAAA,CAAIH,UAAWC,EAAAA,UAAiB,A,EAAGJ,EAAE,WAAY,aAClD,kBAACM,MAAAA,CAAIH,UAAWC,EAAAA,WAAkB,A,EAAGN,MAAAA,CAAAA,EAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAkBS,MAAM,AAAD,EAAvBT,EAA4B,IAIzE,C"}