@openmrs/esm-appointments-app 4.1.1-pre.997 → 4.2.0

package/dist/45.js

@@ -1 +1 @@
-"use strict";(self.webpackChunk_openmrs_esm_appointments_app=self.webpackChunk_openmrs_esm_appointments_app||[]).push([[45],{4055:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(2609),a=n.n(r)()((function(e){return e[1]}));a.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__appointments-form__productiveHeading01___sM0Rw{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-form__productiveHeading02___j5G9-{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)}.-esm-appointments__appointments-form__productiveHeading03___C82FU{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-appointments__appointments-form__productiveHeading04___uGR59{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-appointments__appointments-form__bodyLong01___Zd0X4{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-form__bodyShort01___MkOC2{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-form__bodyShort02___deuof{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-appointments__appointments-form__text02___IH5aY{color:#525252}.-esm-appointments__appointments-form__label01___HbZEF{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)}.-esm-appointments__appointments-form__modal___H-TH9{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}.-esm-appointments__appointments-form__formContainer___IJ6O3{margin:0 1rem}.-esm-appointments__appointments-form__stickyFormHeader___x25lR{position:sticky;top:3rem;z-index:10}.-esm-appointments__appointments-form__row___TA3S8{display:flex;margin:.5rem}.-esm-appointments__appointments-form__select___7mg-l{width:90%;margin-right:60%}.-esm-appointments__appointments-form__inputContainer___MWGAR{margin:1rem 0}.-esm-appointments__appointments-form__button___gqgwv{height:4rem;display:flex;align-content:flex-start;align-items:baseline;min-width:50%}.-esm-appointments__appointments-form__timePickerInput___eUjux{width:8rem}.-esm-appointments__appointments-form__datePickerInput___r1Pz0{padding-bottom:1rem;margin-left:12.5rem}.-esm-appointments__appointments-form__workLoadCard___d95C\\+{display:flex;margin:0 1rem;color:#525252}.-esm-appointments__appointments-form__monthlyWorkLoadCard___NY8ov{color:#525252;display:flex;flex-wrap:wrap}.-esm-appointments__appointments-form__workLoadContainer___05Asu{display:flex;flex-direction:column;background-color:#fff;padding-bottom:1rem}.-esm-appointments__appointments-form__workLoadTitle___D-sb1{padding-top:1rem;color:#525252;margin:0 1rem 1rem 1rem;font-size:var(--cds-legal-01-font-size, 0.75rem);font-weight:var(--cds-legal-01-font-weight, 400);line-height:var(--cds-legal-01-line-height, 1.33333);letter-spacing:var(--cds-legal-01-letter-spacing, 0.32px);font-weight:400}.-esm-appointments__appointments-form__input___lP8zL{width:13.5rem}.-esm-appointments__appointments-form__hide___hDpIo{display:none}",""]),a.locals={productiveHeading01:"-esm-appointments__appointments-form__productiveHeading01___sM0Rw",productiveHeading02:"-esm-appointments__appointments-form__productiveHeading02___j5G9-",productiveHeading03:"-esm-appointments__appointments-form__productiveHeading03___C82FU",productiveHeading04:"-esm-appointments__appointments-form__productiveHeading04___uGR59",bodyLong01:"-esm-appointments__appointments-form__bodyLong01___Zd0X4",bodyShort01:"-esm-appointments__appointments-form__bodyShort01___MkOC2",bodyShort02:"-esm-appointments__appointments-form__bodyShort02___deuof",text02:"-esm-appointments__appointments-form__text02___IH5aY",label01:"-esm-appointments__appointments-form__label01___HbZEF",modal:"-esm-appointments__appointments-form__modal___H-TH9",formContainer:"-esm-appointments__appointments-form__formContainer___IJ6O3",stickyFormHeader:"-esm-appointments__appointments-form__stickyFormHeader___x25lR",row:"-esm-appointments__appointments-form__row___TA3S8",select:"-esm-appointments__appointments-form__select___7mg-l",inputContainer:"-esm-appointments__appointments-form__inputContainer___MWGAR",button:"-esm-appointments__appointments-form__button___gqgwv",timePickerInput:"-esm-appointments__appointments-form__timePickerInput___eUjux",datePickerInput:"-esm-appointments__appointments-form__datePickerInput___r1Pz0",workLoadCard:"-esm-appointments__appointments-form__workLoadCard___d95C+",monthlyWorkLoadCard:"-esm-appointments__appointments-form__monthlyWorkLoadCard___NY8ov",workLoadContainer:"-esm-appointments__appointments-form__workLoadContainer___05Asu",workLoadTitle:"-esm-appointments__appointments-form__workLoadTitle___D-sb1",input:"-esm-appointments__appointments-form__input___lP8zL",hide:"-esm-appointments__appointments-form__hide___hDpIo"};const i=a},5628:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(2609),a=n.n(r)()((function(e){return e[1]}));a.push([e.id,".-esm-appointments__cancel-appointment__formContainer___OqvbG{margin:1rem}.-esm-appointments__cancel-appointment__inputContainer___BvVVq{margin:1rem}.-esm-appointments__cancel-appointment__buttonContainer___usoM9{display:flex}.-esm-appointments__cancel-appointment__buttonContainer___usoM9>button{width:50%;height:4rem;display:flex;align-items:flex-start}",""]),a.locals={formContainer:"-esm-appointments__cancel-appointment__formContainer___OqvbG",inputContainer:"-esm-appointments__cancel-appointment__inputContainer___BvVVq",buttonContainer:"-esm-appointments__cancel-appointment__buttonContainer___usoM9"};const i=a},8048:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(2609),a=n.n(r)()((function(e){return e[1]}));a.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\"\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:2.625rem;font-weight:300;line-height:1.199;letter-spacing:0}h2{font-size:2rem;font-weight:400;line-height:1.25;letter-spacing:0}h3{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0}h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}h5{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}h6{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px}p{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:0}a{color:#0f62fe}em{font-style:italic}@keyframes -esm-appointments__workload__skeleton___hKmyA{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-appointments__workload__cardContainer___tfiUe{background-color:#fff;display:flex;height:6rem}.-esm-appointments__workload__tileContainer___JTOsW{padding:.5rem;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;border:1px solid #a6c8ff}.-esm-appointments__workload__tileContainer___JTOsW:first-child{border-left-width:1px}.-esm-appointments__workload__tileContainer___JTOsW label{color:#525252}.-esm-appointments__workload__tileHeader___WHes\\+{display:flex;justify-content:space-between;padding-bottom:1rem}.-esm-appointments__workload__headerLabel___b-Wde{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#525252}.-esm-appointments__workload__totalsLabel___ha-Ks{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.-esm-appointments__workload__totalsValue___-G2ek{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0;color:#161616}.-esm-appointments__workload__headerLabelContainer___BBJPZ{display:flex;align-items:center;height:2rem}.-esm-appointments__workload__link___-po4r{text-decoration:none}.-esm-appointments__workload__activeWorkloadCard___dlZqh{background-color:#edf5ff}.-esm-appointments__workload__activeWorkloadCard___dlZqh label{color:#0f62fe}",""]),a.locals={cardContainer:"-esm-appointments__workload__cardContainer___tfiUe",tileContainer:"-esm-appointments__workload__tileContainer___JTOsW",tileHeader:"-esm-appointments__workload__tileHeader___WHes+",headerLabel:"-esm-appointments__workload__headerLabel___b-Wde",totalsLabel:"-esm-appointments__workload__totalsLabel___ha-Ks",totalsValue:"-esm-appointments__workload__totalsValue___-G2ek",headerLabelContainer:"-esm-appointments__workload__headerLabelContainer___BBJPZ",link:"-esm-appointments__workload__link___-po4r",activeWorkloadCard:"-esm-appointments__workload__activeWorkloadCard___dlZqh",skeleton:"-esm-appointments__workload__skeleton___hKmyA"};const i=a},6020:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(2609),a=n.n(r)()((function(e){return e[1]}));a.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__patient-search__padded___Il91D{padding:1rem}[data-extension-id=patient-search-bar]>div{width:100%}[data-extension-id=patient-search-bar]>div form{margin:.0125rem}[data-extension-id=patient-search-bar]>div input{background-color:#fff;border-bottom:none;min-height:3rem}[data-extension-id=patient-search-bar]>div button{height:3rem}",""]),a.locals={padded:"-esm-appointments__patient-search__padded___Il91D"};const i=a},9933:(e,t,n)=>{n.d(t,{EN:()=>h,GB:()=>f,Su:()=>d,iW:()=>g,v1:()=>v});var r=n(9984),a=n(906),i=n(8879),o=n.n(i),l=n(8179),s=n(12);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t,n,r,a,i,o){try{var l=e[i](o),s=l.value}catch(e){return void n(e)}l.done?t(s):Promise.resolve(s).then(r,a)}function m(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var i=e.apply(t,n);function o(e){u(i,r,a,o,l,"next",e)}function l(e){u(i,r,a,o,l,"throw",e)}o(void 0)}))}}var p=function(e,t){var n,r,a,i,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,r&&(a=2&i[0]?r.return:i[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,i[1])).done)return a;switch(r=0,a&&(i=[2&i[0],a.value]),i[0]){case 0:case 1:a=i;break;case 4:return o.label++,{value:i[1],done:!1};case 5:o.label++,r=i[1],i=[0];continue;case 7:i=o.ops.pop(),o.trys.pop();continue;default:if(!((a=(a=o.trys).length>0&&a[a.length-1])||6!==i[0]&&2!==i[0])){o=0;continue}if(3===i[0]&&(!a||i[1]>a[0]&&i[1]<a[3])){o.label=i[1];break}if(6===i[0]&&o.label<a[1]){o.label=a[1],a=i;break}if(a&&o.label<a[2]){o.label=a[2],o.ops.push(i);break}a[2]&&o.ops.pop(),o.trys.pop();continue}i=t.call(e,o)}catch(e){i=[6,e],r=0}finally{n=a=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}};function d(){var e=(0,r.ZP)("/ws/rest/v1/appointmentService/all/default",a.openmrsFetch),t=e.data,n=e.error,i=e.isLoading,o=e.isValidating;return{services:t?t.data:[],isLoading:i,isError:n,isValidating:o}}function f(e,t){return(0,a.openmrsFetch)("/ws/rest/v1/appointment",{method:"POST",signal:t.signal,headers:{"Content-Type":"application/json"},body:e})}var _,v=(_=m((function(e,t,n){var r,i,s;return p(this,(function(n){switch(n.label){case 0:return r=Intl.DateTimeFormat().resolvedOptions().timeZone,i=o()(new Date).format(l.J$),s="/ws/rest/v1/appointments/".concat(t,"/status-change"),[4,(0,a.openmrsFetch)(s,{body:{toStatus:e,onDate:i,timeZone:r},method:"POST",headers:{"Content-Type":"application/json"}})];case 1:return[2,n.sent()]}}))})),function(e,t,n){return _.apply(this,arguments)}),h=function(e,t){var n=o()(e).startOf("week").format(l.J$),i=o()(n).add(2,"week").format(l.J$),u="/ws/rest/v1/appointment/appointmentSummary?startDate=".concat(n,"&endDate=").concat(i),m=(0,r.ZP)(u,a.openmrsFetch),p=m.data,d=(m.error,m.isLoading,(0,s.Z)(null==p?void 0:p.data.filter((function(e){return e.appointmentService.uuid===t})))),f=null==d?void 0:d.appointmentCountMap;return Object.entries(null!=f?f:[]).map((function(e){var t,n,r=(n=2,function(e){if(Array.isArray(e))return e}(t=e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}(t,n)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(t,n)||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.")}());return{date:r[0],count:r[1].allAppointmentsCount}})).sort((function(e,t){return new Date(e.date).getTime()-new Date(t.date).getTime()}))},g=(m((function(e){return p(this,(function(t){switch(t.label){case 0:return[4,(0,a.openmrsFetch)("/ws/rest/v1/appointments/conflicts",{method:"POST",body:{patientUuid:e.patientUuid,serviceUuid:e.serviceUuid,startDateTime:e.startDateTime,endDateTime:e.endDateTime,providers:[],locationUuid:e.locationUuid,appointmentKind:e.appointmentKind},headers:{"Content-Type":"application/json"}})];case 1:return[2,t.sent()]}}))})),function(e,t,n){return o()(new Date(o()(e).year(),o()(e).month(),o()(e).date(),t,n))})},2186:(e,t,n)=>{n.d(t,{Z:()=>Y});var r=n(268),a=n.n(r),i=n(4924),o=n(8879),l=n.n(o),s=n(1948),c=n(906),u=n(1427),m=n(9933),p=n(9984),d=n(1723),f=n(6062),_=n.n(f),v=n(4036),h=n.n(v),g=n(6793),b=n.n(g),y=n(7892),w=n.n(y),k=n(1173),x=n.n(k),S=n(2464),C=n.n(S),E=n(8048),T={};T.styleTagTransform=C(),T.setAttributes=w(),T.insert=b().bind(null,"head"),T.domAPI=h(),T.insertStyleElement=x(),_()(E.Z,T);const D=E.Z&&E.Z.locals?E.Z.locals:void 0,A=function(e){var t=e.date,n=e.count,r=e.isActive,o=e.onClick;return(0,i.useTranslation)().t,a().createElement("div",{tabIndex:0,role:"button",onClick:o,className:"".concat(D.tileContainer,"  ").concat(r&&D.activeWorkloadCard)},a().createElement("div",{className:D.tileHeader},a().createElement("label",{className:D.headerLabel},t)),a().createElement("div",null,a().createElement("label",{className:D.totalsLabel},n)))};var M=n(12),O=n(4055),N={};N.styleTagTransform=C(),N.setAttributes=w(),N.insert=b().bind(null,"head"),N.domAPI=h(),N.insertStyleElement=x(),_()(O.Z,N);const P=O.Z&&O.Z.locals?O.Z.locals:void 0;function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var U=function(e,t){var n,r=(0,u.zF)(),a=(0,m.EN)(new Date(r),e),i=null!==(n=function(e,t){for(var n=new Map([]),r=0;r<=35;r++)n.set(l()(e).add(r,"day").format("YYYY-MM-DD"),0);return t.map((function(e){var t=e.date,r=e.count;n.has(t)&&n.set(t,r)})),Array.from(n).flatMap((function(e){var t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(e,t):void 0}}(e,t)||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.")}()}(e,2);return{date:t[0],count:t[1]}}))}(new Date(r),a))&&void 0!==n?n:[];return"month"===t?i:i.slice(0,7)};function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function j(e,t,n,r,a,i,o){try{var l=e[i](o),s=l.value}catch(e){return void n(e)}l.done?t(s):Promise.resolve(s).then(r,a)}function z(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){z(e,t,n[t])}))}return e}function Z(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function H(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return F(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?F(e,t):void 0}}(e,t)||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.")}()}const Y=function(e){var t,n,o,f,_=e.appointment,v=e.patientUuid,h=e.context,g=(0,i.useTranslation)().t,b=(0,c.useConfig)(),y=b.appointmentTypes,w=b.appointmentStatuses,k=b.hiddenFormFields,x=function(e,t){var n,r,a,i,o,s,u,m,p,d,f,_=(0,c.useSession)();return{appointmentKind:null!==(i=null==e?void 0:e.appointmentKind)&&void 0!==i?i:"Scheduled",status:null!==(o=null==e?void 0:e.status)&&void 0!==o?o:"Scheduled",serviceUuid:null!==(s=null==e?void 0:e.serviceUuid)&&void 0!==s?s:"",startDateTime:l()(new Date).format("hh:mm"),endDateTime:l()(new Date).format("hh:mm"),providers:null!==(u=null==e?void 0:e.providers)&&void 0!==u?u:[],providerUuid:null!==(m=null===(n=null==e?void 0:e.providers[0])||void 0===n?void 0:n.uuid)&&void 0!==m?m:null==_||null===(r=_.currentProvider)||void 0===r?void 0:r.uuid,comments:null!==(p=null==e?void 0:e.comments)&&void 0!==p?p:"",locationUuid:(null==e?void 0:e.location)?e.location.uuid:null==_||null===(a=_.sessionLocation)||void 0===a?void 0:a.uuid,frequency:"",uuid:null!==(d=null==e?void 0:e.id)&&void 0!==d?d:"",appointmentNumber:null!==(f=null==e?void 0:e.appointmentNumber)&&void 0!==f?f:"",patientUuid:(null==e?void 0:e.patientUuid)?e.patientUuid:t,visitDate:(null==e?void 0:e.dateTime)?new Date(e.dateTime):new Date,timeFormat:(new Date).getHours()>=12?"PM":"AM",isFullDay:!0,day:null==e?void 0:e.dateTime}}(_,v),S=H((0,r.useState)(x),2),C=S[0],E=S[1],T=(0,c.usePatient)(null!=v?v:C.patientUuid),D=T.patient,O=T.isLoading,N=(0,c.useLocations)(),I=function(){var e,t=(0,p.ZP)("/ws/rest/v1/provider",c.openmrsFetch),n=t.data,r=t.error,a=t.isLoading,i=t.isValidating;return{providers:n?null===(e=n.data)||void 0===e?void 0:e.results:[],isLoading:a,isError:r,isValidating:i}}().providers,F=(0,m.Su)().services,z=H((0,r.useState)(!1),2),Y=z[0],K=z[1],W=(0,m.EN)(C.visitDate,C.serviceUuid),q=H((0,r.useState)(0),2),G=q[0],B=q[1],R=U(C.serviceUuid,0===G?"week":"month"),J=(0,u.zF)(),V=null==F?void 0:F.find((function(e){return e.uuid===C.serviceUuid})),Q=(n=function(){var e,t,n,r,a,i,o;return function(e,t){var n,r,a,i,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,r&&(a=2&i[0]?r.return:i[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,i[1])).done)return a;switch(r=0,a&&(i=[2&i[0],a.value]),i[0]){case 0:case 1:a=i;break;case 4:return o.label++,{value:i[1],done:!1};case 5:o.label++,r=i[1],i=[0];continue;case 7:i=o.ops.pop(),o.trys.pop();continue;default:if(!((a=(a=o.trys).length>0&&a[a.length-1])||6!==i[0]&&2!==i[0])){o=0;continue}if(3===i[0]&&(!a||i[1]>a[0]&&i[1]<a[3])){o.label=i[1];break}if(6===i[0]&&o.label<a[1]){o.label=a[1],a=i;break}if(a&&o.label<a[2]){o.label=a[2],o.ops.push(i);break}a[2]&&o.ops.pop(),o.trys.pop();continue}i=t.call(e,o)}catch(e){i=[6,e],r=0}finally{n=a=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}(this,(function(s){return e=H((0,u.A8)(C.startDateTime,C.timeFormat),2),t=e[0],n=e[1],r=(0,m.iW)(C.visitDate,t,n),a=(0,m.iW)(C.visitDate,t,n),i={appointmentKind:C.appointmentKind,status:C.status,serviceUuid:C.serviceUuid,startDateTime:l()(r).format(),endDateTime:l()(a).format(),providerUuid:C.providerUuid,providers:[{uuid:C.providerUuid}],comments:C.comments,locationUuid:C.locationUuid,patientUuid:C.patientUuid,appointmentNumber:C.appointmentNumber,uuid:C.uuid},o=new AbortController,K(!0),(0,m.GB)(i,o).then((function(e){200===e.status&&((0,c.showToast)({critical:!0,kind:"success",description:g("appointmentNowVisible","It is now visible on the Appointments page"),title:g("appointmentScheduled","Appointment scheduled")}),K(!1),(0,p.JG)("/ws/rest/v1/appointment/appointmentStatus?forDate=".concat(J,"&status=Scheduled")),(0,p.JG)("/ws/rest/v1/appointment/appointmentStatus?forDate=".concat(J,"&status=CheckedIn")),(0,p.JG)("/ws/rest/v1/appointment/all?forDate=".concat(J)),(0,d.Km)())}),(function(e){(0,c.showNotification)({title:g("appointmentFormError","Error scheduling appointment"),kind:"error",critical:!0,description:null==e?void 0:e.message}),K(!1)})),[2]}))},o=function(){var e=this,t=arguments;return new Promise((function(r,a){var i=n.apply(e,t);function o(e){j(i,r,a,o,l,"next",e)}function l(e){j(i,r,a,o,l,"throw",e)}o(void 0)}))},function(){return o.apply(this,arguments)});return a().createElement("div",{className:P.formContainer},O?a().createElement(s.N2B,null):a().createElement("div",{className:P.stickyFormHeader},a().createElement(c.ExtensionSlot,{extensionSlotName:"patient-header-slot",state:{patient:D,patientUuid:C.patientUuid}})),a().createElement("div",{className:P.inputContainer,id:"appointment-place"},a().createElement("p",null,g("selectAppointmentLocation","Select where the appointment will take place")),a().createElement(s.GHR,{className:P.inputContainer,"data-testid":"appointment-place"},a().createElement(s.rsf,{value:"facility",id:"facility",text:g("facility","Facility")},g("facility","Facility")),a().createElement(s.rsf,{value:"community",id:"community",text:g("community","Community")},g("community","Community")))),a().createElement(s.PhF,{labelText:g("selectLocation","Select a location"),id:"location",invalidText:"Required",value:C.locationUuid,className:P.inputContainer,onChange:function(e){return E(Z(L({},C),{locationUuid:e.target.value}))}},(null==N?void 0:N.length)>0&&N.map((function(e){return a().createElement(s.QlF,{key:e.uuid,text:e.display,value:e.uuid},e.display)}))),a().createElement(s.PhF,{id:"service",invalidText:"Required",labelText:g("selectService","Select a service"),className:P.inputContainer,onChange:function(e){return E(Z(L({},C),{serviceUuid:e.target.value}))},value:C.serviceUuid},C.serviceUuid&&"--"!=C.serviceUuid?null:a().createElement(s.QlF,{text:g("chooseService","Select service"),value:""}),(null==F?void 0:F.length)>0&&F.map((function(e){return a().createElement(s.QlF,{key:e.uuid,text:e.name,value:e.uuid},e.name)}))),a().createElement("p",null,g("appointmentDateAndTime","Appointments Date and Time")),a().createElement("div",{className:P.row},a().createElement(s.ZDl,{onToggle:function(e){return E(Z(L({},C),{isFullDay:e}))},id:"allDay",labelA:"Off",labelB:"On",labelText:"All Day",defaultToggled:C.isFullDay}),a().createElement(s.Mtg,{dateFormat:"d/m/Y",datePickerType:"single",id:"visitDate",minDate:C.visitDate,className:P.datePickerInput,onChange:function(e){var t=H(e,1)[0];return E(Z(L({},C),{visitDate:t}))},value:C.visitDate},a().createElement(s.aj6,{id:"visitStartDateInput",labelText:g("date","Date"),placeholder:"dd/mm/yyyy",style:{width:"100%"}}))),C.isFullDay?null:a().createElement("div",{className:P.row},a().createElement(s.jII,{disabled:!V,className:P.timePickerInput,pattern:"([\\d]+:[\\d]{2})",onChange:function(e){return E(Z(L({},C),{startDateTime:e.target.value}))},value:C.endDateTime,labelText:g("startTime","Start Time"),id:"start-time-picker"},a().createElement(s.M6n,{disabled:!V,id:"start-time-picker",onChange:function(e){return E(Z(L({},C),{timeFormat:e.target.value}))},value:C.timeFormat,labelText:g("time","Time"),"aria-label":g("time","Time")},a().createElement(s.QlF,{value:"AM",text:"AM"}),a().createElement(s.QlF,{value:"PM",text:"PM"}))),a().createElement(s.jII,{disabled:!V,className:P.timePickerInput,pattern:"([\\d]+:[\\d]{2})",onChange:function(e){return E(Z(L({},C),{endDateTime:e.target.value}))},value:C.endDateTime,labelText:g("endTime","End Time"),id:"end-time-picker"},a().createElement(s.M6n,{disabled:!V,id:"end-time-picker",onChange:function(e){return E(Z(L({},C),{timeFormat:e.target.value}))},value:C.timeFormat,labelText:g("time","Time"),"aria-label":g("time","Time")},a().createElement(s.QlF,{value:"AM",text:"AM"}),a().createElement(s.QlF,{value:"PM",text:"PM"})))),C.serviceUuid&&a().createElement("div",{className:P.workLoadContainer},a().createElement(a().Fragment,null,a().createElement("p",{className:P.workLoadTitle},g("serviceWorkloadTitle","".concat(null==V?void 0:V.name," clinic work load on the week of ").concat(l()(null!==(f=null===(t=(0,M.Z)(W))||void 0===t?void 0:t.date)&&void 0!==f?f:new Date).format("DD/MM")))),a().createElement(s.mQc,{selectedIndex:G,onChange:function(e){var t=e.selectedIndex;return B(t)},className:P.tabs},a().createElement(s.tdY,{style:{paddingLeft:"1rem"}},a().createElement(s.OK9,null,g("weekly","WeeKly")),a().createElement(s.OK9,null,g("monthly","Monthly"))),a().createElement(s.nPR,null,a().createElement(s.x45,{style:{padding:0}},a().createElement("div",{className:P.workLoadCard},null==R?void 0:R.map((function(e,t){var n=e.date,r=e.count;return a().createElement(A,{onClick:function(){return E(Z(L({},C),{visitDate:new Date(n)}))},key:n,date:l()(n).format("DD/MM"),count:r,isActive:l()(n).format("DD-MM-YYYY")===l()(C.visitDate).format("DD-MM-YYYY")})})))),a().createElement(s.x45,{style:{padding:0}},a().createElement("div",{className:P.monthlyWorkLoadCard},null==R?void 0:R.map((function(e){var t=e.date,n=e.count;return a().createElement(A,{onClick:function(){return E(Z(L({},C),{visitDate:new Date(t)}))},key:t,date:l()(t).format("DD/MM"),count:n,isActive:l()(t).format("DD-MM-YYYY")===l()(C.visitDate).format("DD-MM-YYYY")})})))))))),a().createElement(s.PhF,{id:"appointmentType",invalidText:"Required",labelText:g("selectAppointmentType","Select an appointment type"),className:P.inputContainer,onChange:function(e){return E(Z(L({},C),{appointmentKind:e.target.value}))},value:C.appointmentKind},C.appointmentKind&&"--"!=C.appointmentKind?null:a().createElement(s.QlF,{text:g("selectAppointmentType","Select an appointment type"),value:""}),(null==y?void 0:y.length)>0&&y.map((function(e){return a().createElement(s.QlF,{key:e,text:e,value:e},e)}))),"creating"!==h&&a().createElement(s.PhF,{id:"appointmentStatus",invalidText:"Required",labelText:g("selectAppointmentStatus","Select status"),className:P.inputContainer,onChange:function(e){return E(Z(L({},C),{status:e.target.value}))},value:C.status},C.status&&"--"!=C.status?null:a().createElement(s.QlF,{text:g("selectAppointmentStatus","Select status"),value:""}),(null==w?void 0:w.length)>0&&w.map((function(e){return a().createElement(s.QlF,{key:e,text:e,value:e},e)}))),a().createElement(s.PhF,{id:"providers",invalidText:"Required",labelText:g("selectProvider","Select a provider"),className:"".concat(P.inputContainer," ").concat(k.includes("providers")&&P.hide),onChange:function(e){E(Z(L({},C),{providerUuid:e.target.value}))},value:C.providerUuid},C.providerUuid?null:a().createElement(s.QlF,{text:g("chooseProvider","Select Provider"),value:""}),(null==I?void 0:I.length)>0&&I.map((function(e){return a().createElement(s.QlF,{key:e.uuid,text:e.display,value:e.uuid},e.display)}))),a().createElement("div",{className:P.inputContainer,id:"radio-group"},a().createElement("label",{className:"cds--label"},g("getAppointmentReminder","Would you like to get a reminder about this appointment?")),a().createElement(s.SYO,{defaultSelected:"No",orientation:"vertical",onChange:function(e){},name:"appointment-reminder-radio-group"},a().createElement(s.EUY,{className:P.radioButton,id:"Yes",labelText:"Yes",value:"Yes"}),a().createElement(s.EUY,{className:P.radioButton,id:"No",labelText:"No",value:"No"}))),a().createElement(s.mh4,null,a().createElement(s.Kx8,{cols:50,id:"comment",invalidText:"A valid value is required",labelText:g("comment","Comment"),placeholder:g("typeInComments","Type in appointment comment"),rows:4,value:C.comments,onChange:function(e){return E(Z(L({},C),{comments:e.target.value}))}})),a().createElement(s.uVA,null,a().createElement(s.zxk,{onClick:d.Km,className:P.button,kind:"secondary"},g("discard","Discard")),a().createElement(s.zxk,{onClick:Q,className:P.button,disabled:Y||!C.serviceUuid,kind:"primary",type:"submit"},g("save","Save"))))}},9405:(e,t,n)=>{n.d(t,{Z:()=>M});var r=n(268),a=n.n(r),i=n(4924),o=n(1948),l=n(906),s=n(9933),c=n(1723),u=n(6062),m=n.n(u),p=n(4036),d=n.n(p),f=n(6793),_=n.n(f),v=n(7892),h=n.n(v),g=n(1173),b=n.n(g),y=n(2464),w=n.n(y),k=n(5628),x={};x.styleTagTransform=w(),x.setAttributes=h(),x.insert=_().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=b(),m()(k.Z,x);const S=k.Z&&k.Z.locals?k.Z.locals:void 0;var C=n(9984),E=n(1427);function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function D(e,t,n,r,a,i,o){try{var l=e[i](o),s=l.value}catch(e){return void n(e)}l.done?t(s):Promise.resolve(s).then(r,a)}function A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return T(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?T(e,t):void 0}}(e,t)||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.")}()}const M=function(e){var t=e.appointment,n=(0,i.useTranslation)().t,u=(0,C.kY)().mutate,m=(0,l.usePatient)(t.patientUuid).patient,p=(0,l.useSession)(),d=A((0,r.useState)(t.location),2),f=d[0],_=d[1],v=A((0,r.useState)(""),2),h=v[0],g=v[1],b=(0,E.zF)(),y=A((0,r.useState)(!1),2),w=y[0],k=y[1];(0,r.useEffect)((function(){var e,t;f&&(null==p||null===(e=p.sessionLocation)||void 0===e?void 0:e.uuid)&&_(null==p||null===(t=p.sessionLocation)||void 0===t?void 0:t.uuid)}),[f,p]);var x,T,M=(x=function(){var e;return function(e,t){var n,r,a,i,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,r&&(a=2&i[0]?r.return:i[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,i[1])).done)return a;switch(r=0,a&&(i=[2&i[0],a.value]),i[0]){case 0:case 1:a=i;break;case 4:return o.label++,{value:i[1],done:!1};case 5:o.label++,r=i[1],i=[0];continue;case 7:i=o.ops.pop(),o.trys.pop();continue;default:if(!((a=(a=o.trys).length>0&&a[a.length-1])||6!==i[0]&&2!==i[0])){o=0;continue}if(3===i[0]&&(!a||i[1]>a[0]&&i[1]<a[3])){o.label=i[1];break}if(6===i[0]&&o.label<a[1]){o.label=a[1],a=i;break}if(a&&o.label<a[2]){o.label=a[2],o.ops.push(i);break}a[2]&&o.ops.pop(),o.trys.pop();continue}i=t.call(e,o)}catch(e){i=[6,e],r=0}finally{n=a=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}(this,(function(r){switch(r.label){case 0:return e=new AbortController,k(!0),[4,(0,s.v1)("Cancelled",t.id,e)];case 1:return 200===r.sent().status?((0,l.showToast)({critical:!0,kind:"success",description:n("appointmentNowVisible","It has been cancelled successfully"),title:n("appointmentCancelled","Appointment cancelled")}),u("/ws/rest/v1/appointment/appointmentStatus?forDate=".concat(b,"&status=Scheduled")),u("/ws/rest/v1/appointment/appointmentStatus?forDate=".concat(b,"&status=Cancelled")),(0,c.Km)()):((0,l.showNotification)({title:n("appointmentCancelError","Error cancelling appointment"),kind:"error",critical:!0,description:n("errorMessage","Error cancelling the appointment")}),k(!1)),[2]}}))},T=function(){var e=this,t=arguments;return new Promise((function(n,r){var a=x.apply(e,t);function i(e){D(a,n,r,i,o,"next",e)}function o(e){D(a,n,r,i,o,"throw",e)}i(void 0)}))},function(){return T.apply(this,arguments)});return a().createElement("div",{className:S.formContainer},m&&a().createElement(l.ExtensionSlot,{extensionSlotName:"patient-header-slot",state:{patient:m,patientUuid:t.patientUuid}}),a().createElement(o.Kx8,{id:"reason",light:!0,value:h,className:S.inputContainer,labelText:n("reasonForChanges","Reason For Changes"),onChange:function(e){return g(e.target.value)}}),a().createElement("div",{className:S.buttonContainer},a().createElement(o.zxk,{onClick:function(){return(0,c.Km)()},kind:"secondary"},n("discard","Discard")),a().createElement(o.zxk,{onClick:M,disabled:w,kind:"primary",type:"submit"},n("cancelAppointment","Cancel Appointment"))))}},5326:(e,t,n)=>{n.d(t,{aN:()=>_,bP:()=>p,bf:()=>s,g9:()=>c,ny:()=>d,vN:()=>u,xj:()=>f});var r=n(906),a=n(8879),i=n.n(a);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function l(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var s=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=null==t?void 0:t.map((function(e){var t=e.countMap;return{serviceName:e.serviceName,count:t.reduce((function(e,t){return e+t.allAppointmentsCount}),0)}}));return n.find((function(t){return t.count===(e=Math).max.apply(e,l(n.map((function(e){return e.count}))))}))},c=function(e){return e.flatMap((function(e){return{serviceName:e.appointmentService.name,countMap:Object.entries(e.appointmentCountMap).flatMap((function(e){return e[1]}))}}))},u=function(e,t){return e.map((function(e){return Object.entries(e.appointmentCountMap).flatMap((function(e){return e[1][t]}))})).flat(1).reduce((function(e,t){return e+t}),0)};function m(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=t-e,r=Math.floor(n/6e4);return r+"min"}var p=function(e,t){var n,a,i,o,l,s,c,u,p,d,f,_,v,h,g;return{id:null==e?void 0:e.uuid,name:null===(n=e.patient)||void 0===n?void 0:n.name,age:null===(a=e.patient)||void 0===a?void 0:a.birthDate,gender:null===(i=e.patient)||void 0===i?void 0:i.gender,phoneNumber:null===(o=e.patient)||void 0===o?void 0:o.contact,dob:(0,r.formatDate)((0,r.parseDate)(null===(l=e.patient)||void 0===l?void 0:l.birthDate),{mode:"wide"}),patientUuid:null===(s=e.patient)||void 0===s?void 0:s.uuid,dateTime:(_=(0,r.parseDate)(e.startDateTime),v=_.getHours(),h=_.getMinutes(),g=v>=12?"PM":"AM",(v=(v%=12)||12)+":"+(h=h<10?"0"+h:h)+" "+g),serviceType:e.service?e.service.name:"--",serviceColor:(null===(c=e.service)||void 0===c?void 0:c.color)?e.service.color:"__",serviceUuid:e.service?e.service.uuid:null,appointmentKind:e.appointmentKind?e.appointmentKind:"--",status:e.status,provider:e.provider?null===(u=e.provider.person)||void 0===u?void 0:u.display:"--",location:e.location?e.location.name:"--",comments:e.comments?e.comments:"--",appointmentNumber:e.appointmentNumber,color:e.service.color,identifier:null===(p=e.patient)||void 0===p?void 0:p.identifier,duration:(null===(d=e.service)||void 0===d?void 0:d.durationMins)?(null==e||null===(f=e.service)||void 0===f?void 0:f.durationMins)+t("minutes","min"):m(e.startDateTime,e.endDateTime),recurring:e.recurring}},d=function(e){var t,n,a,i,o,l,s,c;return{id:e.uuid,name:null===(t=e.patient)||void 0===t?void 0:t.name,age:null===(n=e.patient)||void 0===n?void 0:n.birthDate,gender:null===(a=e.patient)||void 0===a?void 0:a.gender,phoneNumber:null===(i=e.patient)||void 0===i?void 0:i.contact,dob:(0,r.formatDate)((0,r.parseDate)(null===(o=e.patient)||void 0===o?void 0:o.birthDate),{mode:"wide"}),patientUuid:null===(l=e.patient)||void 0===l?void 0:l.uuid,dateTime:e.startDateTime,serviceType:e.service?e.service.name:"--",serviceUuid:e.service?e.service.uuid:null,appointmentKind:e.appointmentKind?e.appointmentKind:"--",status:e.status,provider:e.providers?null===(s=null==e?void 0:e.providers[0])||void 0===s?void 0:s.name:"--",location:e.location?null===(c=e.location)||void 0===c?void 0:c.name:"--",comments:e.comments?e.comments:"--",appointmentNumber:e.appointmentNumber,providers:e.providers,identifier:e.patient.identifier}},f=function(e,t){return e.isSame(t,"month")},_=function(e){for(var t=i()(e).startOf("month"),n=i()(e).endOf("month"),r=i()(e).daysInMonth(),a=i()(e).subtract(1,"month"),o=i()(e).add(1,"month"),l=[],s=a.daysInMonth()-t.day();s<a.daysInMonth();s++)l.push(e.date(s).month(a.month()));for(var c=1;c<=r;c++)l.push(e.date(c));for(var u=l.length>30?7:14,m=1;m<u-n.day();m++)l.push(e.date(m).month(o.month()));return l}},1427:(e,t,n)=>{n.d(t,{es:()=>f,A8:()=>m,g9:()=>r.g9,ny:()=>r.ny,bf:()=>r.bf,vN:()=>r.vN,bP:()=>r.bP,xj:()=>r.xj,zF:()=>_});var r=n(5326),a=n(906),i=n(8879),o=n.n(i),l=n(268),s=n(8179);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(e,t)||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.")}()}var m=function(e,t){var n=u(null==e?void 0:e.split(":"),2),r=n[0],a=n[1];return"12"===r&&"AM"===t&&(r="00"),"PM"===t&&(r="12"===r?r:parseInt(r,10)+12),[r,a]},p={appointmentDate:o()((new Date).setHours(0,0,0,0)).format(s.J$)};function d(){return(0,a.getGlobalStore)("appointmentStartDate",p)}function f(e){d().setState({appointmentDate:o()(new Date(e).setHours(0,0,0,0)).format(s.J$)})}var _=function(){var e=u((0,l.useState)(p.appointmentDate),2),t=e[0],n=e[1];return(0,l.useEffect)((function(){d().subscribe((function(e){var t=e.appointmentDate;return n(t.toString())}))}),[]),t}},1723:(e,t,n)=>{n.d(t,{I8:()=>s,Ir:()=>u,Km:()=>c});var r=n(906),a=n(268);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var o={isOverlayOpen:!1,component:Function,header:""},l=function(){return(0,r.getGlobalStore)("appointment-store",o)},s=function(e,t){l().setState({isOverlayOpen:!0,component:t,header:e})},c=function(){l().setState({component:null,isOverlayOpen:!1})},u=function(){var e,t,n=(e=(0,a.useState)(),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(e,t)||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.")}()),r=n[0],o=n[1];return(0,a.useEffect)((function(){var e=function(e){o(e)};e(l().getState()),l().subscribe(e)}),[]),{isOverlayOpen:null==r?void 0:r.isOverlayOpen,component:null==r?void 0:r.component,header:null==r?void 0:r.header}}},5320:(e,t,n)=>{n.d(t,{Z:()=>S});var r=n(268),a=n.n(r),i=n(906),o=n(6062),l=n.n(o),s=n(4036),c=n.n(s),u=n(6793),m=n.n(u),p=n(7892),d=n.n(p),f=n(1173),_=n.n(f),v=n(2464),h=n.n(v),g=n(6020),b={};b.styleTagTransform=h(),b.setAttributes=d(),b.insert=m().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=_(),l()(g.Z,b);const y=g.Z&&g.Z.locals?g.Z.locals:void 0;var w=n(1723),k=n(4924),x=n(2186);const S=function(){var e=(0,k.useTranslation)().t;return a().createElement("div",{className:"omrs-main-content"},a().createElement("span",{className:y.searchBarWrapper},a().createElement(i.ExtensionSlot,{extensionSlotName:"patient-search-bar-slot",state:{selectPatientAction:function(t){(0,w.Km)(),(0,w.I8)(e("appointmentForm","Create Appointment"),a().createElement(x.Z,{patientUuid:t.uuid,context:"creating"}))},buttonProps:{kind:"primary"}}})))}}}]);
+"use strict";(globalThis.webpackChunk_openmrs_esm_appointments_app=globalThis.webpackChunk_openmrs_esm_appointments_app||[]).push([[45],{4055:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),r=t.n(a),i=t(2609),o=t.n(i)()(r());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__appointments-form__productiveHeading01___sM0Rw{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-form__productiveHeading02___j5G9-{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)}.-esm-appointments__appointments-form__productiveHeading03___C82FU{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-appointments__appointments-form__productiveHeading04___uGR59{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-appointments__appointments-form__bodyLong01___Zd0X4{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-form__bodyShort01___MkOC2{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-form__bodyShort02___deuof{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-appointments__appointments-form__text02___IH5aY{color:#525252}.-esm-appointments__appointments-form__label01___HbZEF{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)}.-esm-appointments__appointments-form__modal___H-TH9{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}.-esm-appointments__appointments-form__formContainer___IJ6O3{margin:0 1rem}.-esm-appointments__appointments-form__stickyFormHeader___x25lR{position:sticky;top:3rem;z-index:10}.-esm-appointments__appointments-form__row___TA3S8{display:flex;margin:.5rem}.-esm-appointments__appointments-form__select___7mg-l{width:90%;margin-right:60%}.-esm-appointments__appointments-form__inputContainer___MWGAR{margin:1rem 0}.-esm-appointments__appointments-form__button___gqgwv{height:4rem;display:flex;align-content:flex-start;align-items:baseline;min-width:50%}.-esm-appointments__appointments-form__timePickerInput___eUjux{width:8rem}.-esm-appointments__appointments-form__datePickerInput___r1Pz0{padding-bottom:1rem;margin-left:12.5rem}.-esm-appointments__appointments-form__workLoadCard___d95C\\+{display:flex;margin:0 1rem;color:#525252}.-esm-appointments__appointments-form__monthlyWorkLoadCard___NY8ov{color:#525252;display:flex;flex-wrap:wrap}.-esm-appointments__appointments-form__workLoadContainer___05Asu{display:flex;flex-direction:column;background-color:#fff;padding-bottom:1rem}.-esm-appointments__appointments-form__workLoadTitle___D-sb1{padding-top:1rem;color:#525252;margin:0 1rem 1rem 1rem;font-size:var(--cds-legal-01-font-size, 0.75rem);font-weight:var(--cds-legal-01-font-weight, 400);line-height:var(--cds-legal-01-line-height, 1.33333);letter-spacing:var(--cds-legal-01-letter-spacing, 0.32px);font-weight:400}.-esm-appointments__appointments-form__input___lP8zL{width:13.5rem}.-esm-appointments__appointments-form__hide___hDpIo{display:none}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./src/appointment-forms/appointments-form.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,mECs0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDl0BJ,mECk0BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD9zBJ,mEC8zBI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD1zBJ,mEC0zBI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CDtzBJ,0DCszBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDlzBJ,2DCkzBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD9yBJ,2DC8yBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD1yBJ,sDACE,aD5BQ,CC+BV,uDCsyBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDlyBJ,qDACE,cAAA,CACA,WAAA,CACA,YAAA,CACA,YAAA,CACA,+BAAA,CACA,YAAA,CACA,oBAAA,CACA,kBAAA,CE5CF,6DACE,aAAA,CAGF,gEACE,eAAA,CACA,QCyCW,CDxCX,UAAA,CAGF,mDACE,YAAA,CACA,YCKW,CDFb,sDACE,SAAA,CACA,gBAAA,CAGF,8DACE,aAAA,CAGF,sDACE,WAAA,CACA,YAAA,CACA,wBAAA,CACA,oBAAA,CACA,aAAA,CAGF,+DACE,UAAA,CAGF,+DACE,mBAAA,CACA,mBAAA,CAGF,6DACE,YAAA,CACA,aAAA,CACA,aAAA,CAEF,mEACE,aAAA,CACA,YAAA,CACA,cAAA,CAEF,iEACE,YAAA,CACA,qBAAA,CACA,qBAAA,CACA,mBAAA,CAGF,6DACE,gBChCW,CDiCX,aAAA,CACA,uBAAA,CDywBE,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CCvwBF,eAAA,CAEF,qDACE,aAAA,CAGF,oDACE,YAAA",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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n  @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n  @include type.type-style('heading-compact-02');\n}\n\n.productiveHeading03 {\n  @include type.type-style('heading-03');\n}\n\n.productiveHeading04 {\n  @include type.type-style('heading-04');\n}\n\n.bodyLong01 {\n  @include type.type-style('body-01');\n}\n\n.bodyShort01 {\n  @include type.type-style('body-compact-01');\n}\n\n.bodyShort02 {\n  @include type.type-style('body-compact-02');\n}\n\n.text02 {\n  color: $text-02;\n}\n\n.label01 {\n  @include type.type-style('label-01');\n}\n\n.modal {\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  display: grid;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9000;\n  justify-items: center;\n  align-items: center;\n}\n","//\n// Copyright IBM Corp. 2018, 2018\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/// @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: carbon--type-scale(2),\n  font-weight: carbon--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  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);\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","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '../root.scss';\n\n.formContainer {\n  margin: 0 spacing.$spacing-05;\n}\n\n.stickyFormHeader {\n  position: sticky;\n  top: spacing.$spacing-09;\n  z-index: 10;\n}\n\n.row {\n  display: flex;\n  margin: spacing.$spacing-03;\n}\n\n.select {\n  width: 90%;\n  margin-right: 60%;\n}\n\n.inputContainer {\n  margin: spacing.$spacing-05 0;\n}\n\n.button {\n  height: 4rem;\n  display: flex;\n  align-content: flex-start;\n  align-items: baseline;\n  min-width: 50%;\n}\n\n.timePickerInput {\n  width: 8rem;\n}\n\n.datePickerInput {\n  padding-bottom: 1rem;\n  margin-left: 12.5rem;\n}\n\n.workLoadCard {\n  display: flex;\n  margin: 0 1rem;\n  color: #525252;\n}\n.monthlyWorkLoadCard {\n  color: #525252;\n  display: flex;\n  flex-wrap: wrap;\n}\n.workLoadContainer {\n  display: flex;\n  flex-direction: column;\n  background-color: white;\n  padding-bottom: 1rem;\n}\n\n.workLoadTitle {\n  padding-top: spacing.$spacing-05;\n  color: #525252;\n  margin: 0 spacing.$spacing-05 spacing.$spacing-05 spacing.$spacing-05;\n  @include type.type-style('legal-01');\n  font-weight: 400;\n}\n.input {\n  width: 13.5rem;\n}\n\n.hide {\n  display: none;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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"],sourceRoot:""}]),o.locals={productiveHeading01:"-esm-appointments__appointments-form__productiveHeading01___sM0Rw",productiveHeading02:"-esm-appointments__appointments-form__productiveHeading02___j5G9-",productiveHeading03:"-esm-appointments__appointments-form__productiveHeading03___C82FU",productiveHeading04:"-esm-appointments__appointments-form__productiveHeading04___uGR59",bodyLong01:"-esm-appointments__appointments-form__bodyLong01___Zd0X4",bodyShort01:"-esm-appointments__appointments-form__bodyShort01___MkOC2",bodyShort02:"-esm-appointments__appointments-form__bodyShort02___deuof",text02:"-esm-appointments__appointments-form__text02___IH5aY",label01:"-esm-appointments__appointments-form__label01___HbZEF",modal:"-esm-appointments__appointments-form__modal___H-TH9",formContainer:"-esm-appointments__appointments-form__formContainer___IJ6O3",stickyFormHeader:"-esm-appointments__appointments-form__stickyFormHeader___x25lR",row:"-esm-appointments__appointments-form__row___TA3S8",select:"-esm-appointments__appointments-form__select___7mg-l",inputContainer:"-esm-appointments__appointments-form__inputContainer___MWGAR",button:"-esm-appointments__appointments-form__button___gqgwv",timePickerInput:"-esm-appointments__appointments-form__timePickerInput___eUjux",datePickerInput:"-esm-appointments__appointments-form__datePickerInput___r1Pz0",workLoadCard:"-esm-appointments__appointments-form__workLoadCard___d95C+",monthlyWorkLoadCard:"-esm-appointments__appointments-form__monthlyWorkLoadCard___NY8ov",workLoadContainer:"-esm-appointments__appointments-form__workLoadContainer___05Asu",workLoadTitle:"-esm-appointments__appointments-form__workLoadTitle___D-sb1",input:"-esm-appointments__appointments-form__input___lP8zL",hide:"-esm-appointments__appointments-form__hide___hDpIo"};const l=o},5628:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),r=t.n(a),i=t(2609),o=t.n(i)()(r());o.push([e.id,".-esm-appointments__cancel-appointment__formContainer___OqvbG{margin:1rem}.-esm-appointments__cancel-appointment__inputContainer___BvVVq{margin:1rem}.-esm-appointments__cancel-appointment__buttonContainer___usoM9{display:flex}.-esm-appointments__cancel-appointment__buttonContainer___usoM9>button{width:50%;height:4rem;display:flex;align-items:flex-start}","",{version:3,sources:["webpack://./src/appointment-forms/cancel-appointment.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAEA,8DACE,WC4BW,CDzBb,+DACE,WCwBW,CDrBb,gEACE,YAAA,CACA,uEACE,SAAA,CACA,WC0CS,CDzCT,YAAA,CACA,sBAAA",sourcesContent:["@use '@carbon/styles/scss/spacing';\n\n.formContainer {\n  margin: spacing.$spacing-05;\n}\n\n.inputContainer {\n  margin: spacing.$spacing-05;\n}\n\n.buttonContainer {\n  display: flex;\n  & > button {\n    width: 50%;\n    height: spacing.$spacing-10;\n    display: flex;\n    align-items: flex-start;\n  }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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"],sourceRoot:""}]),o.locals={formContainer:"-esm-appointments__cancel-appointment__formContainer___OqvbG",inputContainer:"-esm-appointments__cancel-appointment__inputContainer___BvVVq",buttonContainer:"-esm-appointments__cancel-appointment__buttonContainer___usoM9"};const l=o},8048:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),r=t.n(a),i=t(2609),o=t.n(i)()(r());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\"\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:2.625rem;font-weight:300;line-height:1.199;letter-spacing:0}h2{font-size:2rem;font-weight:400;line-height:1.25;letter-spacing:0}h3{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0}h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}h5{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}h6{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px}p{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:0}a{color:#0f62fe}em{font-style:italic}@keyframes -esm-appointments__workload__skeleton___hKmyA{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-appointments__workload__cardContainer___tfiUe{background-color:#fff;display:flex;height:6rem}.-esm-appointments__workload__tileContainer___JTOsW{padding:.5rem;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;border:1px solid #a6c8ff}.-esm-appointments__workload__tileContainer___JTOsW:first-child{border-left-width:1px}.-esm-appointments__workload__tileContainer___JTOsW label{color:#525252}.-esm-appointments__workload__tileHeader___WHes\\+{display:flex;justify-content:space-between;padding-bottom:1rem}.-esm-appointments__workload__headerLabel___b-Wde{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#525252}.-esm-appointments__workload__totalsLabel___ha-Ks{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.-esm-appointments__workload__totalsValue___-G2ek{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0;color:#161616}.-esm-appointments__workload__headerLabelContainer___BBJPZ{display:flex;align-items:center;height:2rem}.-esm-appointments__workload__link___-po4r{text-decoration:none}.-esm-appointments__workload__activeWorkloadCard___dlZqh{background-color:#edf5ff}.-esm-appointments__workload__activeWorkloadCard___dlZqh label{color:#0f62fe}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/_css--reset.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_reset.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_font-family.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/icons/mixins.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_styles.import.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/_helper-mixins.scss","webpack://./src/appointment-forms/workload.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCpBE,2ZAiFE,SAAA,CACA,QAAA,CACA,QAAA,CACA,YAAA,CACA,cAAA,CACA,uBAAA,CAIF,6BAIE,eAAA,CACA,mBAAA,CAGF,4BACE,YAAA,CAIF,mFAYE,aAAA,CAGF,KACE,aAAA,CAGF,IACE,oBAAA,CAGF,IACE,kBAAA,CAGF,MAEE,eAAA,CAGF,aAEE,WAAA,CAGF,wDAIE,UAAA,CAGF,MACE,wBAAA,CACA,gBAAA,CAGF,EACE,qBAAA,CAIF,OACE,QAAA,CC3KJ,KACE,cAAA,CAGF,KC0CA,eAAA,CDvCE,gEAViB,CAWjB,iCAAA,CACA,kCAAA,CACA,iCAAA,CAGF,KACE,wGAhBiB,CAmBnB,OC6BA,eAAA,CCxDA,8CACE,IACE,eAAA,CAAA,CFkCJ,GGghBE,kBA0LsB,CA1LtB,eA0LsB,CA1LtB,iBA0LsB,CA1LtB,gBA0LsB,CHtsBxB,GG4gBE,cA0LsB,CA1LtB,eA0LsB,CA1LtB,gBA0LsB,CA1LtB,gBA0LsB,CHlsBxB,GGwgBE,iBA0LsB,CA1LtB,eA0LsB,CA1LtB,mBA0LsB,CA1LtB,gBA0LsB,CH9rBxB,GGogBE,iBA0LsB,CA1LtB,eA0LsB,CA1LtB,eA0LsB,CA1LtB,gBA0LsB,CH1rBxB,GGggBE,cA0LsB,CA1LtB,eA0LsB,CA1LtB,iBA0LsB,CA1LtB,gBA0LsB,CHtrBxB,GG4fE,iBA0LsB,CA1LtB,eA0LsB,CA1LtB,mBA0LsB,CA1LtB,oBA0LsB,CHlrBxB,EGwfE,cA0LsB,CA1LtB,eA0LsB,CA1LtB,eA0LsB,CA1LtB,gBA0LsB,CH9qBxB,EAII,aAAA,CAMJ,GACE,iBAAA,CIoHF,yDACE,GACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAGF,IACE,SAAA,CACA,mBAAA,CACA,qBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,qBAAA,CAGF,IACE,mBAAA,CACA,qBAAA,CAGF,KACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAAA,CCnPN,oDACE,qBCuCQ,CDtCR,YAAA,CACA,WEyDW,CFtDb,oDACE,aAAA,CACA,MAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,qBAAA,CACA,cAAA,CACA,wBAAA,CAEA,gEACE,qBAAA,CAGF,0DACE,aGqBM,CHjBV,kDACE,YAAA,CACA,6BAAA,CACA,mBEHW,CFMb,kDF2hBI,iBA0LsB,CA1LtB,eA0LsB,CA1LtB,mBA0LsB,CA1LtB,oBA0LsB,CEntBxB,aCYU,CDTZ,kDFshBI,gBA0LsB,CA1LtB,eA0LsB,CA1LtB,mBA0LsB,CA1LtB,oBA0LsB,CE9sBxB,aCOU,CDJZ,kDFihBI,iBA0LsB,CA1LtB,eA0LsB,CA1LtB,mBA0LsB,CA1LtB,gBA0LsB,CEzsBxB,aAAA,CAGF,2DACE,YAAA,CACA,kBAAA,CACA,WC0Ma,CDvMf,2CACE,oBAAA,CAGF,yDACE,wBGnDQ,CHqDR,+DACE,aGjDM",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}\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","//\n// Copyright IBM Corp. 2016, 2018\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@import './vendor/@carbon/elements/scss/import-once/import-once';\n@import './vendor/@carbon/elements/scss/type/reset';\n@import './vendor/@carbon/elements/scss/icons/mixins';\n\n/// Resets default browser styling\n/// @access public\n/// @group global-reset\n@mixin reset {\n  @if variable-exists(css--reset) == false or $css--reset == false {\n    box-sizing: border-box;\n    padding: 0;\n    border: 0;\n    margin: 0;\n    font-family: inherit;\n    font-size: 100%;\n    vertical-align: baseline;\n\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n  }\n}\n\n@include exports('css--reset') {\n  @if variable-exists(css--reset) == false or $css--reset == true {\n    // http://cssreset.com/scripts/eric-meyer-reset-css/\n    html,\n    body,\n    div,\n    span,\n    applet,\n    object,\n    iframe,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    p,\n    blockquote,\n    pre,\n    a,\n    abbr,\n    acronym,\n    address,\n    big,\n    cite,\n    code,\n    del,\n    dfn,\n    em,\n    img,\n    ins,\n    kbd,\n    q,\n    s,\n    samp,\n    small,\n    strike,\n    strong,\n    sub,\n    sup,\n    tt,\n    var,\n    b,\n    u,\n    i,\n    center,\n    dl,\n    dt,\n    dd,\n    ol,\n    ul,\n    li,\n    fieldset,\n    form,\n    label,\n    legend,\n    table,\n    caption,\n    tbody,\n    tfoot,\n    thead,\n    tr,\n    th,\n    td,\n    article,\n    aside,\n    canvas,\n    details,\n    embed,\n    figure,\n    figcaption,\n    footer,\n    header,\n    hgroup,\n    menu,\n    nav,\n    output,\n    ruby,\n    section,\n    summary,\n    time,\n    mark,\n    audio,\n    video {\n      padding: 0;\n      border: 0;\n      margin: 0;\n      font: inherit;\n      font-size: 100%;\n      vertical-align: baseline;\n    }\n\n    // Chrome 62 fix\n    button,\n    select,\n    input,\n    textarea {\n      border-radius: 0;\n      font-family: inherit;\n    }\n\n    input[type='text']::-ms-clear {\n      display: none;\n    }\n\n    /* HTML5 display-role reset for older browsers */\n    article,\n    aside,\n    details,\n    figcaption,\n    figure,\n    footer,\n    header,\n    hgroup,\n    main,\n    menu,\n    nav,\n    section {\n      display: block;\n    }\n\n    body {\n      line-height: 1;\n    }\n\n    sup {\n      vertical-align: super;\n    }\n\n    sub {\n      vertical-align: sub;\n    }\n\n    ol,\n    ul {\n      list-style: none;\n    }\n\n    blockquote,\n    q {\n      quotes: none;\n    }\n\n    blockquote::before,\n    blockquote::after,\n    q::before,\n    q::after {\n      content: '';\n    }\n\n    table {\n      border-collapse: collapse;\n      border-spacing: 0;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    // Fix to remove added margins on buttons in safari (see #5155)\n    button {\n      margin: 0;\n    }\n\n    @include carbon--type-reset;\n    @include carbon--icons;\n  }\n}\n\n@include exports('css--default-type') {\n  @if variable-exists(css--default-type) == false or $css--default-type == true\n  {\n    @include carbon--default-type;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2018\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@import '../layout/convert';\n@import 'font-family';\n@import 'styles';\n\n/// Include a type reset for a given body and mono font family\n/// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element\n/// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-reset(\n  // TODO: remove in next major release. This has been replaced with 100%\n  $base-font-size: $carbon--base-font-size,\n  $body-font-family: carbon--font-family('sans'),\n  $mono-font-family: carbon--font-family('mono')\n) {\n  html {\n    font-size: 100%;\n  }\n\n  body {\n    @include carbon--font-weight('regular');\n\n    font-family: $body-font-family;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n  }\n\n  code {\n    font-family: $mono-font-family;\n  }\n\n  strong {\n    @include carbon--font-weight('semibold');\n  }\n}\n\n/// Include default type styles\n/// @access public\n/// @group @carbon/type\n@mixin carbon--default-type {\n  h1 {\n    @include carbon--type-style('productive-heading-06');\n  }\n\n  h2 {\n    @include carbon--type-style('productive-heading-05');\n  }\n\n  h3 {\n    @include carbon--type-style('productive-heading-04');\n  }\n\n  h4 {\n    @include carbon--type-style('productive-heading-03');\n  }\n\n  h5 {\n    @include carbon--type-style('productive-heading-02');\n  }\n\n  h6 {\n    @include carbon--type-style('productive-heading-01');\n  }\n\n  p {\n    @include carbon--type-style('body-long-02');\n  }\n\n  a {\n    @if global-variable-exists('carbon--theme') and\n      map-has-key($carbon--theme, 'link-01')\n    {\n      color: map-get($carbon--theme, 'link-01');\n    } @else {\n      color: #0062fe;\n    }\n  }\n\n  em {\n    font-style: italic;\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2018\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/// Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans\n/// Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$carbon--font-families: (\n  'mono':\n    unquote(\n      \"'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace\"\n    ),\n  'sans': unquote(\"'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif\"),\n  'sans-condensed':\n    unquote(\"'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif\"),\n  'sans-hebrew':\n    unquote(\n      \"'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif\"\n    ),\n  'serif': unquote(\"'IBM Plex Serif', 'Georgia', Times, serif\"),\n) !default;\n\n/// Get the font-family for an IBM Plex font\n/// @param {String} $name\n/// @return {String}\n/// @access public\n/// @group @carbon/type\n@function carbon--font-family($name) {\n  @return map-get($carbon--font-families, $name);\n}\n\n/// Include the `font-family` definition for the given name in your selector\n/// @param {String} $name\n/// @access public\n/// @group @carbon/type\n@mixin carbon--font-family($name) {\n  font-family: carbon--font-family($name);\n}\n\n/// Suggested font weights to be used in product\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$carbon--font-weights: (\n  'light': 300,\n  'regular': 400,\n  'semibold': 600,\n) !default;\n\n/// Retrieve the font-weight value for a given name\n/// @param {String} $weight\n/// @return {Number}\n/// @access public\n/// @group @carbon/type\n@function carbon--font-weight($weight) {\n  @return map-get($carbon--font-weights, $weight);\n}\n\n/// Set the `font-weight` property with the value for a given name\n/// @param {String} $weight\n/// @access public\n/// @group @carbon/type\n@mixin carbon--font-weight($weight) {\n  font-weight: carbon--font-weight($weight);\n}\n","//\n// Copyright IBM Corp. 2018, 2018\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/// Makes SVGs accessible in high contrast mode\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n/// @access public\n/// @group @carbon/icons\n@mixin carbon--icons {\n  @media screen and (-ms-high-contrast: active) {\n    svg {\n      fill: ButtonText;\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2018, 2018\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// Compatibility notes (*.import.scss)\n// ------------------------------------------\n//\n// This file is intended to be consumed and processed with dart-sass.\n// It is incompatible with node-sass/libsass as it contains sass language features\n// or functions that are unavailable in node-sass/libsass, such as `math.div`.\n//\n// The non-`.import` suffixed version of this file eg. `_filename.scss`\n// is intended to be compatible with node-sass/libsass.\n//\n// Styles authored within this file must be duplicated to the corresponding\n// compatibility file to ensure we continue to support node-sass and dart-sass\n// in v10.\n\n@use \"sass:meta\";\n@use \"sass:math\";\n@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-02: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: carbon--type-scale(1),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-02: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.43,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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-long-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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$code-01: (\n  font-family: carbon--font-family('mono'),\n  font-size: carbon--type-scale(1),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.34,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: carbon--font-family('mono'),\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.43,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: carbon--type-scale(2),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.29,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: carbon--type-scale(3),\n  font-weight: carbon--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$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--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$productive-heading-04: (\n  font-size: carbon--type-scale(7),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--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$productive-heading-06: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--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$productive-heading-07: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--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$expressive-heading-01: map-merge(\n  $heading-01,\n  (\n    line-height: 1.25,\n  )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n  $heading-02,\n  (\n    line-height: 1.5,\n  )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: carbon--type-scale(5),\n      line-height: 1.25,\n    ),\n    max: (\n      font-size: carbon--type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: carbon--type-scale(7),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.29,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.25,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      font-weight: carbon--font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: carbon--type-scale(6),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.29,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-size: carbon--type-scale(5),\n  font-weight: carbon--font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(5),\n    ),\n    lg: (\n      font-size: carbon--type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(7),\n      line-height: 1.29,\n    ),\n    max: (\n      font-size: carbon--type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-size: carbon--type-scale(8),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: carbon--type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(10),\n    ),\n    lg: (\n      font-size: carbon--type-scale(12),\n    ),\n    xlg: (\n      font-size: carbon--type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: carbon--type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(10),\n    ),\n    lg: (\n      font-size: carbon--type-scale(12),\n    ),\n    xlg: (\n      font-size: carbon--type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: carbon--type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: carbon--type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: carbon--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$display-04: (\n  font-size: carbon--type-scale(10),\n  font-weight: carbon--font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: carbon--type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: carbon--type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: carbon--type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: carbon--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$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);\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  @if meta.function-exists('div', 'math') {\n    @return math.div($value, $value * 0 + 1);\n  } @else {\n    @return $value / ($value * 0 + 1);\n  }\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 [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--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 carbon--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 [$carbon--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: $carbon--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: carbon--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: carbon--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$custom-property-prefix: 'cds' !default;\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 [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: $carbon--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  // Otherwise remove token breakpoints\n  @if $fluid == true and map-has-key($token, 'breakpoints') {\n    @include fluid-type($token, $breakpoints);\n  } @else {\n    @if global-variable-exists('feature-flags') and\n      map-get($feature-flags, 'enable-css-custom-properties')\n    {\n      @include custom-properties($name, map-remove($token, 'breakpoints'));\n    } @else {\n      // Otherwise, we just include all the property declarations directly on the\n      // selector\n      @include properties(map-remove($token, 'breakpoints'));\n    }\n  }\n}\n","//\n// Copyright IBM Corp. 2016, 2018\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//----------------------------------------------\n// Mixins\n// ---------------------------------------------\n//\n//   Category             ||  Description\n//   ===========================================\n//   Misc                 ||  General helper @mixins\n//   Deprecated           ||  Not used anymore\n//   ===========================================\n\n//----------------------------------------------\n// Misc\n// ---------------------------------------------\n\n@import 'vars';\n@import 'css--reset';\n@import 'typography';\n@import './vendor/@carbon/elements/scss/import-once/import-once';\n\n/// Adds text overflow styling\n/// @access public\n/// @param {Number} $width [false] - Value of width if you want to set width, else nothing\n/// @example @include text-overflow(300px);\n/// @group global-helpers\n@mixin text-overflow($width: false) {\n  display: block;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  // apply a width if width parameter exists\n  @if ($width) {\n    width: $width;\n  }\n}\n\n/// Adds placeholder text color\n/// @access public\n/// @example @include placeholder-colors;\n/// @group global-helpers\n@mixin placeholder-colors {\n  color: $text-05;\n  opacity: 1;\n}\n\n/// Adds box shadow\n/// @access public\n/// @example @include box-shadow;\n/// @group global-helpers\n@mixin box-shadow {\n  box-shadow: 0 2px 6px $shadow;\n}\n\n/// Adds outline styles depending on specific type\n/// @access public\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\n/// @example @include focus-outline('outline');\n/// @group global-helpers\n@mixin focus-outline($type: 'border') {\n  @if ($type == 'border') {\n    outline: 1px solid $focus;\n\n    @media screen and (prefers-contrast) {\n      outline-style: dotted;\n    }\n  }\n\n  @if ($type == 'blurred') {\n    box-shadow: 0 0 0 3px $focus;\n    outline: 1px solid transparent;\n  }\n\n  @if ($type == 'outline') {\n    outline: 2px solid $focus;\n    outline-offset: -2px;\n\n    @media screen and (prefers-contrast) {\n      outline-style: dotted;\n    }\n  }\n\n  @if ($type == 'outline-compat') {\n    box-sizing: border-box;\n    border: 2px solid $focus;\n\n    @media screen and (prefers-contrast) {\n      border-style: dotted;\n    }\n  }\n\n  @if ($type == 'invalid') {\n    outline: 2px solid $support-01;\n    outline-offset: -2px;\n\n    @media screen and (prefers-contrast) {\n      outline-style: dotted;\n    }\n  }\n\n  @if ($type == 'reset') {\n    outline: 2px solid transparent;\n    outline-offset: -2px;\n  }\n}\n\n/// Adds rotational transformation\n/// @access public\n/// @param {Number} $deg - How many degrees to rotate\n/// @param {Number} $speed - Speed of rotation\n/// @param {Value} $origin [center] - `transform-origin`\n/// @example @include rotate(90deg, 300ms);\n/// @group global-helpers\n@mixin rotate($deg, $speed, $origin: center) {\n  transform: rotate($deg);\n  transform-origin: $origin;\n  transition: transform $speed;\n}\n\n/// Adds styles to hide content\n/// @access public\n/// @group global-helpers\n@mixin hidden {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  margin: -1px;\n  clip: rect(0, 0, 0, 0);\n  visibility: inherit;\n  white-space: nowrap;\n}\n\n/// Resets button styles\n/// @access public\n/// @param {Bool} $width [true] - Sets width to 100% if true\n/// @example @include button-reset($width: false);\n/// @group global-helpers\n@mixin button-reset($width: true) {\n  @include reset;\n\n  display: inline-block;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n\n  @if ($width == true) {\n    width: 100%;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n}\n\n/// Skeleton loading animation\n/// @access public\n/// @example @include skeleton;\n/// @group global-helpers\n@mixin skeleton {\n  position: relative;\n  padding: 0;\n  border: none;\n  background: $skeleton-01;\n  box-shadow: none;\n  pointer-events: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    border: none;\n    cursor: default;\n    outline: none;\n  }\n\n  &::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: 3000ms ease-in-out skeleton infinite;\n    background: $skeleton-02;\n    content: '';\n    will-change: transform-origin, transform, opacity;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation: none;\n    }\n  }\n}\n\n@include exports('skeleton') {\n  @keyframes skeleton {\n    0% {\n      opacity: 0.3;\n      transform: scaleX(0);\n      transform-origin: left;\n    }\n\n    20% {\n      opacity: 1;\n      transform: scaleX(1);\n      transform-origin: left;\n    }\n\n    28% {\n      transform: scaleX(1);\n      transform-origin: right;\n    }\n\n    51% {\n      transform: scaleX(0);\n      transform-origin: right;\n    }\n\n    58% {\n      transform: scaleX(0);\n      transform-origin: right;\n    }\n\n    82% {\n      transform: scaleX(1);\n      transform-origin: right;\n    }\n\n    83% {\n      transform: scaleX(1);\n      transform-origin: left;\n    }\n\n    96% {\n      transform: scaleX(0);\n      transform-origin: left;\n    }\n\n    100% {\n      opacity: 0.3;\n      transform: scaleX(0);\n      transform-origin: left;\n    }\n  }\n}\n\n/// High Contrast Mode mixin for Windows and macOS\n/// @access public\n/// @example @include high-contrast-mode;\n/// @group global-helpers\n/// We should set HCM styles at the end of each file to ensure they are not overridden\n@mixin high-contrast-mode($type: '') {\n  @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n    @if ($type == 'icon-fill') {\n      fill: ButtonText;\n    }\n\n    @if ($type == 'focus') {\n      color: Highlight;\n      outline: 1px solid Highlight;\n    }\n\n    @if ($type == 'outline') {\n      outline: 1px solid transparent;\n    }\n\n    @if ($type == 'disabled') {\n      color: GrayText;\n      fill: GrayText;\n    }\n\n    @content;\n  }\n}\n","@use '@carbon/colors';\n@use '@carbon/styles/scss/spacing';\n@import '~@openmrs/esm-styleguide/src/vars';\n@import '~carbon-components/src/globals/scss/vars';\n@import '~carbon-components/src/globals/scss/mixins';\n\n.cardContainer {\n  background-color: $ui-02;\n  display: flex;\n  height: spacing.$spacing-12;\n}\n\n.tileContainer {\n  padding: 0.5rem;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  cursor: pointer;\n  border: 1px solid colors.$blue-30;\n\n  &:first-child {\n    border-left-width: 1px;\n  }\n\n  & label {\n    color: colors.$gray-70;\n  }\n}\n\n.tileHeader {\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: spacing.$spacing-05;\n}\n\n.headerLabel {\n  @include carbon--type-style('productive-heading-01');\n  color: $text-02;\n}\n\n.totalsLabel {\n  @include carbon--type-style('label-01');\n  color: $text-02;\n}\n\n.totalsValue {\n  @include carbon--type-style('productive-heading-04');\n  color: $ui-05;\n}\n\n.headerLabelContainer {\n  display: flex;\n  align-items: center;\n  height: $spacing-07;\n}\n\n.link {\n  text-decoration: none;\n}\n\n.activeWorkloadCard {\n  background-color: colors.$blue-10;\n\n  & label {\n    color: colors.$blue-60;\n  }\n}\n","// Code generated by @carbon/themes. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\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@import './themes';\n\n/// Define theme variables from a map of tokens\n/// @access public\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\n///\n/// @example scss\n///   // Default usage\n///   @include carbon--theme();\n///\n///   // Alternate styling (not white theme)\n///   @include carbon--theme($carbon--theme--g90) {\n///     // declarations...\n///   }\n///\n///   // Inline styling\n///   @include carbon--theme($carbon--theme--g90) {\n///     .my-dark-theme {\n///       // declarations...\n///     }\n///   }\n///\n/// @group @carbon/themes\n@mixin carbon--theme(\n  $theme: $carbon--theme,\n  $emit-custom-properties: false,\n  $emit-difference: false\n) {\n  $parent-carbon-theme: $carbon--theme;\n  $carbon--theme: $theme !global;\n  $interactive-01: map-get($theme, 'interactive-01') !global;\n  $interactive-02: map-get($theme, 'interactive-02') !global;\n  $interactive-03: map-get($theme, 'interactive-03') !global;\n  $interactive-04: map-get($theme, 'interactive-04') !global;\n  $ui-background: map-get($theme, 'ui-background') !global;\n  $ui-01: map-get($theme, 'ui-01') !global;\n  $ui-02: map-get($theme, 'ui-02') !global;\n  $ui-03: map-get($theme, 'ui-03') !global;\n  $ui-04: map-get($theme, 'ui-04') !global;\n  $ui-05: map-get($theme, 'ui-05') !global;\n  $text-01: map-get($theme, 'text-01') !global;\n  $text-02: map-get($theme, 'text-02') !global;\n  $text-03: map-get($theme, 'text-03') !global;\n  $text-04: map-get($theme, 'text-04') !global;\n  $text-05: map-get($theme, 'text-05') !global;\n  $text-error: map-get($theme, 'text-error') !global;\n  $icon-01: map-get($theme, 'icon-01') !global;\n  $icon-02: map-get($theme, 'icon-02') !global;\n  $icon-03: map-get($theme, 'icon-03') !global;\n  $link-01: map-get($theme, 'link-01') !global;\n  $link-02: map-get($theme, 'link-02') !global;\n  $inverse-link: map-get($theme, 'inverse-link') !global;\n  $field-01: map-get($theme, 'field-01') !global;\n  $field-02: map-get($theme, 'field-02') !global;\n  $inverse-01: map-get($theme, 'inverse-01') !global;\n  $inverse-02: map-get($theme, 'inverse-02') !global;\n  $support-01: map-get($theme, 'support-01') !global;\n  $support-02: map-get($theme, 'support-02') !global;\n  $support-03: map-get($theme, 'support-03') !global;\n  $support-04: map-get($theme, 'support-04') !global;\n  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\n  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\n  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\n  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\n  $overlay-01: map-get($theme, 'overlay-01') !global;\n  $danger-01: map-get($theme, 'danger-01') !global;\n  $danger-02: map-get($theme, 'danger-02') !global;\n  $focus: map-get($theme, 'focus') !global;\n  $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\n  $hover-primary: map-get($theme, 'hover-primary') !global;\n  $active-primary: map-get($theme, 'active-primary') !global;\n  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\n  $hover-secondary: map-get($theme, 'hover-secondary') !global;\n  $active-secondary: map-get($theme, 'active-secondary') !global;\n  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\n  $active-tertiary: map-get($theme, 'active-tertiary') !global;\n  $hover-ui: map-get($theme, 'hover-ui') !global;\n  $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\n  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\n  $active-ui: map-get($theme, 'active-ui') !global;\n  $active-light-ui: map-get($theme, 'active-light-ui') !global;\n  $selected-ui: map-get($theme, 'selected-ui') !global;\n  $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\n  $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\n  $hover-danger: map-get($theme, 'hover-danger') !global;\n  $active-danger: map-get($theme, 'active-danger') !global;\n  $hover-row: map-get($theme, 'hover-row') !global;\n  $visited-link: map-get($theme, 'visited-link') !global;\n  $disabled-01: map-get($theme, 'disabled-01') !global;\n  $disabled-02: map-get($theme, 'disabled-02') !global;\n  $disabled-03: map-get($theme, 'disabled-03') !global;\n  $highlight: map-get($theme, 'highlight') !global;\n  $decorative-01: map-get($theme, 'decorative-01') !global;\n  $button-separator: map-get($theme, 'button-separator') !global;\n  $skeleton-01: map-get($theme, 'skeleton-01') !global;\n  $skeleton-02: map-get($theme, 'skeleton-02') !global;\n  $background: map-get($theme, 'background') !global;\n  $layer: map-get($theme, 'layer') !global;\n  $layer-accent: map-get($theme, 'layer-accent') !global;\n  $layer-accent-hover: map-get($theme, 'layer-accent-hover') !global;\n  $layer-accent-active: map-get($theme, 'layer-accent-active') !global;\n  $field: map-get($theme, 'field') !global;\n  $background-inverse: map-get($theme, 'background-inverse') !global;\n  $background-brand: map-get($theme, 'background-brand') !global;\n  $interactive: map-get($theme, 'interactive') !global;\n  $border-subtle: map-get($theme, 'border-subtle') !global;\n  $border-strong: map-get($theme, 'border-strong') !global;\n  $border-inverse: map-get($theme, 'border-inverse') !global;\n  $border-interactive: map-get($theme, 'border-interactive') !global;\n  $text-primary: map-get($theme, 'text-primary') !global;\n  $text-secondary: map-get($theme, 'text-secondary') !global;\n  $text-placeholder: map-get($theme, 'text-placeholder') !global;\n  $text-helper: map-get($theme, 'text-helper') !global;\n  $text-on-color: map-get($theme, 'text-on-color') !global;\n  $text-inverse: map-get($theme, 'text-inverse') !global;\n  $link-primary: map-get($theme, 'link-primary') !global;\n  $link-secondary: map-get($theme, 'link-secondary') !global;\n  $link-visited: map-get($theme, 'link-visited') !global;\n  $link-inverse: map-get($theme, 'link-inverse') !global;\n  $icon-primary: map-get($theme, 'icon-primary') !global;\n  $icon-secondary: map-get($theme, 'icon-secondary') !global;\n  $icon-on-color: map-get($theme, 'icon-on-color') !global;\n  $icon-inverse: map-get($theme, 'icon-inverse') !global;\n  $support-error: map-get($theme, 'support-error') !global;\n  $support-success: map-get($theme, 'support-success') !global;\n  $support-warning: map-get($theme, 'support-warning') !global;\n  $support-info: map-get($theme, 'support-info') !global;\n  $support-error-inverse: map-get($theme, 'support-error-inverse') !global;\n  $support-success-inverse: map-get($theme, 'support-success-inverse') !global;\n  $support-warning-inverse: map-get($theme, 'support-warning-inverse') !global;\n  $support-info-inverse: map-get($theme, 'support-info-inverse') !global;\n  $overlay: map-get($theme, 'overlay') !global;\n  $toggle-off: map-get($theme, 'toggle-off') !global;\n  $shadow: map-get($theme, 'shadow') !global;\n  $button-primary: map-get($theme, 'button-primary') !global;\n  $button-secondary: map-get($theme, 'button-secondary') !global;\n  $button-tertiary: map-get($theme, 'button-tertiary') !global;\n  $button-danger-primary: map-get($theme, 'button-danger-primary') !global;\n  $button-danger-secondary: map-get($theme, 'button-danger-secondary') !global;\n  $background-active: map-get($theme, 'background-active') !global;\n  $layer-active: map-get($theme, 'layer-active') !global;\n  $button-danger-active: map-get($theme, 'button-danger-active') !global;\n  $button-primary-active: map-get($theme, 'button-primary-active') !global;\n  $button-secondary-active: map-get($theme, 'button-secondary-active') !global;\n  $button-tertiary-active: map-get($theme, 'button-tertiary-active') !global;\n  $focus-inset: map-get($theme, 'focus-inset') !global;\n  $focus-inverse: map-get($theme, 'focus-inverse') !global;\n  $background-hover: map-get($theme, 'background-hover') !global;\n  $layer-hover: map-get($theme, 'layer-hover') !global;\n  $field-hover: map-get($theme, 'field-hover') !global;\n  $background-inverse-hover: map-get(\n    $theme,\n    'background-inverse-hover'\n  ) !global;\n  $link-primary-hover: map-get($theme, 'link-primary-hover') !global;\n  $button-danger-hover: map-get($theme, 'button-danger-hover') !global;\n  $button-primary-hover: map-get($theme, 'button-primary-hover') !global;\n  $button-secondary-hover: map-get($theme, 'button-secondary-hover') !global;\n  $button-tertiary-hover: map-get($theme, 'button-tertiary-hover') !global;\n  $background-selected: map-get($theme, 'background-selected') !global;\n  $background-selected-hover: map-get(\n    $theme,\n    'background-selected-hover'\n  ) !global;\n  $layer-selected: map-get($theme, 'layer-selected') !global;\n  $layer-selected-hover: map-get($theme, 'layer-selected-hover') !global;\n  $layer-selected-inverse: map-get($theme, 'layer-selected-inverse') !global;\n  $border-subtle-selected: map-get($theme, 'border-subtle-selected') !global;\n  $border-disabled: map-get($theme, 'border-disabled') !global;\n  $text-disabled: map-get($theme, 'text-disabled') !global;\n  $button-disabled: map-get($theme, 'button-disabled') !global;\n  $icon-disabled: map-get($theme, 'icon-disabled') !global;\n  $text-on-color-disabled: map-get($theme, 'text-on-color-disabled') !global;\n  $icon-on-color-disabled: map-get($theme, 'icon-on-color-disabled') !global;\n  $layer-selected-disabled: map-get($theme, 'layer-selected-disabled') !global;\n  $skeleton-background: map-get($theme, 'skeleton-background') !global;\n  $skeleton-element: map-get($theme, 'skeleton-element') !global;\n  $brand-01: map-get($theme, 'brand-01') !global;\n  $brand-02: map-get($theme, 'brand-02') !global;\n  $brand-03: map-get($theme, 'brand-03') !global;\n  $active-01: map-get($theme, 'active-01') !global;\n  $hover-field: map-get($theme, 'hover-field') !global;\n  $danger: map-get($theme, 'danger') !global;\n  $caption-01: map-get($theme, 'caption-01') !global;\n  $caption-02: map-get($theme, 'caption-02') !global;\n  $label-01: map-get($theme, 'label-01') !global;\n  $label-02: map-get($theme, 'label-02') !global;\n  $helper-text-01: map-get($theme, 'helper-text-01') !global;\n  $helper-text-02: map-get($theme, 'helper-text-02') !global;\n  $body-short-01: map-get($theme, 'body-short-01') !global;\n  $body-long-01: map-get($theme, 'body-long-01') !global;\n  $body-short-02: map-get($theme, 'body-short-02') !global;\n  $body-long-02: map-get($theme, 'body-long-02') !global;\n  $code-01: map-get($theme, 'code-01') !global;\n  $code-02: map-get($theme, 'code-02') !global;\n  $heading-01: map-get($theme, 'heading-01') !global;\n  $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\n  $heading-02: map-get($theme, 'heading-02') !global;\n  $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\n  $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\n  $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\n  $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\n  $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\n  $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\n  $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\n  $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\n  $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\n  $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\n  $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\n  $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\n  $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\n  $quotation-01: map-get($theme, 'quotation-01') !global;\n  $quotation-02: map-get($theme, 'quotation-02') !global;\n  $display-01: map-get($theme, 'display-01') !global;\n  $display-02: map-get($theme, 'display-02') !global;\n  $display-03: map-get($theme, 'display-03') !global;\n  $display-04: map-get($theme, 'display-04') !global;\n  $legal-01: map-get($theme, 'legal-01') !global;\n  $legal-02: map-get($theme, 'legal-02') !global;\n  $body-compact-01: map-get($theme, 'body-compact-01') !global;\n  $body-compact-02: map-get($theme, 'body-compact-02') !global;\n  $body-01: map-get($theme, 'body-01') !global;\n  $body-02: map-get($theme, 'body-02') !global;\n  $heading-compact-01: map-get($theme, 'heading-compact-01') !global;\n  $heading-compact-02: map-get($theme, 'heading-compact-02') !global;\n  $heading-03: map-get($theme, 'heading-03') !global;\n  $heading-04: map-get($theme, 'heading-04') !global;\n  $heading-05: map-get($theme, 'heading-05') !global;\n  $heading-06: map-get($theme, 'heading-06') !global;\n  $heading-07: map-get($theme, 'heading-07') !global;\n  $fluid-heading-03: map-get($theme, 'fluid-heading-03') !global;\n  $fluid-heading-04: map-get($theme, 'fluid-heading-04') !global;\n  $fluid-heading-05: map-get($theme, 'fluid-heading-05') !global;\n  $fluid-heading-06: map-get($theme, 'fluid-heading-06') !global;\n  $fluid-paragraph-01: map-get($theme, 'fluid-paragraph-01') !global;\n  $fluid-quotation-01: map-get($theme, 'fluid-quotation-01') !global;\n  $fluid-quotation-02: map-get($theme, 'fluid-quotation-02') !global;\n  $fluid-display-01: map-get($theme, 'fluid-display-01') !global;\n  $fluid-display-02: map-get($theme, 'fluid-display-02') !global;\n  $fluid-display-03: map-get($theme, 'fluid-display-03') !global;\n  $fluid-display-04: map-get($theme, 'fluid-display-04') !global;\n  $spacing-01: map-get($theme, 'spacing-01') !global;\n  $spacing-02: map-get($theme, 'spacing-02') !global;\n  $spacing-03: map-get($theme, 'spacing-03') !global;\n  $spacing-04: map-get($theme, 'spacing-04') !global;\n  $spacing-05: map-get($theme, 'spacing-05') !global;\n  $spacing-06: map-get($theme, 'spacing-06') !global;\n  $spacing-07: map-get($theme, 'spacing-07') !global;\n  $spacing-08: map-get($theme, 'spacing-08') !global;\n  $spacing-09: map-get($theme, 'spacing-09') !global;\n  $spacing-10: map-get($theme, 'spacing-10') !global;\n  $spacing-11: map-get($theme, 'spacing-11') !global;\n  $spacing-12: map-get($theme, 'spacing-12') !global;\n  $spacing-13: map-get($theme, 'spacing-13') !global;\n  $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\n  $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\n  $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\n  $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\n  $layout-01: map-get($theme, 'layout-01') !global;\n  $layout-02: map-get($theme, 'layout-02') !global;\n  $layout-03: map-get($theme, 'layout-03') !global;\n  $layout-04: map-get($theme, 'layout-04') !global;\n  $layout-05: map-get($theme, 'layout-05') !global;\n  $layout-06: map-get($theme, 'layout-06') !global;\n  $layout-07: map-get($theme, 'layout-07') !global;\n  $container-01: map-get($theme, 'container-01') !global;\n  $container-02: map-get($theme, 'container-02') !global;\n  $container-03: map-get($theme, 'container-03') !global;\n  $container-04: map-get($theme, 'container-04') !global;\n  $container-05: map-get($theme, 'container-05') !global;\n  $size-xsmall: map-get($theme, 'size-xsmall') !global;\n  $size-small: map-get($theme, 'size-small') !global;\n  $size-medium: map-get($theme, 'size-medium') !global;\n  $size-large: map-get($theme, 'size-large') !global;\n  $size-xlarge: map-get($theme, 'size-xlarge') !global;\n  $size-2XLarge: map-get($theme, 'size-2XLarge') !global;\n  $icon-size-01: map-get($theme, 'icon-size-01') !global;\n  $icon-size-02: map-get($theme, 'icon-size-02') !global;\n\n  @if global-variable-exists('feature-flags') ==\n    false or\n    global-variable-exists('feature-flags') and\n    map-get($feature-flags, 'enable-v11-release') !=\n    true\n  {\n    $background: $ui-background !global;\n    $layer: $ui-01 !global;\n    $layer-accent: $ui-03 !global;\n    $field: $field-01 !global;\n    $background-inverse: $inverse-02 !global;\n    $background-brand: $interactive-01 !global;\n    $interactive: $interactive-04 !global;\n    $border-subtle: $ui-03 !global;\n    $border-strong: $ui-04 !global;\n    $border-inverse: $ui-05 !global;\n    $border-interactive: $interactive-04 !global;\n    $text-primary: $text-01 !global;\n    $text-secondary: $text-02 !global;\n    $text-placeholder: $text-03 !global;\n    $text-helper: $text-05 !global;\n    $text-on-color: $text-04 !global;\n    $text-inverse: $inverse-01 !global;\n    $link-primary: $link-01 !global;\n    $link-secondary: $link-02 !global;\n    $link-visited: $visited-link !global;\n    $link-inverse: $inverse-link !global;\n    $icon-primary: $icon-01 !global;\n    $icon-secondary: $icon-02 !global;\n    $icon-on-color: $icon-03 !global;\n    $icon-inverse: $inverse-01 !global;\n    $support-error: $support-01 !global;\n    $support-success: $support-02 !global;\n    $support-warning: $support-03 !global;\n    $support-info: $support-04 !global;\n    $support-error-inverse: $inverse-support-01 !global;\n    $support-success-inverse: $inverse-support-02 !global;\n    $support-warning-inverse: $inverse-support-03 !global;\n    $support-info-inverse: $inverse-support-04 !global;\n    $overlay: $overlay-01 !global;\n    $toggle-off: $ui-04 !global;\n    $button-primary: $interactive-01 !global;\n    $button-secondary: $interactive-02 !global;\n    $button-tertiary: $interactive-03 !global;\n    $button-danger-primary: $danger-01 !global;\n    $button-danger-secondary: $danger-02 !global;\n    $background-active: $active-ui !global;\n    $layer-active: $active-ui !global;\n    $button-danger-active: $active-danger !global;\n    $button-primary-active: $active-primary !global;\n    $button-secondary-active: $active-secondary !global;\n    $button-tertiary-active: $active-tertiary !global;\n    $focus-inset: $inverse-01 !global;\n    $focus-inverse: $inverse-focus-ui !global;\n    $background-hover: $hover-ui !global;\n    $layer-hover: $hover-ui !global;\n    $field-hover: $hover-ui !global;\n    $background-inverse-hover: $inverse-hover-ui !global;\n    $link-primary-hover: $hover-primary-text !global;\n    $button-danger-hover: $hover-danger !global;\n    $button-primary-hover: $hover-primary !global;\n    $button-secondary-hover: $hover-secondary !global;\n    $button-tertiary-hover: $hover-tertiary !global;\n    $background-selected: $selected-ui !global;\n    $background-selected-hover: $hover-selected-ui !global;\n    $layer-selected: $selected-ui !global;\n    $layer-selected-hover: $hover-selected-ui !global;\n    $layer-selected-inverse: $ui-05 !global;\n    $border-subtle-selected: $active-ui !global;\n    $border-disabled: $disabled-01 !global;\n    $text-disabled: $disabled-02 !global;\n    $button-disabled: $disabled-02 !global;\n    $icon-disabled: $disabled-02 !global;\n    $text-on-color-disabled: $disabled-03 !global;\n    $icon-on-color-disabled: $disabled-03 !global;\n    $layer-selected-disabled: $disabled-03 !global;\n    $skeleton-background: $skeleton-01 !global;\n    $skeleton-element: $skeleton-02 !global;\n  }\n  @if global-variable-exists('feature-flags') and\n    map-get($feature-flags, 'enable-css-custom-properties')\n  {\n    $interactive-01: var(\n      --#{$custom-property-prefix}-interactive-01,\n      map-get($theme, 'interactive-01')\n    ) !global;\n    $interactive-02: var(\n      --#{$custom-property-prefix}-interactive-02,\n      map-get($theme, 'interactive-02')\n    ) !global;\n    $interactive-03: var(\n      --#{$custom-property-prefix}-interactive-03,\n      map-get($theme, 'interactive-03')\n    ) !global;\n    $interactive-04: var(\n      --#{$custom-property-prefix}-interactive-04,\n      map-get($theme, 'interactive-04')\n    ) !global;\n    $ui-background: var(\n      --#{$custom-property-prefix}-ui-background,\n      map-get($theme, 'ui-background')\n    ) !global;\n    $ui-01: var(\n      --#{$custom-property-prefix}-ui-01,\n      map-get($theme, 'ui-01')\n    ) !global;\n    $ui-02: var(\n      --#{$custom-property-prefix}-ui-02,\n      map-get($theme, 'ui-02')\n    ) !global;\n    $ui-03: var(\n      --#{$custom-property-prefix}-ui-03,\n      map-get($theme, 'ui-03')\n    ) !global;\n    $ui-04: var(\n      --#{$custom-property-prefix}-ui-04,\n      map-get($theme, 'ui-04')\n    ) !global;\n    $ui-05: var(\n      --#{$custom-property-prefix}-ui-05,\n      map-get($theme, 'ui-05')\n    ) !global;\n    $text-01: var(\n      --#{$custom-property-prefix}-text-01,\n      map-get($theme, 'text-01')\n    ) !global;\n    $text-02: var(\n      --#{$custom-property-prefix}-text-02,\n      map-get($theme, 'text-02')\n    ) !global;\n    $text-03: var(\n      --#{$custom-property-prefix}-text-03,\n      map-get($theme, 'text-03')\n    ) !global;\n    $text-04: var(\n      --#{$custom-property-prefix}-text-04,\n      map-get($theme, 'text-04')\n    ) !global;\n    $text-05: var(\n      --#{$custom-property-prefix}-text-05,\n      map-get($theme, 'text-05')\n    ) !global;\n    $text-error: var(\n      --#{$custom-property-prefix}-text-error,\n      map-get($theme, 'text-error')\n    ) !global;\n    $icon-01: var(\n      --#{$custom-property-prefix}-icon-01,\n      map-get($theme, 'icon-01')\n    ) !global;\n    $icon-02: var(\n      --#{$custom-property-prefix}-icon-02,\n      map-get($theme, 'icon-02')\n    ) !global;\n    $icon-03: var(\n      --#{$custom-property-prefix}-icon-03,\n      map-get($theme, 'icon-03')\n    ) !global;\n    $link-01: var(\n      --#{$custom-property-prefix}-link-01,\n      map-get($theme, 'link-01')\n    ) !global;\n    $link-02: var(\n      --#{$custom-property-prefix}-link-02,\n      map-get($theme, 'link-02')\n    ) !global;\n    $inverse-link: var(\n      --#{$custom-property-prefix}-inverse-link,\n      map-get($theme, 'inverse-link')\n    ) !global;\n    $field-01: var(\n      --#{$custom-property-prefix}-field-01,\n      map-get($theme, 'field-01')\n    ) !global;\n    $field-02: var(\n      --#{$custom-property-prefix}-field-02,\n      map-get($theme, 'field-02')\n    ) !global;\n    $inverse-01: var(\n      --#{$custom-property-prefix}-inverse-01,\n      map-get($theme, 'inverse-01')\n    ) !global;\n    $inverse-02: var(\n      --#{$custom-property-prefix}-inverse-02,\n      map-get($theme, 'inverse-02')\n    ) !global;\n    $support-01: var(\n      --#{$custom-property-prefix}-support-01,\n      map-get($theme, 'support-01')\n    ) !global;\n    $support-02: var(\n      --#{$custom-property-prefix}-support-02,\n      map-get($theme, 'support-02')\n    ) !global;\n    $support-03: var(\n      --#{$custom-property-prefix}-support-03,\n      map-get($theme, 'support-03')\n    ) !global;\n    $support-04: var(\n      --#{$custom-property-prefix}-support-04,\n      map-get($theme, 'support-04')\n    ) !global;\n    $inverse-support-01: var(\n      --#{$custom-property-prefix}-inverse-support-01,\n      map-get($theme, 'inverse-support-01')\n    ) !global;\n    $inverse-support-02: var(\n      --#{$custom-property-prefix}-inverse-support-02,\n      map-get($theme, 'inverse-support-02')\n    ) !global;\n    $inverse-support-03: var(\n      --#{$custom-property-prefix}-inverse-support-03,\n      map-get($theme, 'inverse-support-03')\n    ) !global;\n    $inverse-support-04: var(\n      --#{$custom-property-prefix}-inverse-support-04,\n      map-get($theme, 'inverse-support-04')\n    ) !global;\n    $overlay-01: var(\n      --#{$custom-property-prefix}-overlay-01,\n      map-get($theme, 'overlay-01')\n    ) !global;\n    $danger-01: var(\n      --#{$custom-property-prefix}-danger-01,\n      map-get($theme, 'danger-01')\n    ) !global;\n    $danger-02: var(\n      --#{$custom-property-prefix}-danger-02,\n      map-get($theme, 'danger-02')\n    ) !global;\n    $focus: var(\n      --#{$custom-property-prefix}-focus,\n      map-get($theme, 'focus')\n    ) !global;\n    $inverse-focus-ui: var(\n      --#{$custom-property-prefix}-inverse-focus-ui,\n      map-get($theme, 'inverse-focus-ui')\n    ) !global;\n    $hover-primary: var(\n      --#{$custom-property-prefix}-hover-primary,\n      map-get($theme, 'hover-primary')\n    ) !global;\n    $active-primary: var(\n      --#{$custom-property-prefix}-active-primary,\n      map-get($theme, 'active-primary')\n    ) !global;\n    $hover-primary-text: var(\n      --#{$custom-property-prefix}-hover-primary-text,\n      map-get($theme, 'hover-primary-text')\n    ) !global;\n    $hover-secondary: var(\n      --#{$custom-property-prefix}-hover-secondary,\n      map-get($theme, 'hover-secondary')\n    ) !global;\n    $active-secondary: var(\n      --#{$custom-property-prefix}-active-secondary,\n      map-get($theme, 'active-secondary')\n    ) !global;\n    $hover-tertiary: var(\n      --#{$custom-property-prefix}-hover-tertiary,\n      map-get($theme, 'hover-tertiary')\n    ) !global;\n    $active-tertiary: var(\n      --#{$custom-property-prefix}-active-tertiary,\n      map-get($theme, 'active-tertiary')\n    ) !global;\n    $hover-ui: var(\n      --#{$custom-property-prefix}-hover-ui,\n      map-get($theme, 'hover-ui')\n    ) !global;\n    $hover-light-ui: var(\n      --#{$custom-property-prefix}-hover-light-ui,\n      map-get($theme, 'hover-light-ui')\n    ) !global;\n    $hover-selected-ui: var(\n      --#{$custom-property-prefix}-hover-selected-ui,\n      map-get($theme, 'hover-selected-ui')\n    ) !global;\n    $active-ui: var(\n      --#{$custom-property-prefix}-active-ui,\n      map-get($theme, 'active-ui')\n    ) !global;\n    $active-light-ui: var(\n      --#{$custom-property-prefix}-active-light-ui,\n      map-get($theme, 'active-light-ui')\n    ) !global;\n    $selected-ui: var(\n      --#{$custom-property-prefix}-selected-ui,\n      map-get($theme, 'selected-ui')\n    ) !global;\n    $selected-light-ui: var(\n      --#{$custom-property-prefix}-selected-light-ui,\n      map-get($theme, 'selected-light-ui')\n    ) !global;\n    $inverse-hover-ui: var(\n      --#{$custom-property-prefix}-inverse-hover-ui,\n      map-get($theme, 'inverse-hover-ui')\n    ) !global;\n    $hover-danger: var(\n      --#{$custom-property-prefix}-hover-danger,\n      map-get($theme, 'hover-danger')\n    ) !global;\n    $active-danger: var(\n      --#{$custom-property-prefix}-active-danger,\n      map-get($theme, 'active-danger')\n    ) !global;\n    $hover-row: var(\n      --#{$custom-property-prefix}-hover-row,\n      map-get($theme, 'hover-row')\n    ) !global;\n    $visited-link: var(\n      --#{$custom-property-prefix}-visited-link,\n      map-get($theme, 'visited-link')\n    ) !global;\n    $disabled-01: var(\n      --#{$custom-property-prefix}-disabled-01,\n      map-get($theme, 'disabled-01')\n    ) !global;\n    $disabled-02: var(\n      --#{$custom-property-prefix}-disabled-02,\n      map-get($theme, 'disabled-02')\n    ) !global;\n    $disabled-03: var(\n      --#{$custom-property-prefix}-disabled-03,\n      map-get($theme, 'disabled-03')\n    ) !global;\n    $highlight: var(\n      --#{$custom-property-prefix}-highlight,\n      map-get($theme, 'highlight')\n    ) !global;\n    $decorative-01: var(\n      --#{$custom-property-prefix}-decorative-01,\n      map-get($theme, 'decorative-01')\n    ) !global;\n    $button-separator: var(\n      --#{$custom-property-prefix}-button-separator,\n      map-get($theme, 'button-separator')\n    ) !global;\n    $skeleton-01: var(\n      --#{$custom-property-prefix}-skeleton-01,\n      map-get($theme, 'skeleton-01')\n    ) !global;\n    $skeleton-02: var(\n      --#{$custom-property-prefix}-skeleton-02,\n      map-get($theme, 'skeleton-02')\n    ) !global;\n    $background: var(\n      --#{$custom-property-prefix}-background,\n      map-get($theme, 'background')\n    ) !global;\n    $layer: var(\n      --#{$custom-property-prefix}-layer,\n      map-get($theme, 'layer')\n    ) !global;\n    $layer-accent: var(\n      --#{$custom-property-prefix}-layer-accent,\n      map-get($theme, 'layer-accent')\n    ) !global;\n    $layer-accent-hover: var(\n      --#{$custom-property-prefix}-layer-accent-hover,\n      map-get($theme, 'layer-accent-hover')\n    ) !global;\n    $layer-accent-active: var(\n      --#{$custom-property-prefix}-layer-accent-active,\n      map-get($theme, 'layer-accent-active')\n    ) !global;\n    $field: var(\n      --#{$custom-property-prefix}-field,\n      map-get($theme, 'field')\n    ) !global;\n    $background-inverse: var(\n      --#{$custom-property-prefix}-background-inverse,\n      map-get($theme, 'background-inverse')\n    ) !global;\n    $background-brand: var(\n      --#{$custom-property-prefix}-background-brand,\n      map-get($theme, 'background-brand')\n    ) !global;\n    $interactive: var(\n      --#{$custom-property-prefix}-interactive,\n      map-get($theme, 'interactive')\n    ) !global;\n    $border-subtle: var(\n      --#{$custom-property-prefix}-border-subtle,\n      map-get($theme, 'border-subtle')\n    ) !global;\n    $border-strong: var(\n      --#{$custom-property-prefix}-border-strong,\n      map-get($theme, 'border-strong')\n    ) !global;\n    $border-inverse: var(\n      --#{$custom-property-prefix}-border-inverse,\n      map-get($theme, 'border-inverse')\n    ) !global;\n    $border-interactive: var(\n      --#{$custom-property-prefix}-border-interactive,\n      map-get($theme, 'border-interactive')\n    ) !global;\n    $text-primary: var(\n      --#{$custom-property-prefix}-text-primary,\n      map-get($theme, 'text-primary')\n    ) !global;\n    $text-secondary: var(\n      --#{$custom-property-prefix}-text-secondary,\n      map-get($theme, 'text-secondary')\n    ) !global;\n    $text-placeholder: var(\n      --#{$custom-property-prefix}-text-placeholder,\n      map-get($theme, 'text-placeholder')\n    ) !global;\n    $text-helper: var(\n      --#{$custom-property-prefix}-text-helper,\n      map-get($theme, 'text-helper')\n    ) !global;\n    $text-on-color: var(\n      --#{$custom-property-prefix}-text-on-color,\n      map-get($theme, 'text-on-color')\n    ) !global;\n    $text-inverse: var(\n      --#{$custom-property-prefix}-text-inverse,\n      map-get($theme, 'text-inverse')\n    ) !global;\n    $link-primary: var(\n      --#{$custom-property-prefix}-link-primary,\n      map-get($theme, 'link-primary')\n    ) !global;\n    $link-secondary: var(\n      --#{$custom-property-prefix}-link-secondary,\n      map-get($theme, 'link-secondary')\n    ) !global;\n    $link-visited: var(\n      --#{$custom-property-prefix}-link-visited,\n      map-get($theme, 'link-visited')\n    ) !global;\n    $link-inverse: var(\n      --#{$custom-property-prefix}-link-inverse,\n      map-get($theme, 'link-inverse')\n    ) !global;\n    $icon-primary: var(\n      --#{$custom-property-prefix}-icon-primary,\n      map-get($theme, 'icon-primary')\n    ) !global;\n    $icon-secondary: var(\n      --#{$custom-property-prefix}-icon-secondary,\n      map-get($theme, 'icon-secondary')\n    ) !global;\n    $icon-on-color: var(\n      --#{$custom-property-prefix}-icon-on-color,\n      map-get($theme, 'icon-on-color')\n    ) !global;\n    $icon-inverse: var(\n      --#{$custom-property-prefix}-icon-inverse,\n      map-get($theme, 'icon-inverse')\n    ) !global;\n    $support-error: var(\n      --#{$custom-property-prefix}-support-error,\n      map-get($theme, 'support-error')\n    ) !global;\n    $support-success: var(\n      --#{$custom-property-prefix}-support-success,\n      map-get($theme, 'support-success')\n    ) !global;\n    $support-warning: var(\n      --#{$custom-property-prefix}-support-warning,\n      map-get($theme, 'support-warning')\n    ) !global;\n    $support-info: var(\n      --#{$custom-property-prefix}-support-info,\n      map-get($theme, 'support-info')\n    ) !global;\n    $support-error-inverse: var(\n      --#{$custom-property-prefix}-support-error-inverse,\n      map-get($theme, 'support-error-inverse')\n    ) !global;\n    $support-success-inverse: var(\n      --#{$custom-property-prefix}-support-success-inverse,\n      map-get($theme, 'support-success-inverse')\n    ) !global;\n    $support-warning-inverse: var(\n      --#{$custom-property-prefix}-support-warning-inverse,\n      map-get($theme, 'support-warning-inverse')\n    ) !global;\n    $support-info-inverse: var(\n      --#{$custom-property-prefix}-support-info-inverse,\n      map-get($theme, 'support-info-inverse')\n    ) !global;\n    $overlay: var(\n      --#{$custom-property-prefix}-overlay,\n      map-get($theme, 'overlay')\n    ) !global;\n    $toggle-off: var(\n      --#{$custom-property-prefix}-toggle-off,\n      map-get($theme, 'toggle-off')\n    ) !global;\n    $shadow: var(\n      --#{$custom-property-prefix}-shadow,\n      map-get($theme, 'shadow')\n    ) !global;\n    $button-primary: var(\n      --#{$custom-property-prefix}-button-primary,\n      map-get($theme, 'button-primary')\n    ) !global;\n    $button-secondary: var(\n      --#{$custom-property-prefix}-button-secondary,\n      map-get($theme, 'button-secondary')\n    ) !global;\n    $button-tertiary: var(\n      --#{$custom-property-prefix}-button-tertiary,\n      map-get($theme, 'button-tertiary')\n    ) !global;\n    $button-danger-primary: var(\n      --#{$custom-property-prefix}-button-danger-primary,\n      map-get($theme, 'button-danger-primary')\n    ) !global;\n    $button-danger-secondary: var(\n      --#{$custom-property-prefix}-button-danger-secondary,\n      map-get($theme, 'button-danger-secondary')\n    ) !global;\n    $background-active: var(\n      --#{$custom-property-prefix}-background-active,\n      map-get($theme, 'background-active')\n    ) !global;\n    $layer-active: var(\n      --#{$custom-property-prefix}-layer-active,\n      map-get($theme, 'layer-active')\n    ) !global;\n    $button-danger-active: var(\n      --#{$custom-property-prefix}-button-danger-active,\n      map-get($theme, 'button-danger-active')\n    ) !global;\n    $button-primary-active: var(\n      --#{$custom-property-prefix}-button-primary-active,\n      map-get($theme, 'button-primary-active')\n    ) !global;\n    $button-secondary-active: var(\n      --#{$custom-property-prefix}-button-secondary-active,\n      map-get($theme, 'button-secondary-active')\n    ) !global;\n    $button-tertiary-active: var(\n      --#{$custom-property-prefix}-button-tertiary-active,\n      map-get($theme, 'button-tertiary-active')\n    ) !global;\n    $focus-inset: var(\n      --#{$custom-property-prefix}-focus-inset,\n      map-get($theme, 'focus-inset')\n    ) !global;\n    $focus-inverse: var(\n      --#{$custom-property-prefix}-focus-inverse,\n      map-get($theme, 'focus-inverse')\n    ) !global;\n    $background-hover: var(\n      --#{$custom-property-prefix}-background-hover,\n      map-get($theme, 'background-hover')\n    ) !global;\n    $layer-hover: var(\n      --#{$custom-property-prefix}-layer-hover,\n      map-get($theme, 'layer-hover')\n    ) !global;\n    $field-hover: var(\n      --#{$custom-property-prefix}-field-hover,\n      map-get($theme, 'field-hover')\n    ) !global;\n    $background-inverse-hover: var(\n      --#{$custom-property-prefix}-background-inverse-hover,\n      map-get($theme, 'background-inverse-hover')\n    ) !global;\n    $link-primary-hover: var(\n      --#{$custom-property-prefix}-link-primary-hover,\n      map-get($theme, 'link-primary-hover')\n    ) !global;\n    $button-danger-hover: var(\n      --#{$custom-property-prefix}-button-danger-hover,\n      map-get($theme, 'button-danger-hover')\n    ) !global;\n    $button-primary-hover: var(\n      --#{$custom-property-prefix}-button-primary-hover,\n      map-get($theme, 'button-primary-hover')\n    ) !global;\n    $button-secondary-hover: var(\n      --#{$custom-property-prefix}-button-secondary-hover,\n      map-get($theme, 'button-secondary-hover')\n    ) !global;\n    $button-tertiary-hover: var(\n      --#{$custom-property-prefix}-button-tertiary-hover,\n      map-get($theme, 'button-tertiary-hover')\n    ) !global;\n    $background-selected: var(\n      --#{$custom-property-prefix}-background-selected,\n      map-get($theme, 'background-selected')\n    ) !global;\n    $background-selected-hover: var(\n      --#{$custom-property-prefix}-background-selected-hover,\n      map-get($theme, 'background-selected-hover')\n    ) !global;\n    $layer-selected: var(\n      --#{$custom-property-prefix}-layer-selected,\n      map-get($theme, 'layer-selected')\n    ) !global;\n    $layer-selected-hover: var(\n      --#{$custom-property-prefix}-layer-selected-hover,\n      map-get($theme, 'layer-selected-hover')\n    ) !global;\n    $layer-selected-inverse: var(\n      --#{$custom-property-prefix}-layer-selected-inverse,\n      map-get($theme, 'layer-selected-inverse')\n    ) !global;\n    $border-subtle-selected: var(\n      --#{$custom-property-prefix}-border-subtle-selected,\n      map-get($theme, 'border-subtle-selected')\n    ) !global;\n    $border-disabled: var(\n      --#{$custom-property-prefix}-border-disabled,\n      map-get($theme, 'border-disabled')\n    ) !global;\n    $text-disabled: var(\n      --#{$custom-property-prefix}-text-disabled,\n      map-get($theme, 'text-disabled')\n    ) !global;\n    $button-disabled: var(\n      --#{$custom-property-prefix}-button-disabled,\n      map-get($theme, 'button-disabled')\n    ) !global;\n    $icon-disabled: var(\n      --#{$custom-property-prefix}-icon-disabled,\n      map-get($theme, 'icon-disabled')\n    ) !global;\n    $text-on-color-disabled: var(\n      --#{$custom-property-prefix}-text-on-color-disabled,\n      map-get($theme, 'text-on-color-disabled')\n    ) !global;\n    $icon-on-color-disabled: var(\n      --#{$custom-property-prefix}-icon-on-color-disabled,\n      map-get($theme, 'icon-on-color-disabled')\n    ) !global;\n    $layer-selected-disabled: var(\n      --#{$custom-property-prefix}-layer-selected-disabled,\n      map-get($theme, 'layer-selected-disabled')\n    ) !global;\n    $skeleton-background: var(\n      --#{$custom-property-prefix}-skeleton-background,\n      map-get($theme, 'skeleton-background')\n    ) !global;\n    $skeleton-element: var(\n      --#{$custom-property-prefix}-skeleton-element,\n      map-get($theme, 'skeleton-element')\n    ) !global;\n    $brand-01: var(\n      --#{$custom-property-prefix}-brand-01,\n      map-get($theme, 'brand-01')\n    ) !global;\n    $brand-02: var(\n      --#{$custom-property-prefix}-brand-02,\n      map-get($theme, 'brand-02')\n    ) !global;\n    $brand-03: var(\n      --#{$custom-property-prefix}-brand-03,\n      map-get($theme, 'brand-03')\n    ) !global;\n    $active-01: var(\n      --#{$custom-property-prefix}-active-01,\n      map-get($theme, 'active-01')\n    ) !global;\n    $hover-field: var(\n      --#{$custom-property-prefix}-hover-field,\n      map-get($theme, 'hover-field')\n    ) !global;\n    $danger: var(\n      --#{$custom-property-prefix}-danger,\n      map-get($theme, 'danger')\n    ) !global;\n    $spacing-01: var(\n      --#{$custom-property-prefix}-spacing-01,\n      map-get($theme, 'spacing-01')\n    ) !global;\n    $spacing-02: var(\n      --#{$custom-property-prefix}-spacing-02,\n      map-get($theme, 'spacing-02')\n    ) !global;\n    $spacing-03: var(\n      --#{$custom-property-prefix}-spacing-03,\n      map-get($theme, 'spacing-03')\n    ) !global;\n    $spacing-04: var(\n      --#{$custom-property-prefix}-spacing-04,\n      map-get($theme, 'spacing-04')\n    ) !global;\n    $spacing-05: var(\n      --#{$custom-property-prefix}-spacing-05,\n      map-get($theme, 'spacing-05')\n    ) !global;\n    $spacing-06: var(\n      --#{$custom-property-prefix}-spacing-06,\n      map-get($theme, 'spacing-06')\n    ) !global;\n    $spacing-07: var(\n      --#{$custom-property-prefix}-spacing-07,\n      map-get($theme, 'spacing-07')\n    ) !global;\n    $spacing-08: var(\n      --#{$custom-property-prefix}-spacing-08,\n      map-get($theme, 'spacing-08')\n    ) !global;\n    $spacing-09: var(\n      --#{$custom-property-prefix}-spacing-09,\n      map-get($theme, 'spacing-09')\n    ) !global;\n    $spacing-10: var(\n      --#{$custom-property-prefix}-spacing-10,\n      map-get($theme, 'spacing-10')\n    ) !global;\n    $spacing-11: var(\n      --#{$custom-property-prefix}-spacing-11,\n      map-get($theme, 'spacing-11')\n    ) !global;\n    $spacing-12: var(\n      --#{$custom-property-prefix}-spacing-12,\n      map-get($theme, 'spacing-12')\n    ) !global;\n    $spacing-13: var(\n      --#{$custom-property-prefix}-spacing-13,\n      map-get($theme, 'spacing-13')\n    ) !global;\n    $fluid-spacing-01: var(\n      --#{$custom-property-prefix}-fluid-spacing-01,\n      map-get($theme, 'fluid-spacing-01')\n    ) !global;\n    $fluid-spacing-02: var(\n      --#{$custom-property-prefix}-fluid-spacing-02,\n      map-get($theme, 'fluid-spacing-02')\n    ) !global;\n    $fluid-spacing-03: var(\n      --#{$custom-property-prefix}-fluid-spacing-03,\n      map-get($theme, 'fluid-spacing-03')\n    ) !global;\n    $fluid-spacing-04: var(\n      --#{$custom-property-prefix}-fluid-spacing-04,\n      map-get($theme, 'fluid-spacing-04')\n    ) !global;\n    $layout-01: var(\n      --#{$custom-property-prefix}-layout-01,\n      map-get($theme, 'layout-01')\n    ) !global;\n    $layout-02: var(\n      --#{$custom-property-prefix}-layout-02,\n      map-get($theme, 'layout-02')\n    ) !global;\n    $layout-03: var(\n      --#{$custom-property-prefix}-layout-03,\n      map-get($theme, 'layout-03')\n    ) !global;\n    $layout-04: var(\n      --#{$custom-property-prefix}-layout-04,\n      map-get($theme, 'layout-04')\n    ) !global;\n    $layout-05: var(\n      --#{$custom-property-prefix}-layout-05,\n      map-get($theme, 'layout-05')\n    ) !global;\n    $layout-06: var(\n      --#{$custom-property-prefix}-layout-06,\n      map-get($theme, 'layout-06')\n    ) !global;\n    $layout-07: var(\n      --#{$custom-property-prefix}-layout-07,\n      map-get($theme, 'layout-07')\n    ) !global;\n    $container-01: var(\n      --#{$custom-property-prefix}-container-01,\n      map-get($theme, 'container-01')\n    ) !global;\n    $container-02: var(\n      --#{$custom-property-prefix}-container-02,\n      map-get($theme, 'container-02')\n    ) !global;\n    $container-03: var(\n      --#{$custom-property-prefix}-container-03,\n      map-get($theme, 'container-03')\n    ) !global;\n    $container-04: var(\n      --#{$custom-property-prefix}-container-04,\n      map-get($theme, 'container-04')\n    ) !global;\n    $container-05: var(\n      --#{$custom-property-prefix}-container-05,\n      map-get($theme, 'container-05')\n    ) !global;\n    $size-xsmall: var(\n      --#{$custom-property-prefix}-size-xsmall,\n      map-get($theme, 'size-xsmall')\n    ) !global;\n    $size-small: var(\n      --#{$custom-property-prefix}-size-small,\n      map-get($theme, 'size-small')\n    ) !global;\n    $size-medium: var(\n      --#{$custom-property-prefix}-size-medium,\n      map-get($theme, 'size-medium')\n    ) !global;\n    $size-large: var(\n      --#{$custom-property-prefix}-size-large,\n      map-get($theme, 'size-large')\n    ) !global;\n    $size-xlarge: var(\n      --#{$custom-property-prefix}-size-xlarge,\n      map-get($theme, 'size-xlarge')\n    ) !global;\n    $size-2XLarge: var(\n      --#{$custom-property-prefix}-size-2XLarge,\n      map-get($theme, 'size-2XLarge')\n    ) !global;\n    $icon-size-01: var(\n      --#{$custom-property-prefix}-icon-size-01,\n      map-get($theme, 'icon-size-01')\n    ) !global;\n    $icon-size-02: var(\n      --#{$custom-property-prefix}-icon-size-02,\n      map-get($theme, 'icon-size-02')\n    ) !global;\n  }\n  @if $emit-custom-properties == true {\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-01',\n        map-get($theme, 'interactive-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-02',\n        map-get($theme, 'interactive-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-03',\n        map-get($theme, 'interactive-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'interactive-04',\n        map-get($theme, 'interactive-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'ui-background',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'ui-background',\n        map-get($theme, 'ui-background')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\n      @include custom-property('ui-01', map-get($theme, 'ui-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\n      @include custom-property('ui-02', map-get($theme, 'ui-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\n      @include custom-property('ui-03', map-get($theme, 'ui-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\n      @include custom-property('ui-04', map-get($theme, 'ui-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\n      @include custom-property('ui-05', map-get($theme, 'ui-05'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\n      @include custom-property('text-01', map-get($theme, 'text-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\n      @include custom-property('text-02', map-get($theme, 'text-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\n      @include custom-property('text-03', map-get($theme, 'text-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\n      @include custom-property('text-04', map-get($theme, 'text-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\n      @include custom-property('text-05', map-get($theme, 'text-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-error',\n      $emit-difference\n    )\n    {\n      @include custom-property('text-error', map-get($theme, 'text-error'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\n      @include custom-property('icon-01', map-get($theme, 'icon-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\n      @include custom-property('icon-02', map-get($theme, 'icon-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\n      @include custom-property('icon-03', map-get($theme, 'icon-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\n      @include custom-property('link-01', map-get($theme, 'link-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\n      @include custom-property('link-02', map-get($theme, 'link-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-link',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\n    {\n      @include custom-property('field-01', map-get($theme, 'field-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\n    {\n      @include custom-property('field-02', map-get($theme, 'field-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-01', map-get($theme, 'support-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-02', map-get($theme, 'support-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-03', map-get($theme, 'support-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-04', map-get($theme, 'support-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-01',\n        map-get($theme, 'inverse-support-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-02',\n        map-get($theme, 'inverse-support-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-03',\n        map-get($theme, 'inverse-support-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-support-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-support-04',\n        map-get($theme, 'inverse-support-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'overlay-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\n    {\n      @include custom-property('danger-01', map-get($theme, 'danger-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\n    {\n      @include custom-property('danger-02', map-get($theme, 'danger-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\n      @include custom-property('focus', map-get($theme, 'focus'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-focus-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-focus-ui',\n        map-get($theme, 'inverse-focus-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-primary',\n        map-get($theme, 'hover-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-primary',\n        map-get($theme, 'active-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-primary-text',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-primary-text',\n        map-get($theme, 'hover-primary-text')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-secondary',\n        map-get($theme, 'hover-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-secondary',\n        map-get($theme, 'active-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-tertiary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-tertiary',\n        map-get($theme, 'hover-tertiary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-tertiary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-tertiary',\n        map-get($theme, 'active-tertiary')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\n    {\n      @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-light-ui',\n        map-get($theme, 'hover-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-selected-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'hover-selected-ui',\n        map-get($theme, 'hover-selected-ui')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\n    {\n      @include custom-property('active-ui', map-get($theme, 'active-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-light-ui',\n        map-get($theme, 'active-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'selected-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'selected-light-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'selected-light-ui',\n        map-get($theme, 'selected-light-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'inverse-hover-ui',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'inverse-hover-ui',\n        map-get($theme, 'inverse-hover-ui')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-danger',\n      $emit-difference\n    )\n    {\n      @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'active-danger',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'active-danger',\n        map-get($theme, 'active-danger')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\n    {\n      @include custom-property('hover-row', map-get($theme, 'hover-row'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'visited-link',\n      $emit-difference\n    )\n    {\n      @include custom-property('visited-link', map-get($theme, 'visited-link'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'disabled-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\n    {\n      @include custom-property('highlight', map-get($theme, 'highlight'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'decorative-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'decorative-01',\n        map-get($theme, 'decorative-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-separator',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-separator',\n        map-get($theme, 'button-separator')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'background',\n      $emit-difference\n    )\n    {\n      @include custom-property('background', map-get($theme, 'background'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layer', $emit-difference) {\n      @include custom-property('layer', map-get($theme, 'layer'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'layer-accent',\n      $emit-difference\n    )\n    {\n      @include custom-property('layer-accent', map-get($theme, 'layer-accent'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'layer-accent-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'layer-accent-hover',\n        map-get($theme, 'layer-accent-hover')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'layer-accent-active',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'layer-accent-active',\n        map-get($theme, 'layer-accent-active')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'field', $emit-difference) {\n      @include custom-property('field', map-get($theme, 'field'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'background-inverse',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'background-inverse',\n        map-get($theme, 'background-inverse')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'background-brand',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'background-brand',\n        map-get($theme, 'background-brand')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'interactive',\n      $emit-difference\n    )\n    {\n      @include custom-property('interactive', map-get($theme, 'interactive'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'border-subtle',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'border-subtle',\n        map-get($theme, 'border-subtle')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'border-strong',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'border-strong',\n        map-get($theme, 'border-strong')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'border-inverse',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'border-inverse',\n        map-get($theme, 'border-inverse')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'border-interactive',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'border-interactive',\n        map-get($theme, 'border-interactive')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property('text-primary', map-get($theme, 'text-primary'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'text-secondary',\n        map-get($theme, 'text-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-placeholder',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'text-placeholder',\n        map-get($theme, 'text-placeholder')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-helper',\n      $emit-difference\n    )\n    {\n      @include custom-property('text-helper', map-get($theme, 'text-helper'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-on-color',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'text-on-color',\n        map-get($theme, 'text-on-color')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-inverse',\n      $emit-difference\n    )\n    {\n      @include custom-property('text-inverse', map-get($theme, 'text-inverse'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'link-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property('link-primary', map-get($theme, 'link-primary'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'link-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'link-secondary',\n        map-get($theme, 'link-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'link-visited',\n      $emit-difference\n    )\n    {\n      @include custom-property('link-visited', map-get($theme, 'link-visited'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'link-inverse',\n      $emit-difference\n    )\n    {\n      @include custom-property('link-inverse', map-get($theme, 'link-inverse'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-primary', map-get($theme, 'icon-primary'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'icon-secondary',\n        map-get($theme, 'icon-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-on-color',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'icon-on-color',\n        map-get($theme, 'icon-on-color')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-inverse',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-inverse', map-get($theme, 'icon-inverse'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-error',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'support-error',\n        map-get($theme, 'support-error')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-success',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'support-success',\n        map-get($theme, 'support-success')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-warning',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'support-warning',\n        map-get($theme, 'support-warning')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-info',\n      $emit-difference\n    )\n    {\n      @include custom-property('support-info', map-get($theme, 'support-info'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-error-inverse',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'support-error-inverse',\n        map-get($theme, 'support-error-inverse')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-success-inverse',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'support-success-inverse',\n        map-get($theme, 'support-success-inverse')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-warning-inverse',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'support-warning-inverse',\n        map-get($theme, 'support-warning-inverse')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'support-info-inverse',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'support-info-inverse',\n        map-get($theme, 'support-info-inverse')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'overlay', $emit-difference) {\n      @include custom-property('overlay', map-get($theme, 'overlay'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'toggle-off',\n      $emit-difference\n    )\n    {\n      @include custom-property('toggle-off', map-get($theme, 'toggle-off'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'shadow', $emit-difference) {\n      @include custom-property('shadow', map-get($theme, 'shadow'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-primary',\n        map-get($theme, 'button-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-secondary',\n        map-get($theme, 'button-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-tertiary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-tertiary',\n        map-get($theme, 'button-tertiary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-danger-primary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-danger-primary',\n        map-get($theme, 'button-danger-primary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-danger-secondary',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-danger-secondary',\n        map-get($theme, 'button-danger-secondary')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'background-active',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'background-active',\n        map-get($theme, 'background-active')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'layer-active',\n      $emit-difference\n    )\n    {\n      @include custom-property('layer-active', map-get($theme, 'layer-active'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-danger-active',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-danger-active',\n        map-get($theme, 'button-danger-active')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-primary-active',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-primary-active',\n        map-get($theme, 'button-primary-active')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-secondary-active',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-secondary-active',\n        map-get($theme, 'button-secondary-active')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-tertiary-active',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-tertiary-active',\n        map-get($theme, 'button-tertiary-active')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'focus-inset',\n      $emit-difference\n    )\n    {\n      @include custom-property('focus-inset', map-get($theme, 'focus-inset'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'focus-inverse',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'focus-inverse',\n        map-get($theme, 'focus-inverse')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'background-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'background-hover',\n        map-get($theme, 'background-hover')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'layer-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property('layer-hover', map-get($theme, 'layer-hover'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'field-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property('field-hover', map-get($theme, 'field-hover'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'background-inverse-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'background-inverse-hover',\n        map-get($theme, 'background-inverse-hover')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'link-primary-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'link-primary-hover',\n        map-get($theme, 'link-primary-hover')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-danger-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-danger-hover',\n        map-get($theme, 'button-danger-hover')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-primary-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-primary-hover',\n        map-get($theme, 'button-primary-hover')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-secondary-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-secondary-hover',\n        map-get($theme, 'button-secondary-hover')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-tertiary-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-tertiary-hover',\n        map-get($theme, 'button-tertiary-hover')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'background-selected',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'background-selected',\n        map-get($theme, 'background-selected')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'background-selected-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'background-selected-hover',\n        map-get($theme, 'background-selected-hover')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'layer-selected',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'layer-selected',\n        map-get($theme, 'layer-selected')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'layer-selected-hover',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'layer-selected-hover',\n        map-get($theme, 'layer-selected-hover')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'layer-selected-inverse',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'layer-selected-inverse',\n        map-get($theme, 'layer-selected-inverse')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'border-subtle-selected',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'border-subtle-selected',\n        map-get($theme, 'border-subtle-selected')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'border-disabled',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'border-disabled',\n        map-get($theme, 'border-disabled')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-disabled',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'text-disabled',\n        map-get($theme, 'text-disabled')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'button-disabled',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'button-disabled',\n        map-get($theme, 'button-disabled')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-disabled',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'icon-disabled',\n        map-get($theme, 'icon-disabled')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'text-on-color-disabled',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'text-on-color-disabled',\n        map-get($theme, 'text-on-color-disabled')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-on-color-disabled',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'icon-on-color-disabled',\n        map-get($theme, 'icon-on-color-disabled')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'layer-selected-disabled',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'layer-selected-disabled',\n        map-get($theme, 'layer-selected-disabled')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-background',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'skeleton-background',\n        map-get($theme, 'skeleton-background')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'skeleton-element',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'skeleton-element',\n        map-get($theme, 'skeleton-element')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\n    {\n      @include custom-property('brand-01', map-get($theme, 'brand-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\n    {\n      @include custom-property('brand-02', map-get($theme, 'brand-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\n    {\n      @include custom-property('brand-03', map-get($theme, 'brand-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\n    {\n      @include custom-property('active-01', map-get($theme, 'active-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'hover-field',\n      $emit-difference\n    )\n    {\n      @include custom-property('hover-field', map-get($theme, 'hover-field'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\n      @include custom-property('danger', map-get($theme, 'danger'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'caption-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('caption-01', map-get($theme, 'caption-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'caption-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('caption-02', map-get($theme, 'caption-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\n    {\n      @include custom-property('label-01', map-get($theme, 'label-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'label-02', $emit-difference)\n    {\n      @include custom-property('label-02', map-get($theme, 'label-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'helper-text-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'helper-text-01',\n        map-get($theme, 'helper-text-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'helper-text-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'helper-text-02',\n        map-get($theme, 'helper-text-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-short-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-short-01',\n        map-get($theme, 'body-short-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-long-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-short-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-short-02',\n        map-get($theme, 'body-short-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-long-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\n      @include custom-property('code-01', map-get($theme, 'code-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\n      @include custom-property('code-02', map-get($theme, 'code-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-01', map-get($theme, 'heading-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-01',\n        map-get($theme, 'productive-heading-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-02', map-get($theme, 'heading-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-02',\n        map-get($theme, 'productive-heading-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-03',\n        map-get($theme, 'productive-heading-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-04',\n        map-get($theme, 'productive-heading-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-05',\n        map-get($theme, 'productive-heading-05')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-06',\n        map-get($theme, 'productive-heading-06')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'productive-heading-07',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'productive-heading-07',\n        map-get($theme, 'productive-heading-07')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-01',\n        map-get($theme, 'expressive-heading-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-02',\n        map-get($theme, 'expressive-heading-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-03',\n        map-get($theme, 'expressive-heading-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-04',\n        map-get($theme, 'expressive-heading-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-05',\n        map-get($theme, 'expressive-heading-05')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-heading-06',\n        map-get($theme, 'expressive-heading-06')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'expressive-paragraph-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'expressive-paragraph-01',\n        map-get($theme, 'expressive-paragraph-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'quotation-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'quotation-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-01', map-get($theme, 'display-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-02', map-get($theme, 'display-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-03', map-get($theme, 'display-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'display-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('display-04', map-get($theme, 'display-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'legal-01', $emit-difference)\n    {\n      @include custom-property('legal-01', map-get($theme, 'legal-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'legal-02', $emit-difference)\n    {\n      @include custom-property('legal-02', map-get($theme, 'legal-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-compact-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-compact-01',\n        map-get($theme, 'body-compact-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'body-compact-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'body-compact-02',\n        map-get($theme, 'body-compact-02')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'body-01', $emit-difference) {\n      @include custom-property('body-01', map-get($theme, 'body-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'body-02', $emit-difference) {\n      @include custom-property('body-02', map-get($theme, 'body-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-compact-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'heading-compact-01',\n        map-get($theme, 'heading-compact-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-compact-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'heading-compact-02',\n        map-get($theme, 'heading-compact-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-03', map-get($theme, 'heading-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-04', map-get($theme, 'heading-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-05', map-get($theme, 'heading-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-06', map-get($theme, 'heading-06'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'heading-07',\n      $emit-difference\n    )\n    {\n      @include custom-property('heading-07', map-get($theme, 'heading-07'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-heading-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-heading-03',\n        map-get($theme, 'fluid-heading-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-heading-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-heading-04',\n        map-get($theme, 'fluid-heading-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-heading-05',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-heading-05',\n        map-get($theme, 'fluid-heading-05')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-heading-06',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-heading-06',\n        map-get($theme, 'fluid-heading-06')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-paragraph-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-paragraph-01',\n        map-get($theme, 'fluid-paragraph-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-quotation-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-quotation-01',\n        map-get($theme, 'fluid-quotation-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-quotation-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-quotation-02',\n        map-get($theme, 'fluid-quotation-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-display-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-display-01',\n        map-get($theme, 'fluid-display-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-display-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-display-02',\n        map-get($theme, 'fluid-display-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-display-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-display-03',\n        map-get($theme, 'fluid-display-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-display-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-display-04',\n        map-get($theme, 'fluid-display-04')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-05',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-06',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-07',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-08',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-09',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-10',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-11',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-12',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'spacing-13',\n      $emit-difference\n    )\n    {\n      @include custom-property('spacing-13', map-get($theme, 'spacing-13'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-01',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-01',\n        map-get($theme, 'fluid-spacing-01')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-02',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-02',\n        map-get($theme, 'fluid-spacing-02')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-03',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-03',\n        map-get($theme, 'fluid-spacing-03')\n      );\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'fluid-spacing-04',\n      $emit-difference\n    )\n    {\n      @include custom-property(\n        'fluid-spacing-04',\n        map-get($theme, 'fluid-spacing-04')\n      );\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\n    {\n      @include custom-property('layout-01', map-get($theme, 'layout-01'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\n    {\n      @include custom-property('layout-02', map-get($theme, 'layout-02'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\n    {\n      @include custom-property('layout-03', map-get($theme, 'layout-03'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\n    {\n      @include custom-property('layout-04', map-get($theme, 'layout-04'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\n    {\n      @include custom-property('layout-05', map-get($theme, 'layout-05'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\n    {\n      @include custom-property('layout-06', map-get($theme, 'layout-06'));\n    }\n\n    @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\n    {\n      @include custom-property('layout-07', map-get($theme, 'layout-07'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-01', map-get($theme, 'container-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-02', map-get($theme, 'container-02'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-03',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-03', map-get($theme, 'container-03'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-04',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-04', map-get($theme, 'container-04'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'container-05',\n      $emit-difference\n    )\n    {\n      @include custom-property('container-05', map-get($theme, 'container-05'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'size-xsmall',\n      $emit-difference\n    )\n    {\n      @include custom-property('size-xsmall', map-get($theme, 'size-xsmall'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'size-small',\n      $emit-difference\n    )\n    {\n      @include custom-property('size-small', map-get($theme, 'size-small'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'size-medium',\n      $emit-difference\n    )\n    {\n      @include custom-property('size-medium', map-get($theme, 'size-medium'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'size-large',\n      $emit-difference\n    )\n    {\n      @include custom-property('size-large', map-get($theme, 'size-large'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'size-xlarge',\n      $emit-difference\n    )\n    {\n      @include custom-property('size-xlarge', map-get($theme, 'size-xlarge'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'size-2XLarge',\n      $emit-difference\n    )\n    {\n      @include custom-property('size-2XLarge', map-get($theme, 'size-2XLarge'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-size-01',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\n    }\n\n    @if should-emit(\n      $theme,\n      $parent-carbon-theme,\n      'icon-size-02',\n      $emit-difference\n    )\n    {\n      @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\n    }\n  }\n\n  @content;\n\n  // Reset to default theme after apply in content\n  @if $carbon--theme != $parent-carbon-theme {\n    $carbon--theme: $parent-carbon-theme !global;\n\n    @include carbon--theme();\n  }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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={cardContainer:"-esm-appointments__workload__cardContainer___tfiUe",tileContainer:"-esm-appointments__workload__tileContainer___JTOsW",tileHeader:"-esm-appointments__workload__tileHeader___WHes+",headerLabel:"-esm-appointments__workload__headerLabel___b-Wde",totalsLabel:"-esm-appointments__workload__totalsLabel___ha-Ks",totalsValue:"-esm-appointments__workload__totalsValue___-G2ek",headerLabelContainer:"-esm-appointments__workload__headerLabelContainer___BBJPZ",link:"-esm-appointments__workload__link___-po4r",activeWorkloadCard:"-esm-appointments__workload__activeWorkloadCard___dlZqh",skeleton:"-esm-appointments__workload__skeleton___hKmyA"};const l=o},6020:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),r=t.n(a),i=t(2609),o=t.n(i)()(r());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__patient-search__padded___Il91D{padding:1rem}[data-extension-id=patient-search-bar]>div{width:100%}[data-extension-id=patient-search-bar]>div input{background-color:#fff;border-bottom:none;min-height:3rem}[data-extension-id=patient-search-bar]>div button{height:3rem}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/patient-search/patient-search.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,mDACE,YC0BW,CDtBX,2CACE,UAAA,CAEA,iDACE,qBDZE,CCaF,kBAAA,CACA,eCoCO,CDjCT,kDACE,WCgCO",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}\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/styles/scss/spacing';\n@use '@carbon/styles/scss/colors';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.padded {\n  padding: spacing.$spacing-05;\n}\n\n[data-extension-id='patient-search-bar'] {\n  & > div {\n    width: 100%;\n\n    & input {\n      background-color: $ui-02;\n      border-bottom: none;\n      min-height: spacing.$spacing-09;\n    }\n\n    & button {\n      height: spacing.$spacing-09;\n    }\n  }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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"],sourceRoot:""}]),o.locals={padded:"-esm-appointments__patient-search__padded___Il91D"};const l=o},9933:(e,n,t)=>{t.d(n,{EN:()=>$,GB:()=>g,Su:()=>u,iW:()=>b,v1:()=>f});var a=t(9984),r=t(906),i=t(8879),o=t.n(i),l=t(8179),p=t(12);function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function c(e,n,t,a,r,i,o){try{var l=e[i](o),p=l.value}catch(e){return void t(e)}l.done?n(p):Promise.resolve(p).then(a,r)}function m(e){return function(){var n=this,t=arguments;return new Promise((function(a,r){var i=e.apply(n,t);function o(e){c(i,a,r,o,l,"next",e)}function l(e){c(i,a,r,o,l,"throw",e)}o(void 0)}))}}var d=function(e,n){var t,a,r,i,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,a&&(r=2&i[0]?a.return:i[0]?a.throw||((r=a.return)&&r.call(a),0):a.next)&&!(r=r.call(a,i[1])).done)return r;switch(a=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return o.label++,{value:i[1],done:!1};case 5:o.label++,a=i[1],i=[0];continue;case 7:i=o.ops.pop(),o.trys.pop();continue;default:if(!((r=(r=o.trys).length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){o=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){o.label=i[1];break}if(6===i[0]&&o.label<r[1]){o.label=r[1],r=i;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(i);break}r[2]&&o.ops.pop(),o.trys.pop();continue}i=n.call(e,o)}catch(e){i=[6,e],a=0}finally{t=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}};function u(){var e=(0,a.ZP)("/ws/rest/v1/appointmentService/all/default",r.openmrsFetch),n=e.data,t=e.error,i=e.isLoading,o=e.isValidating;return{services:n?n.data:[],isLoading:i,isError:t,isValidating:o}}function g(e,n){return(0,r.openmrsFetch)("/ws/rest/v1/appointment",{method:"POST",signal:n.signal,headers:{"Content-Type":"application/json"},body:e})}var h,f=(h=m((function(e,n,t){var a,i,p;return d(this,(function(t){switch(t.label){case 0:return a=Intl.DateTimeFormat().resolvedOptions().timeZone,i=o()(new Date).format(l.J$),p="/ws/rest/v1/appointments/".concat(n,"/status-change"),[4,(0,r.openmrsFetch)(p,{body:{toStatus:e,onDate:i,timeZone:a},method:"POST",headers:{"Content-Type":"application/json"}})];case 1:return[2,t.sent()]}}))})),function(e,n,t){return h.apply(this,arguments)}),$=function(e,n){var t=o()(e).startOf("week").format(l.J$),i=o()(t).add(2,"week").format(l.J$),c="/ws/rest/v1/appointment/appointmentSummary?startDate=".concat(t,"&endDate=").concat(i),m=(0,a.ZP)(c,r.openmrsFetch),d=m.data,u=(m.error,m.isLoading,(0,p.Z)(null==d?void 0:d.data.filter((function(e){return e.appointmentService.uuid===n})))),g=null==u?void 0:u.appointmentCountMap;return Object.entries(null!=g?g:[]).map((function(e){var n,t,a=(t=2,function(e){if(Array.isArray(e))return e}(n=e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,r,i=[],o=!0,l=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(i.push(a.value),!n||i.length!==n);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw r}}return i}}(n,t)||function(e,n){if(e){if("string"==typeof e)return s(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(e,n):void 0}}(n,t)||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.")}());return{date:a[0],count:a[1].allAppointmentsCount}})).sort((function(e,n){return new Date(e.date).getTime()-new Date(n.date).getTime()}))},b=(m((function(e){return d(this,(function(n){switch(n.label){case 0:return[4,(0,r.openmrsFetch)("/ws/rest/v1/appointments/conflicts",{method:"POST",body:{patientUuid:e.patientUuid,serviceUuid:e.serviceUuid,startDateTime:e.startDateTime,endDateTime:e.endDateTime,providers:[],locationUuid:e.locationUuid,appointmentKind:e.appointmentKind},headers:{"Content-Type":"application/json"}})];case 1:return[2,n.sent()]}}))})),function(e,n,t){return o()(new Date(o()(e).year(),o()(e).month(),o()(e).date(),n,t))})},2186:(e,n,t)=>{t.d(n,{Z:()=>U});var a=t(268),r=t.n(a),i=t(4924),o=t(8879),l=t.n(o),p=t(1948),s=t(906),c=t(1427),m=t(9933),d=t(9984),u=t(1723),g=t(6062),h=t.n(g),f=t(4036),$=t.n(f),b=t(6793),y=t.n(b),v=t(7892),A=t.n(v),x=t(1173),k=t.n(x),w=t(2464),_=t.n(w),C=t(8048),z={};z.styleTagTransform=_(),z.setAttributes=A(),z.insert=y().bind(null,"head"),z.domAPI=$(),z.insertStyleElement=k(),h()(C.Z,z);const B=C.Z&&C.Z.locals?C.Z.locals:void 0,E=function(e){var n=e.date,t=e.count,a=e.isActive,o=e.onClick;return(0,i.useTranslation)().t,r().createElement("div",{tabIndex:0,role:"button",onClick:o,className:"".concat(B.tileContainer,"  ").concat(a&&B.activeWorkloadCard)},r().createElement("div",{className:B.tileHeader},r().createElement("label",{className:B.headerLabel},n)),r().createElement("div",null,r().createElement("label",{className:B.totalsLabel},t)))};var M=t(12),D=t(4055),S={};S.styleTagTransform=_(),S.setAttributes=A(),S.insert=y().bind(null,"head"),S.domAPI=$(),S.insertStyleElement=k(),h()(D.Z,S);const T=D.Z&&D.Z.locals?D.Z.locals:void 0;function I(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}var N=function(e,n){var t,a=(0,c.zF)(),r=(0,m.EN)(new Date(a),e),i=null!==(t=function(e,n){for(var t=new Map([]),a=0;a<=35;a++)t.set(l()(e).add(a,"day").format("YYYY-MM-DD"),0);return n.map((function(e){var n=e.date,a=e.count;t.has(n)&&t.set(n,a)})),Array.from(t).flatMap((function(e){var n=function(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,r,i=[],o=!0,l=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(i.push(a.value),!n||i.length!==n);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw r}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return I(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?I(e,n):void 0}}(e,n)||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.")}()}(e,2);return{date:n[0],count:n[1]}}))}(new Date(a),r))&&void 0!==t?t:[];return"month"===n?i:i.slice(0,7)};function L(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function F(e,n,t,a,r,i,o){try{var l=e[i](o),p=l.value}catch(e){return void t(e)}l.done?n(p):Promise.resolve(p).then(a,r)}function O(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function q(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(n){O(e,n,t[n])}))}return e}function P(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t.push.apply(t,a)}return t}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function G(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,r,i=[],o=!0,l=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(i.push(a.value),!n||i.length!==n);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw r}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return L(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?L(e,n):void 0}}(e,n)||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.")}()}const U=function(e){var n,t,o,g,h=e.appointment,f=e.patientUuid,$=e.context,b=(0,i.useTranslation)().t,y=(0,s.useConfig)(),v=y.appointmentTypes,A=y.appointmentStatuses,x=y.hiddenFormFields,k=function(e,n){var t,a,r,i,o,p,c,m,d,u,g,h=(0,s.useSession)();return{appointmentKind:null!==(i=null==e?void 0:e.appointmentKind)&&void 0!==i?i:"Scheduled",status:null!==(o=null==e?void 0:e.status)&&void 0!==o?o:"Scheduled",serviceUuid:null!==(p=null==e?void 0:e.serviceUuid)&&void 0!==p?p:"",startDateTime:l()(new Date).format("hh:mm"),endDateTime:l()(new Date).format("hh:mm"),providers:null!==(c=null==e?void 0:e.providers)&&void 0!==c?c:[],providerUuid:null!==(m=null===(t=null==e?void 0:e.providers[0])||void 0===t?void 0:t.uuid)&&void 0!==m?m:null==h||null===(a=h.currentProvider)||void 0===a?void 0:a.uuid,comments:null!==(d=null==e?void 0:e.comments)&&void 0!==d?d:"",locationUuid:(null==e?void 0:e.location)?e.location.uuid:null==h||null===(r=h.sessionLocation)||void 0===r?void 0:r.uuid,frequency:"",uuid:null!==(u=null==e?void 0:e.id)&&void 0!==u?u:"",appointmentNumber:null!==(g=null==e?void 0:e.appointmentNumber)&&void 0!==g?g:"",patientUuid:(null==e?void 0:e.patientUuid)?e.patientUuid:n,visitDate:(null==e?void 0:e.dateTime)?new Date(e.dateTime):new Date,timeFormat:(new Date).getHours()>=12?"PM":"AM",isFullDay:!0,day:null==e?void 0:e.dateTime}}(h,f),w=G((0,a.useState)(k),2),_=w[0],C=w[1],z=(0,s.usePatient)(null!=f?f:_.patientUuid),B=z.patient,D=z.isLoading,S=(0,s.useLocations)(),I=function(){var e,n=(0,d.ZP)("/ws/rest/v1/provider",s.openmrsFetch),t=n.data,a=n.error,r=n.isLoading,i=n.isValidating;return{providers:t?null===(e=t.data)||void 0===e?void 0:e.results:[],isLoading:r,isError:a,isValidating:i}}().providers,L=(0,m.Su)().services,O=G((0,a.useState)(!1),2),U=O[0],j=O[1],H=(0,m.EN)(_.visitDate,_.serviceUuid),W=G((0,a.useState)(0),2),Y=W[0],Z=W[1],K=N(_.serviceUuid,0===Y?"week":"month"),X=(0,c.zF)(),J=null==L?void 0:L.find((function(e){return e.uuid===_.serviceUuid})),R=(t=function(){var e,n,t,a,r,i,o;return function(e,n){var t,a,r,i,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,a&&(r=2&i[0]?a.return:i[0]?a.throw||((r=a.return)&&r.call(a),0):a.next)&&!(r=r.call(a,i[1])).done)return r;switch(a=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return o.label++,{value:i[1],done:!1};case 5:o.label++,a=i[1],i=[0];continue;case 7:i=o.ops.pop(),o.trys.pop();continue;default:if(!((r=(r=o.trys).length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){o=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){o.label=i[1];break}if(6===i[0]&&o.label<r[1]){o.label=r[1],r=i;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(i);break}r[2]&&o.ops.pop(),o.trys.pop();continue}i=n.call(e,o)}catch(e){i=[6,e],a=0}finally{t=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}(this,(function(p){return e=G((0,c.A8)(_.startDateTime,_.timeFormat),2),n=e[0],t=e[1],a=(0,m.iW)(_.visitDate,n,t),r=(0,m.iW)(_.visitDate,n,t),i={appointmentKind:_.appointmentKind,status:_.status,serviceUuid:_.serviceUuid,startDateTime:l()(a).format(),endDateTime:l()(r).format(),providerUuid:_.providerUuid,providers:[{uuid:_.providerUuid}],comments:_.comments,locationUuid:_.locationUuid,patientUuid:_.patientUuid,appointmentNumber:_.appointmentNumber,uuid:_.uuid},o=new AbortController,j(!0),(0,m.GB)(i,o).then((function(e){200===e.status&&((0,s.showToast)({critical:!0,kind:"success",description:b("appointmentNowVisible","It is now visible on the Appointments page"),title:b("appointmentScheduled","Appointment scheduled")}),j(!1),(0,d.JG)("/ws/rest/v1/appointment/appointmentStatus?forDate=".concat(X,"&status=Scheduled")),(0,d.JG)("/ws/rest/v1/appointment/appointmentStatus?forDate=".concat(X,"&status=CheckedIn")),(0,d.JG)("/ws/rest/v1/appointment/all?forDate=".concat(X)),(0,u.Km)())}),(function(e){(0,s.showNotification)({title:b("appointmentFormError","Error scheduling appointment"),kind:"error",critical:!0,description:null==e?void 0:e.message}),j(!1)})),[2]}))},o=function(){var e=this,n=arguments;return new Promise((function(a,r){var i=t.apply(e,n);function o(e){F(i,a,r,o,l,"next",e)}function l(e){F(i,a,r,o,l,"throw",e)}o(void 0)}))},function(){return o.apply(this,arguments)});return r().createElement("div",{className:T.formContainer},D?r().createElement(p.N2B,null):r().createElement("div",{className:T.stickyFormHeader},r().createElement(s.ExtensionSlot,{extensionSlotName:"patient-header-slot",state:{patient:B,patientUuid:_.patientUuid}})),r().createElement("div",{className:T.inputContainer,id:"appointment-place"},r().createElement("p",null,b("selectAppointmentLocation","Select where the appointment will take place")),r().createElement(p.GHR,{className:T.inputContainer,"data-testid":"appointment-place"},r().createElement(p.rsf,{value:"facility",id:"facility",text:b("facility","Facility")},b("facility","Facility")),r().createElement(p.rsf,{value:"community",id:"community",text:b("community","Community")},b("community","Community")))),r().createElement(p.PhF,{labelText:b("selectLocation","Select a location"),id:"location",invalidText:"Required",value:_.locationUuid,className:T.inputContainer,onChange:function(e){return C(P(q({},_),{locationUuid:e.target.value}))}},(null==S?void 0:S.length)>0&&S.map((function(e){return r().createElement(p.QlF,{key:e.uuid,text:e.display,value:e.uuid},e.display)}))),r().createElement(p.PhF,{id:"service",invalidText:"Required",labelText:b("selectService","Select a service"),className:T.inputContainer,onChange:function(e){return C(P(q({},_),{serviceUuid:e.target.value}))},value:_.serviceUuid},_.serviceUuid&&"--"!=_.serviceUuid?null:r().createElement(p.QlF,{text:b("chooseService","Select service"),value:""}),(null==L?void 0:L.length)>0&&L.map((function(e){return r().createElement(p.QlF,{key:e.uuid,text:e.name,value:e.uuid},e.name)}))),r().createElement("p",null,b("appointmentDateAndTime","Appointments Date and Time")),r().createElement("div",{className:T.row},r().createElement(p.ZDl,{onToggle:function(e){return C(P(q({},_),{isFullDay:e}))},id:"allDay",labelA:"Off",labelB:"On",labelText:"All Day",defaultToggled:_.isFullDay}),r().createElement(p.Mtg,{dateFormat:"d/m/Y",datePickerType:"single",id:"visitDate",minDate:_.visitDate,className:T.datePickerInput,onChange:function(e){var n=G(e,1)[0];return C(P(q({},_),{visitDate:n}))},value:_.visitDate},r().createElement(p.aj6,{id:"visitStartDateInput",labelText:b("date","Date"),placeholder:"dd/mm/yyyy",style:{width:"100%"}}))),_.isFullDay?null:r().createElement("div",{className:T.row},r().createElement(p.jII,{disabled:!J,className:T.timePickerInput,pattern:"([\\d]+:[\\d]{2})",onChange:function(e){return C(P(q({},_),{startDateTime:e.target.value}))},value:_.endDateTime,labelText:b("startTime","Start Time"),id:"start-time-picker"},r().createElement(p.M6n,{disabled:!J,id:"start-time-picker",onChange:function(e){return C(P(q({},_),{timeFormat:e.target.value}))},value:_.timeFormat,labelText:b("time","Time"),"aria-label":b("time","Time")},r().createElement(p.QlF,{value:"AM",text:"AM"}),r().createElement(p.QlF,{value:"PM",text:"PM"}))),r().createElement(p.jII,{disabled:!J,className:T.timePickerInput,pattern:"([\\d]+:[\\d]{2})",onChange:function(e){return C(P(q({},_),{endDateTime:e.target.value}))},value:_.endDateTime,labelText:b("endTime","End Time"),id:"end-time-picker"},r().createElement(p.M6n,{disabled:!J,id:"end-time-picker",onChange:function(e){return C(P(q({},_),{timeFormat:e.target.value}))},value:_.timeFormat,labelText:b("time","Time"),"aria-label":b("time","Time")},r().createElement(p.QlF,{value:"AM",text:"AM"}),r().createElement(p.QlF,{value:"PM",text:"PM"})))),_.serviceUuid&&r().createElement("div",{className:T.workLoadContainer},r().createElement(r().Fragment,null,r().createElement("p",{className:T.workLoadTitle},b("serviceWorkloadTitle","".concat(null==J?void 0:J.name," clinic work load on the week of ").concat(l()(null!==(g=null===(n=(0,M.Z)(H))||void 0===n?void 0:n.date)&&void 0!==g?g:new Date).format("DD/MM")))),r().createElement(p.mQc,{selectedIndex:Y,onChange:function(e){var n=e.selectedIndex;return Z(n)},className:T.tabs},r().createElement(p.tdY,{style:{paddingLeft:"1rem"}},r().createElement(p.OK9,null,b("weekly","WeeKly")),r().createElement(p.OK9,null,b("monthly","Monthly"))),r().createElement(p.nPR,null,r().createElement(p.x45,{style:{padding:0}},r().createElement("div",{className:T.workLoadCard},null==K?void 0:K.map((function(e,n){var t=e.date,a=e.count;return r().createElement(E,{onClick:function(){return C(P(q({},_),{visitDate:new Date(t)}))},key:t,date:l()(t).format("DD/MM"),count:a,isActive:l()(t).format("DD-MM-YYYY")===l()(_.visitDate).format("DD-MM-YYYY")})})))),r().createElement(p.x45,{style:{padding:0}},r().createElement("div",{className:T.monthlyWorkLoadCard},null==K?void 0:K.map((function(e){var n=e.date,t=e.count;return r().createElement(E,{onClick:function(){return C(P(q({},_),{visitDate:new Date(n)}))},key:n,date:l()(n).format("DD/MM"),count:t,isActive:l()(n).format("DD-MM-YYYY")===l()(_.visitDate).format("DD-MM-YYYY")})})))))))),r().createElement(p.PhF,{id:"appointmentType",invalidText:"Required",labelText:b("selectAppointmentType","Select an appointment type"),className:T.inputContainer,onChange:function(e){return C(P(q({},_),{appointmentKind:e.target.value}))},value:_.appointmentKind},_.appointmentKind&&"--"!=_.appointmentKind?null:r().createElement(p.QlF,{text:b("selectAppointmentType","Select an appointment type"),value:""}),(null==v?void 0:v.length)>0&&v.map((function(e){return r().createElement(p.QlF,{key:e,text:e,value:e},e)}))),"creating"!==$&&r().createElement(p.PhF,{id:"appointmentStatus",invalidText:"Required",labelText:b("selectAppointmentStatus","Select status"),className:T.inputContainer,onChange:function(e){return C(P(q({},_),{status:e.target.value}))},value:_.status},_.status&&"--"!=_.status?null:r().createElement(p.QlF,{text:b("selectAppointmentStatus","Select status"),value:""}),(null==A?void 0:A.length)>0&&A.map((function(e){return r().createElement(p.QlF,{key:e,text:e,value:e},e)}))),r().createElement(p.PhF,{id:"providers",invalidText:"Required",labelText:b("selectProvider","Select a provider"),className:"".concat(T.inputContainer," ").concat(x.includes("providers")&&T.hide),onChange:function(e){C(P(q({},_),{providerUuid:e.target.value}))},value:_.providerUuid},_.providerUuid?null:r().createElement(p.QlF,{text:b("chooseProvider","Select Provider"),value:""}),(null==I?void 0:I.length)>0&&I.map((function(e){return r().createElement(p.QlF,{key:e.uuid,text:e.display,value:e.uuid},e.display)}))),r().createElement("div",{className:T.inputContainer,id:"radio-group"},r().createElement("label",{className:"cds--label"},b("getAppointmentReminder","Would you like to get a reminder about this appointment?")),r().createElement(p.SYO,{defaultSelected:"No",orientation:"vertical",onChange:function(e){},name:"appointment-reminder-radio-group"},r().createElement(p.EUY,{className:T.radioButton,id:"Yes",labelText:"Yes",value:"Yes"}),r().createElement(p.EUY,{className:T.radioButton,id:"No",labelText:"No",value:"No"}))),r().createElement(p.mh4,null,r().createElement(p.Kx8,{cols:50,id:"comment",invalidText:"A valid value is required",labelText:b("comment","Comment"),placeholder:b("typeInComments","Type in appointment comment"),rows:4,value:_.comments,onChange:function(e){return C(P(q({},_),{comments:e.target.value}))}})),r().createElement(p.uVA,null,r().createElement(p.zxk,{onClick:u.Km,className:T.button,kind:"secondary"},b("discard","Discard")),r().createElement(p.zxk,{onClick:R,className:T.button,disabled:U||!_.serviceUuid,kind:"primary",type:"submit"},b("save","Save"))))}},9405:(e,n,t)=>{t.d(n,{Z:()=>M});var a=t(268),r=t.n(a),i=t(4924),o=t(1948),l=t(906),p=t(9933),s=t(1723),c=t(6062),m=t.n(c),d=t(4036),u=t.n(d),g=t(6793),h=t.n(g),f=t(7892),$=t.n(f),b=t(1173),y=t.n(b),v=t(2464),A=t.n(v),x=t(5628),k={};k.styleTagTransform=A(),k.setAttributes=$(),k.insert=h().bind(null,"head"),k.domAPI=u(),k.insertStyleElement=y(),m()(x.Z,k);const w=x.Z&&x.Z.locals?x.Z.locals:void 0;var _=t(9984),C=t(1427);function z(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function B(e,n,t,a,r,i,o){try{var l=e[i](o),p=l.value}catch(e){return void t(e)}l.done?n(p):Promise.resolve(p).then(a,r)}function E(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,r,i=[],o=!0,l=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(i.push(a.value),!n||i.length!==n);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw r}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return z(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?z(e,n):void 0}}(e,n)||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.")}()}const M=function(e){var n=e.appointment,t=(0,i.useTranslation)().t,c=(0,_.kY)().mutate,m=(0,l.usePatient)(n.patientUuid).patient,d=(0,l.useSession)(),u=E((0,a.useState)(n.location),2),g=u[0],h=u[1],f=E((0,a.useState)(""),2),$=f[0],b=f[1],y=(0,C.zF)(),v=E((0,a.useState)(!1),2),A=v[0],x=v[1];(0,a.useEffect)((function(){var e,n;g&&(null==d||null===(e=d.sessionLocation)||void 0===e?void 0:e.uuid)&&h(null==d||null===(n=d.sessionLocation)||void 0===n?void 0:n.uuid)}),[g,d]);var k,z,M=(k=function(){var e;return function(e,n){var t,a,r,i,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,a&&(r=2&i[0]?a.return:i[0]?a.throw||((r=a.return)&&r.call(a),0):a.next)&&!(r=r.call(a,i[1])).done)return r;switch(a=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return o.label++,{value:i[1],done:!1};case 5:o.label++,a=i[1],i=[0];continue;case 7:i=o.ops.pop(),o.trys.pop();continue;default:if(!((r=(r=o.trys).length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){o=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){o.label=i[1];break}if(6===i[0]&&o.label<r[1]){o.label=r[1],r=i;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(i);break}r[2]&&o.ops.pop(),o.trys.pop();continue}i=n.call(e,o)}catch(e){i=[6,e],a=0}finally{t=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}(this,(function(a){switch(a.label){case 0:return e=new AbortController,x(!0),[4,(0,p.v1)("Cancelled",n.id,e)];case 1:return 200===a.sent().status?((0,l.showToast)({critical:!0,kind:"success",description:t("appointmentNowVisible","It has been cancelled successfully"),title:t("appointmentCancelled","Appointment cancelled")}),c("/ws/rest/v1/appointment/appointmentStatus?forDate=".concat(y,"&status=Scheduled")),c("/ws/rest/v1/appointment/appointmentStatus?forDate=".concat(y,"&status=Cancelled")),(0,s.Km)()):((0,l.showNotification)({title:t("appointmentCancelError","Error cancelling appointment"),kind:"error",critical:!0,description:t("errorMessage","Error cancelling the appointment")}),x(!1)),[2]}}))},z=function(){var e=this,n=arguments;return new Promise((function(t,a){var r=k.apply(e,n);function i(e){B(r,t,a,i,o,"next",e)}function o(e){B(r,t,a,i,o,"throw",e)}i(void 0)}))},function(){return z.apply(this,arguments)});return r().createElement("div",{className:w.formContainer},m&&r().createElement(l.ExtensionSlot,{extensionSlotName:"patient-header-slot",state:{patient:m,patientUuid:n.patientUuid}}),r().createElement(o.Kx8,{id:"reason",light:!0,value:$,className:w.inputContainer,labelText:t("reasonForChanges","Reason For Changes"),onChange:function(e){return b(e.target.value)}}),r().createElement("div",{className:w.buttonContainer},r().createElement(o.zxk,{onClick:function(){return(0,s.Km)()},kind:"secondary"},t("discard","Discard")),r().createElement(o.zxk,{onClick:M,disabled:A,kind:"primary",type:"submit"},t("cancelAppointment","Cancel Appointment"))))}},5326:(e,n,t)=>{t.d(n,{aN:()=>h,bP:()=>d,bf:()=>p,g9:()=>s,ny:()=>u,vN:()=>c,xj:()=>g});var a=t(906),r=t(8879),i=t.n(r);function o(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function l(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return o(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var p=function(){var e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=null==n?void 0:n.map((function(e){var n=e.countMap;return{serviceName:e.serviceName,count:n.reduce((function(e,n){return e+n.allAppointmentsCount}),0)}}));return t.find((function(n){return n.count===(e=Math).max.apply(e,l(t.map((function(e){return e.count}))))}))},s=function(e){return e.flatMap((function(e){return{serviceName:e.appointmentService.name,countMap:Object.entries(e.appointmentCountMap).flatMap((function(e){return e[1]}))}}))},c=function(e,n){return e.map((function(e){return Object.entries(e.appointmentCountMap).flatMap((function(e){return e[1][n]}))})).flat(1).reduce((function(e,n){return e+n}),0)};function m(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=n-e,a=Math.floor(t/6e4);return a+"min"}var d=function(e,n){var t,r,i,o,l,p,s,c,d,u,g,h,f,$,b;return{id:null==e?void 0:e.uuid,name:null===(t=e.patient)||void 0===t?void 0:t.name,age:null===(r=e.patient)||void 0===r?void 0:r.birthDate,gender:null===(i=e.patient)||void 0===i?void 0:i.gender,phoneNumber:null===(o=e.patient)||void 0===o?void 0:o.contact,dob:(0,a.formatDate)((0,a.parseDate)(null===(l=e.patient)||void 0===l?void 0:l.birthDate),{mode:"wide"}),patientUuid:null===(p=e.patient)||void 0===p?void 0:p.uuid,dateTime:(h=(0,a.parseDate)(e.startDateTime),f=h.getHours(),$=h.getMinutes(),b=f>=12?"PM":"AM",(f=(f%=12)||12)+":"+($=$<10?"0"+$:$)+" "+b),serviceType:e.service?e.service.name:"--",serviceColor:(null===(s=e.service)||void 0===s?void 0:s.color)?e.service.color:"__",serviceUuid:e.service?e.service.uuid:null,appointmentKind:e.appointmentKind?e.appointmentKind:"--",status:e.status,provider:e.provider?null===(c=e.provider.person)||void 0===c?void 0:c.display:"--",location:e.location?e.location.name:"--",comments:e.comments?e.comments:"--",appointmentNumber:e.appointmentNumber,color:e.service.color,identifier:null===(d=e.patient)||void 0===d?void 0:d.identifier,duration:(null===(u=e.service)||void 0===u?void 0:u.durationMins)?(null==e||null===(g=e.service)||void 0===g?void 0:g.durationMins)+n("minutes","min"):m(e.startDateTime,e.endDateTime),recurring:e.recurring}},u=function(e){var n,t,r,i,o,l,p,s;return{id:e.uuid,name:null===(n=e.patient)||void 0===n?void 0:n.name,age:null===(t=e.patient)||void 0===t?void 0:t.birthDate,gender:null===(r=e.patient)||void 0===r?void 0:r.gender,phoneNumber:null===(i=e.patient)||void 0===i?void 0:i.contact,dob:(0,a.formatDate)((0,a.parseDate)(null===(o=e.patient)||void 0===o?void 0:o.birthDate),{mode:"wide"}),patientUuid:null===(l=e.patient)||void 0===l?void 0:l.uuid,dateTime:e.startDateTime,serviceType:e.service?e.service.name:"--",serviceUuid:e.service?e.service.uuid:null,appointmentKind:e.appointmentKind?e.appointmentKind:"--",status:e.status,provider:e.providers?null===(p=null==e?void 0:e.providers[0])||void 0===p?void 0:p.name:"--",location:e.location?null===(s=e.location)||void 0===s?void 0:s.name:"--",comments:e.comments?e.comments:"--",appointmentNumber:e.appointmentNumber,providers:e.providers,identifier:e.patient.identifier}},g=function(e,n){return e.isSame(n,"month")},h=function(e){for(var n=i()(e).startOf("month"),t=i()(e).endOf("month"),a=i()(e).daysInMonth(),r=i()(e).subtract(1,"month"),o=i()(e).add(1,"month"),l=[],p=r.daysInMonth()-n.day();p<r.daysInMonth();p++)l.push(e.date(p).month(r.month()));for(var s=1;s<=a;s++)l.push(e.date(s));for(var c=l.length>30?7:14,m=1;m<c-t.day();m++)l.push(e.date(m).month(o.month()));return l}},1427:(e,n,t)=>{t.d(n,{es:()=>g,A8:()=>m,g9:()=>a.g9,ny:()=>a.ny,bf:()=>a.bf,vN:()=>a.vN,bP:()=>a.bP,xj:()=>a.xj,zF:()=>h});var a=t(5326),r=t(906),i=t(8879),o=t.n(i),l=t(268),p=t(8179);function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function c(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,r,i=[],o=!0,l=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(i.push(a.value),!n||i.length!==n);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw r}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return s(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(e,n):void 0}}(e,n)||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.")}()}var m=function(e,n){var t=c(null==e?void 0:e.split(":"),2),a=t[0],r=t[1];return"12"===a&&"AM"===n&&(a="00"),"PM"===n&&(a="12"===a?a:parseInt(a,10)+12),[a,r]},d={appointmentDate:o()((new Date).setHours(0,0,0,0)).format(p.J$)};function u(){return(0,r.getGlobalStore)("appointmentStartDate",d)}function g(e){u().setState({appointmentDate:o()(new Date(e).setHours(0,0,0,0)).format(p.J$)})}var h=function(){var e=c((0,l.useState)(d.appointmentDate),2),n=e[0],t=e[1];return(0,l.useEffect)((function(){u().subscribe((function(e){var n=e.appointmentDate;return t(n.toString())}))}),[]),n}},1723:(e,n,t)=>{t.d(n,{I8:()=>p,Ir:()=>c,Km:()=>s});var a=t(906),r=t(268);function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}var o={isOverlayOpen:!1,component:Function,header:""},l=function(){return(0,a.getGlobalStore)("appointment-store",o)},p=function(e,n){l().setState({isOverlayOpen:!0,component:n,header:e})},s=function(){l().setState({component:null,isOverlayOpen:!1})},c=function(){var e,n,t=(e=(0,r.useState)(),n=2,function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,r,i=[],o=!0,l=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(i.push(a.value),!n||i.length!==n);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw r}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return i(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,n):void 0}}(e,n)||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.")}()),a=t[0],o=t[1];return(0,r.useEffect)((function(){var e=function(e){o(e)};e(l().getState()),l().subscribe(e)}),[]),{isOverlayOpen:null==a?void 0:a.isOverlayOpen,component:null==a?void 0:a.component,header:null==a?void 0:a.header}}},5320:(e,n,t)=>{t.d(n,{Z:()=>w});var a=t(268),r=t.n(a),i=t(906),o=t(6062),l=t.n(o),p=t(4036),s=t.n(p),c=t(6793),m=t.n(c),d=t(7892),u=t.n(d),g=t(1173),h=t.n(g),f=t(2464),$=t.n(f),b=t(6020),y={};y.styleTagTransform=$(),y.setAttributes=u(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=h(),l()(b.Z,y);const v=b.Z&&b.Z.locals?b.Z.locals:void 0;var A=t(1723),x=t(4924),k=t(2186);const w=function(){var e=(0,x.useTranslation)().t;return r().createElement("div",{className:"omrs-main-content"},r().createElement("span",{className:v.searchBarWrapper},r().createElement(i.ExtensionSlot,{extensionSlotName:"patient-search-bar-slot",state:{selectPatientAction:function(n){(0,A.Km)(),(0,A.I8)(e("appointmentForm","Create Appointment"),r().createElement(k.Z,{patientUuid:n.uuid,context:"creating"}))},buttonProps:{kind:"primary"}}})))}}}]);