@openmrs/esm-login-app 3.2.0 → 3.2.1-pre.1015

package/dist/309.js

@@ -1,2 +1,2 @@
-(self.webpackChunk_openmrs_esm_login_app=self.webpackChunk_openmrs_esm_login_app||[]).push([[309,216],{7024:(e,n,t)=>{"use strict";function i(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function r(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?i(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function o(e,n){if(null==e)return{};var t,i,r=function(e,n){if(null==e)return{};var t,i,r={},a=Object.keys(e);for(i=0;i<a.length;i++)t=a[i],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)t=a[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}t.d(n,{u9:()=>c});var p=["width","height","viewBox"],s=["tabindex"],l={focusable:"false",preserveAspectRatio:"xMidYMid meet"};function c(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.width,t=e.height,i=e.viewBox,a=void 0===i?"0 0 ".concat(n," ").concat(t):i,c=o(e,p),m=c.tabindex,g=o(c,s),h=r(r(r({},l),g),{},{width:n,height:t,viewBox:a});return h["aria-label"]||h["aria-labelledby"]||h.title?(h.role="img",null!=m&&(h.focusable="true",h.tabindex=m)):h["aria-hidden"]=!0,h}},8251:(e,n,t)=>{"use strict";t.d(n,{I:()=>h,_:()=>g,a:()=>l});var i=t(7024),r=t(216),a=t.n(r),o=t(6983),p=t.n(o);function s(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function l(){return(l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}function c(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function m(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?c(Object(t),!0).forEach((function(n){s(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):c(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function g(e,n){if(null==e)return{};var t,i,r=function(e,n){if(null==e)return{};var t,i,r={},a=Object.keys(e);for(i=0;i<a.length;i++)t=a[i],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)t=a[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var h=p().forwardRef((function(e,n){var t=e.className,r=e.children,a=e.tabIndex,o=g(e,["className","children","tabIndex"]),s=(0,i.u9)(m(m({},o),{},{tabindex:a})),l=s.tabindex,c=g(s,["tabindex"]);return t&&(c.className=t),null!=l&&(c.tabIndex=l),n&&(c.ref=n),p().createElement("svg",c,r)}));h.displayName="Icon",h.propTypes={"aria-hidden":a().string,"aria-label":a().string,"aria-labelledby":a().string,children:a().node,className:a().string,height:a().number,preserveAspectRatio:a().string,tabIndex:a().string,viewBox:a().string,width:a().number,xmlns:a().string},h.defaultProps={xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid meet"}},309:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>H});var i=t(6983),r=t.n(i),a=t(487),o=t.n(a),p=t(631),s=t.n(p),l=t(2052),c=t.n(l),m=t(4010),g=t.n(m),h=t(1469),u=t.n(h),d=t(9329),$=t.n(d),f=t(1188),b={};b.styleTagTransform=$(),b.setAttributes=g(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=u(),o()(f.Z,b);const y=f.Z&&f.Z.locals?f.Z.locals:void 0;var v=t(8251),_=(t(216),r().createElement("path",{d:"M14 4L12.9 5.1 18.9 11.2 2 11.2 2 12.8 18.9 12.8 12.9 18.9 14 20 22 12z"}));const x=r().forwardRef((function(e,n){var t=e.children,i=(0,v._)(e,["children"]);return r().createElement(v.I,(0,v.a)({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),_,t)}));var A=t(9784),C=t(2680),w=t(7657);const k=r().createContext({current:void 0,setCurrent(){}});function B(){return(0,i.useContext)(k).current}const z=({children:e})=>{const[n,t]=(0,i.useState)({current:void 0,loading:!0}),a=(0,i.useMemo)((()=>({current:n.current,setCurrent:e=>t((n=>({...n,current:e})))})),[n]);return(0,i.useEffect)((()=>{const e=(0,w.getCurrentUser)({includeAuthStatus:!0}).subscribe((({user:e})=>t({current:e,loading:!1})));return()=>e.unsubscribe()}),[]),r().createElement(k.Provider,{value:a},!n.loading&&e)},L={height:0,width:0,border:0,padding:0},E=({history:e,location:n,isLoginEnabled:t})=>{const a=(0,w.useConfig)(),o=B(),[p,s]=(0,i.useState)(""),[l,c]=(0,i.useState)(""),[m,g]=(0,i.useState)(""),h=(0,i.useRef)(null),u=(0,i.useRef)(null),d=(0,i.useRef)(null),[$]=(0,C.useTranslation)(),f="/login/confirm"===n.pathname;(0,i.useEffect)((()=>{o?e.push("/login/location",n.state):p||"/login/confirm"!==n.pathname||e.replace("/login",n.state)}),[o,p,e,n]),(0,i.useEffect)((()=>{const e=f?h.current:u.current;e&&e.focus()}),[f]),(0,i.useEffect)((()=>{if(!o&&"oauth2"===a.provider.type){const e=a.provider.loginUrl;window.location.href=e}}),[a,o]);const b=(0,i.useCallback)((()=>{const t=u.current;t.value.length>0?e.push("/login/confirm",n.state):t.focus()}),[e]),v=(0,i.useCallback)((e=>s(e.target.value)),[]),_=(0,i.useCallback)((e=>c(e.target.value)),[]),k=(0,i.useCallback)((()=>{s(""),c("")}),[]),z=(0,i.useCallback)((async e=>{if(e.preventDefault(),e.stopPropagation(),!f)return b(),!1;try{const e=(await function(e,n){const t=window.btoa(`${e}:${n}`);return(0,w.openmrsFetch)("/ws/rest/v1/session",{headers:{Authorization:`Basic ${t}`}}).then((e=>((0,w.refetchCurrentUser)(),e)))}(p,l)).data;if(!e||!e.authenticated)throw new Error("invalidCredentials")}catch(e){g(e.message),k()}return!1}),[b,k,f,p,l]),E=a.logo.src?r().createElement("img",{src:(0,w.interpolateUrl)(a.logo.src),alt:a.logo.alt,className:y["logo-img"]}):r().createElement("svg",{role:"img",className:y.logo},r().createElement("use",{xlinkHref:"#omrs-logo-full-color"}));return"basic"===a.provider.type?r().createElement("div",{className:`canvas ${y.container}`},m&&r().createElement(A.InlineNotification,{kind:"error",style:{width:"23rem"},subtitle:$(m),title:$("error","Error"),onClick:()=>g("")}),r().createElement("div",{className:`omrs-card ${y["login-card"]}`},r().createElement("div",{className:y.center},E),r().createElement("form",{onSubmit:z,ref:d},!f&&r().createElement("div",{className:y["input-group"]},r().createElement(A.TextInput,{id:"username",type:"text",name:"username",labelText:$("username","Username"),className:y.inputStyle,value:p,onChange:v,ref:u,autoFocus:!0,required:!0}),r().createElement("input",{id:"password",style:L,type:"password",name:"password",value:l,onChange:_}),r().createElement(A.Button,{className:y.continueButton,renderIcon:x,type:"submit",iconDescription:"Next",onClick:b,disabled:!t},$("continue","Continue"))),f&&r().createElement("div",{className:y["input-group"]},r().createElement("input",{id:"username",type:"text",name:"username",style:L,value:p,onChange:v,required:!0}),r().createElement(A.TextInput.PasswordInput,{id:"password",invalidText:$("validValueRequired","A valid value is required"),labelText:$("password","Password"),name:"password",className:y.inputStyle,value:l,onChange:_,ref:h,required:!0,showPasswordLabel:"Show password"}),r().createElement(A.Button,{"aria-label":"submit",type:"submit",className:y.continueButton,renderIcon:x,iconDescription:"Next",disabled:!t},$("login","Log in"))))),r().createElement("div",{className:y["need-help"]},r().createElement("p",{className:y["need-help-txt"]},$("needHelp","Need help?"),r().createElement(A.Button,{kind:"ghost"},$("contactAdmin","Contact the site administrator")))),r().createElement("div",{className:y.footer},r().createElement("p",{className:y["powered-by-txt"]},$("poweredBy","Powered by")),r().createElement("div",null,r().createElement("svg",{role:"img",className:y["powered-by-logo"]},r().createElement("use",{xlinkHref:"#omrs-logo-partial-mono"}))))):null};var q=t(533),O={};O.styleTagTransform=$(),O.setAttributes=g(),O.insert=c().bind(null,"head"),O.domAPI=s(),O.insertStyleElement=u(),o()(q.Z,O);const S=q.Z&&q.Z.locals?q.Z.locals:void 0,M=()=>r().createElement("div",{className:S.centerLoadingSVG},r().createElement(A.Loading,{description:"Active loading indicator",withOverlay:!1,small:!0}));var P=t(5747);function j(e,n=new AbortController,t){return function(e,n,t){const i=`${w.fhirBaseUrl}/Location?name=${e}`,r=t?i.concat("&_tag=login location"):i;return(0,w.openmrsFetch)(r,{method:"GET",signal:n.signal})}(e,n,t).then((e=>e.data.entry))}const I=({location:e,isLoginEnabled:n})=>{var t;const a=new URLSearchParams(null==e?void 0:e.search).get("returnToUrl"),o=null==e||null===(t=e.state)||void 0===t?void 0:t.referrer,p=(0,w.useConfig)(),s=B(),[l,c]=(0,i.useState)(null),[m,g]=(0,i.useState)(!0),h=(0,i.useCallback)((e=>{(e?(0,w.setSessionLocation)(e,new AbortController):Promise.resolve()).then((()=>{o&&"/"!==o&&(0,w.navigate)({to:"${openmrsSpaBase}"+o}),a&&"/"!==a?(0,w.navigate)({to:a}):(0,w.navigate)({to:p.links.loginSuccess})}))}),[o,p.links.loginSuccess,a]);return(0,i.useEffect)((()=>{if(n){const e=new AbortController;return j("",e,p.chooseLocation.useLoginLocationTag).then((e=>c(e))),()=>e.abort()}}),[n]),(0,i.useEffect)((()=>{var e;l&&(!p.chooseLocation.enabled||l.length<2?h(null===(e=l[0])||void 0===e?void 0:e.resource.id):g(!1))}),[l,s,h,p.chooseLocation.enabled]),m&&n?r().createElement(M,null):r().createElement(P.default,{currentUser:s.display,loginLocations:null!=l?l:[],onChangeLocation:h,searchLocations:j,isLoginEnabled:n})},T=({isLoginEnabled:e})=>{const n=(0,w.useConfig)(),t=B();return(0,i.useEffect)((()=>{t&&e?(0,w.openmrsFetch)("/ws/rest/v1/session",{method:"DELETE"}).then(w.refetchCurrentUser).then((()=>{"oauth2"===n.provider.type?location.href=n.provider.logoutUrl:location.href=window.spaBase})):(0,w.navigate)({to:"${openmrsSpaBase}/login"})}),[e,t,n]),null};var D=t(2268);function N(){return(N=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}const H=({isLoginEnabled:e})=>r().createElement(z,null,r().createElement(D.BrowserRouter,{basename:window.spaBase},r().createElement(D.Route,{exact:!0,path:"/login(/confirm)?",render:n=>r().createElement(E,N({},n,{isLoginEnabled:e}))}),r().createElement(D.Route,{exact:!0,path:"/login/location",render:n=>r().createElement(I,N({},n,{isLoginEnabled:e}))}),r().createElement(D.Route,{exact:!0,path:"/logout",render:n=>r().createElement(T,N({},n,{isLoginEnabled:e}))})))},533:(e,n,t)=>{"use strict";t.d(n,{Z:()=>p});var i=t(9233),r=t.n(i),a=t(361),o=t.n(a)()(r());o.push([e.id,".-esm-login__loading-component__centerLoadingSVG___3MwDA{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}","",{version:3,sources:["webpack://./src/loading/loading.component.scss"],names:[],mappings:"AAAA,yDACE,YAAA,CACA,WAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA",sourcesContent:[".centerLoadingSVG {\n  display: flex;\n  width: 100vw;\n  height: 100vh;\n  justify-content: center;\n  align-items: center;\n}\n"],sourceRoot:""}]),o.locals={centerLoadingSVG:"-esm-login__loading-component__centerLoadingSVG___3MwDA"};const p=o},1188:(e,n,t)=>{"use strict";t.d(n,{Z:()=>p});var i=t(9233),r=t.n(i),a=t(361),o=t.n(a)()(r());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-login__styles__productiveHeading01___3_NbA{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-login__styles__productiveHeading02___1vvQA{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-login__styles__productiveHeading03___1PNge{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-login__styles__productiveHeading04___16QX1{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-login__styles__productiveHeading05___3jvKN{font-size:2rem;font-weight:400;line-height:1.25;letter-spacing:0}.-esm-login__styles__productiveHeading06___uuT-r{font-size:2rem;font-weight:300;line-height:1.199;letter-spacing:0}.-esm-login__styles__bodyShort01___tDTBf,.-esm-login__styles__contact-administrator-need-help___2K8_U,.-esm-login__styles__need-help-txt___2e0xC{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-login__styles__bodyShort02___18nuW{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0}.-esm-login__styles__bodyLong01___3MymU{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-login__styles__bodyLong02___15Zf6{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:0}.-esm-login__styles__label01___375j-,.-esm-login__styles__inputStyle___bmmPH{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-login__styles__caption01___Murnp,.-esm-login__styles__powered-by-txt___mx0m4{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-login__styles__helperText01___XfUP6{font-size:.75rem;line-height:1.34;letter-spacing:.32px}.-esm-login__styles__text01___3-Qy0{color:#161616}.-esm-login__styles__text02___1AwYl{color:#525252}.-esm-login__styles__container___1epao{display:flex;flex-direction:column;justify-content:center;align-items:center}.-esm-login__styles__center___1ICpH{text-align:center}.-esm-login__styles__right___5a6OU{text-align:right}.-esm-login__styles__logo___1unnX{margin-bottom:2.5rem;height:5rem;width:13rem}.-esm-login__styles__logo-img___3KLpR{margin-bottom:3rem;max-width:100%}.-esm-login__styles__icon-btn___PGiOG{cursor:pointer}.-esm-login__styles__error-msg___2E8Lp{margin-top:1rem;color:var(--omrs-color-danger)}.-esm-login__styles__powered-by-txt___mx0m4{text-align:center;color:var(--omrs-color-ink-low-contrast);color:#525252}.-esm-login__styles__need-help___2IE2e{display:flex;width:23rem}.-esm-login__styles__need-help-txt___2e0xC{text-align:left;color:#525252;display:flex;flex-direction:row;align-items:center}.-esm-login__styles__contact-administrator-need-help___2K8_U{padding-left:.5rem}.-esm-login__styles__powered-by-logo___1PX9o{height:2.5rem;width:6.5rem}.-esm-login__styles__login-card___3343A{border-radius:0;width:23rem;padding:2.5rem}@media only screen and (min-width: 481px){.-esm-login__styles__container___1epao{height:100vh}}@media only screen and (max-width: 480px){.-esm-login__styles__login-card___3343A{margin-top:2.5%;border:none}.-esm-login__styles__container___1epao{height:100vh}}.-esm-login__styles__card-content___1wzat{border:none;padding:.625rem .25rem .625rem 1rem;border-radius:0}.-esm-login__styles__card___MC5Np{width:21.75rem;margin:.5rem 1rem}.-esm-login__styles__input-group___28twW{display:flex;justify-content:center;flex-direction:column;align-items:center;width:18rem}.-esm-login__styles__continueButton___1PuCj{margin-top:1.5rem;width:18rem}.-esm-login__styles__inputStyle___bmmPH{width:18rem;height:3rem}.-esm-login__styles__footer___2vmgx{margin-top:6.75rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss","webpack://./src/styles.scss"],names:[],mappings:"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCtCF,iDCygBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD1rB1B,iDCqgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDtrB1B,iDCigBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDlrB1B,iDC6fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CD9qB1B,iDCyfI,cAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CD1qB1B,iDCqfI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDtqB1B,iJCifI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDlqB1B,yCC6eI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CD9pB1B,wCCyeI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD1pB1B,wCCqeI,cAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDtpB1B,6ECieI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDlpB1B,mFC6dI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD9oB1B,0CCydI,gBAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD1oB1B,oCACE,aETU,CFYZ,oCACE,aEZU,CCjDZ,uCACE,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CAGF,oCACE,iBAAA,CAGF,mCACE,gBAAA,CAGF,kCACE,oBAAA,CACA,WAAA,CACA,WAAA,CAGF,sCACE,kBAAA,CACA,cAAA,CAGF,sCACE,cAAA,CAGF,uCACE,eAAA,CACA,8BAAA,CAGF,4CAEE,iBAAA,CACA,wCAAA,CACA,aDUU,CCPZ,uCACE,YAAA,CACA,WAAA,CAGF,2CAEE,eAAA,CACA,aDDU,CCEV,YAAA,CACA,kBAAA,CACA,kBAAA,CAGF,6DAEE,kBAAA,CAGF,6CACE,aAAA,CACA,YAAA,CAGF,wCACE,eAAA,CACA,WAAA,CACA,cAAA,CAGF,0CACE,uCACE,YAAA,CAAA,CAIJ,0CACE,wCACE,eAAA,CACA,WAAA,CAGF,uCACE,YAAA,CAAA,CAIJ,0CACE,WAAA,CACA,mCAAA,CACA,eAAA,CAGF,kCACE,cAAA,CACA,iBAAA,CAGF,yCACE,YAAA,CACA,sBAAA,CACA,qBAAA,CACA,kBAAA,CACA,WAAA,CAGF,4CACE,iBAAA,CACA,WAAA,CAGF,wCAEE,WAAA,CACA,WAAA,CAGF,oCACE,kBAAA",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@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: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/styles";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/layout";\n@import "~@openmrs/esm-styleguide/src/vars";\n@import "carbon-components/scss/globals/scss/typography.scss";\n\n.productiveHeading01 {\n  @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n  @include carbon--type-style("productive-heading-02");\n}\n\n.productiveHeading03 {\n  @include carbon--type-style("productive-heading-03");\n}\n\n.productiveHeading04 {\n  @include carbon--type-style("productive-heading-04");\n}\n\n.productiveHeading05 {\n  @include carbon--type-style("productive-heading-05");\n}\n\n.productiveHeading06 {\n  @include carbon--type-style("productive-heading-06");\n}\n\n.bodyShort01 {\n  @include carbon--type-style("body-short-01");\n}\n\n.bodyShort02 {\n  @include carbon--type-style("body-short-02");\n}\n\n.bodyLong01 {\n  @include carbon--type-style("body-long-01");\n}\n\n.bodyLong02 {\n  @include carbon--type-style("body-long-02");\n}\n\n.label01 {\n  @include carbon--type-style("label-01");\n}\n\n.caption01 {\n  @include carbon--type-style("caption-01");\n}\n\n.helperText01 {\n  @include carbon--type-style("helper-text-01");\n}\n\n.text01 {\n  color: $text-01;\n}\n\n.text02 {\n  color: $text-02;\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/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$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$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$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  label-01: $label-01,\n  helper-text-01: $helper-text-01,\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  @return $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 [$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  @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, $token);\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","// 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  $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  $label-01: map-get($theme, 'label-01') !global;\n  $helper-text-01: map-get($theme, 'helper-text-01') !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  $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  $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  $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') 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    $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    $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    $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($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($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(\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      '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(\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      '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      '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",'@import "./root.scss";\n\n.container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.center {\n  text-align: center;\n}\n\n.right {\n  text-align: right;\n}\n\n.logo {\n  margin-bottom: 2.5rem;\n  height: 5rem;\n  width: 13rem;\n}\n\n.logo-img {\n  margin-bottom: 3rem;\n  max-width: 100%;\n}\n\n.icon-btn {\n  cursor: pointer;\n}\n\n.error-msg {\n  margin-top: 1rem;\n  color: var(--omrs-color-danger);\n}\n\n.powered-by-txt {\n  @extend .caption01;\n  text-align: center;\n  color: var(--omrs-color-ink-low-contrast);\n  color: $text-02;\n}\n\n.need-help {\n  display: flex;\n  width: 23rem;\n}\n\n.need-help-txt {\n  @extend .bodyShort01;\n  text-align: left;\n  color: $text-02;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.contact-administrator-need-help {\n  @extend .bodyShort01;\n  padding-left: 0.5rem;\n}\n\n.powered-by-logo {\n  height: 2.5rem;\n  width: 6.5rem;\n}\n\n.login-card {\n  border-radius: 0;\n  width: 23rem;\n  padding: 2.5rem;\n}\n\n@media only screen and (min-width: 481px) {\n  .container {\n    height: 100vh;\n  }\n}\n\n@media only screen and (max-width: 480px) {\n  .login-card {\n    margin-top: 2.5%;\n    border: none;\n  }\n\n  .container {\n    height: 100vh;\n  }\n}\n\n.card-content {\n  border: none;\n  padding: 0.625rem 0.25rem 0.625rem 1rem;\n  border-radius: 0;\n}\n\n.card {\n  width: 21.75rem;\n  margin: 0.5rem 1rem;\n}\n\n.input-group {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  width: 18rem;\n}\n\n.continueButton {\n  margin-top: 1.5rem;\n  width: 18rem;\n}\n\n.inputStyle {\n  @extend .label01;\n  width: 18rem;\n  height: 3rem;\n}\n\n.footer {\n  margin-top: 6.75rem;\n}\n'],sourceRoot:""}]),o.locals={productiveHeading01:"-esm-login__styles__productiveHeading01___3_NbA",productiveHeading02:"-esm-login__styles__productiveHeading02___1vvQA",productiveHeading03:"-esm-login__styles__productiveHeading03___1PNge",productiveHeading04:"-esm-login__styles__productiveHeading04___16QX1",productiveHeading05:"-esm-login__styles__productiveHeading05___3jvKN",productiveHeading06:"-esm-login__styles__productiveHeading06___uuT-r",bodyShort01:"-esm-login__styles__bodyShort01___tDTBf","contact-administrator-need-help":"-esm-login__styles__contact-administrator-need-help___2K8_U","need-help-txt":"-esm-login__styles__need-help-txt___2e0xC",bodyShort02:"-esm-login__styles__bodyShort02___18nuW",bodyLong01:"-esm-login__styles__bodyLong01___3MymU",bodyLong02:"-esm-login__styles__bodyLong02___15Zf6",label01:"-esm-login__styles__label01___375j-",inputStyle:"-esm-login__styles__inputStyle___bmmPH",caption01:"-esm-login__styles__caption01___Murnp","powered-by-txt":"-esm-login__styles__powered-by-txt___mx0m4",helperText01:"-esm-login__styles__helperText01___XfUP6",text01:"-esm-login__styles__text01___3-Qy0",text02:"-esm-login__styles__text02___1AwYl",container:"-esm-login__styles__container___1epao",center:"-esm-login__styles__center___1ICpH",right:"-esm-login__styles__right___5a6OU",logo:"-esm-login__styles__logo___1unnX","logo-img":"-esm-login__styles__logo-img___3KLpR","icon-btn":"-esm-login__styles__icon-btn___PGiOG","error-msg":"-esm-login__styles__error-msg___2E8Lp","need-help":"-esm-login__styles__need-help___2IE2e","powered-by-logo":"-esm-login__styles__powered-by-logo___1PX9o","login-card":"-esm-login__styles__login-card___3343A","card-content":"-esm-login__styles__card-content___1wzat",card:"-esm-login__styles__card___MC5Np","input-group":"-esm-login__styles__input-group___28twW",continueButton:"-esm-login__styles__continueButton___1PuCj",footer:"-esm-login__styles__footer___2vmgx"};const p=o},459:(e,n,t)=>{"use strict";var i=t(5704);function r(){}function a(){}a.resetWarningCache=r,e.exports=function(){function e(e,n,t,r,a,o){if(o!==i){var p=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw p.name="Invariant Violation",p}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:a,resetWarningCache:r};return t.PropTypes=t,t}},216:(e,n,t)=>{e.exports=t(459)()},5704:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}}]);
+(self.webpackChunk_openmrs_esm_login_app=self.webpackChunk_openmrs_esm_login_app||[]).push([[309,216],{7024:(e,n,t)=>{"use strict";function i(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function r(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?i(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function o(e,n){if(null==e)return{};var t,i,r=function(e,n){if(null==e)return{};var t,i,r={},a=Object.keys(e);for(i=0;i<a.length;i++)t=a[i],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)t=a[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}t.d(n,{u9:()=>c});var p=["width","height","viewBox"],s=["tabindex"],l={focusable:"false",preserveAspectRatio:"xMidYMid meet"};function c(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.width,t=e.height,i=e.viewBox,a=void 0===i?"0 0 ".concat(n," ").concat(t):i,c=o(e,p),m=c.tabindex,g=o(c,s),h=r(r(r({},l),g),{},{width:n,height:t,viewBox:a});return h["aria-label"]||h["aria-labelledby"]||h.title?(h.role="img",null!=m&&(h.focusable="true",h.tabindex=m)):h["aria-hidden"]=!0,h}},8251:(e,n,t)=>{"use strict";t.d(n,{I:()=>h,_:()=>g,a:()=>l});var i=t(7024),r=t(216),a=t.n(r),o=t(6983),p=t.n(o);function s(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function l(){return l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},l.apply(this,arguments)}function c(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function m(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?c(Object(t),!0).forEach((function(n){s(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):c(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function g(e,n){if(null==e)return{};var t,i,r=function(e,n){if(null==e)return{};var t,i,r={},a=Object.keys(e);for(i=0;i<a.length;i++)t=a[i],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)t=a[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var h=p().forwardRef((function(e,n){var t=e.className,r=e.children,a=e.tabIndex,o=g(e,["className","children","tabIndex"]),s=(0,i.u9)(m(m({},o),{},{tabindex:a})),l=s.tabindex,c=g(s,["tabindex"]);return t&&(c.className=t),null!=l&&(c.tabIndex=l),n&&(c.ref=n),p().createElement("svg",c,r)}));h.displayName="Icon",h.propTypes={"aria-hidden":a().string,"aria-label":a().string,"aria-labelledby":a().string,children:a().node,className:a().string,height:a().number,preserveAspectRatio:a().string,tabIndex:a().string,viewBox:a().string,width:a().number,xmlns:a().string},h.defaultProps={xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid meet"}},309:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>N});var i=t(6983),r=t.n(i),a=t(487),o=t.n(a),p=t(631),s=t.n(p),l=t(2052),c=t.n(l),m=t(4010),g=t.n(m),h=t(1469),u=t.n(h),d=t(9329),$=t.n(d),f=t(1188),b={};b.styleTagTransform=$(),b.setAttributes=g(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=u(),o()(f.Z,b);const y=f.Z&&f.Z.locals?f.Z.locals:void 0;var v=t(8251),_=r().createElement("path",{d:"M14 4L12.9 5.1 18.9 11.2 2 11.2 2 12.8 18.9 12.8 12.9 18.9 14 20 22 12z"});const x=r().forwardRef((function(e,n){var t=e.children,i=(0,v._)(e,["children"]);return r().createElement(v.I,(0,v.a)({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),_,t)}));var A=t(9784),w=t(2680),C=t(7657);const k=r().createContext({current:void 0,setCurrent(){}});function B(){return(0,i.useContext)(k).current}const L=e=>{let{children:n}=e;const[t,a]=(0,i.useState)({current:void 0,loading:!0}),o=(0,i.useMemo)((()=>({current:t.current,setCurrent:e=>a((n=>({...n,current:e})))})),[t]);return(0,i.useEffect)((()=>{const e=(0,C.getCurrentUser)({includeAuthStatus:!0}).subscribe((e=>{let{user:n}=e;return a({current:n,loading:!1})}));return()=>e.unsubscribe()}),[]),r().createElement(k.Provider,{value:o},!t.loading&&n)},z={height:0,width:0,border:0,padding:0},E=e=>{let{history:n,location:t,isLoginEnabled:a}=e;const o=(0,C.useConfig)(),p=B(),[s,l]=(0,i.useState)(""),[c,m]=(0,i.useState)(""),[g,h]=(0,i.useState)(""),u=(0,i.useRef)(null),d=(0,i.useRef)(null),$=(0,i.useRef)(null),[f]=(0,w.useTranslation)(),b="/login/confirm"===t.pathname;(0,i.useEffect)((()=>{p?n.push("/login/location",t.state):s||"/login/confirm"!==t.pathname||n.replace("/login",t.state)}),[p,s,n,t]),(0,i.useEffect)((()=>{const e=b?u.current:d.current;e&&e.focus()}),[b]),(0,i.useEffect)((()=>{if(!p&&"oauth2"===o.provider.type){const e=o.provider.loginUrl;window.location.href=e}}),[o,p]);const v=(0,i.useCallback)((()=>{const e=d.current;e.value.length>0?n.push("/login/confirm",t.state):e.focus()}),[n]),_=(0,i.useCallback)((e=>l(e.target.value)),[]),k=(0,i.useCallback)((e=>m(e.target.value)),[]),L=(0,i.useCallback)((()=>{l(""),m("")}),[]),E=(0,i.useCallback)((async e=>{if(e.preventDefault(),e.stopPropagation(),!b)return v(),!1;try{const e=await function(e,n){const t=window.btoa(`${e}:${n}`);return(0,C.openmrsFetch)("/ws/rest/v1/session",{headers:{Authorization:`Basic ${t}`}}).then((e=>((0,C.refetchCurrentUser)(),e)))}(s,c),n=e.data;if(!n||!n.authenticated)throw new Error("invalidCredentials")}catch(e){h(e.message),L()}return!1}),[v,L,b,s,c]),O=o.logo.src?r().createElement("img",{src:(0,C.interpolateUrl)(o.logo.src),alt:o.logo.alt,className:y["logo-img"]}):r().createElement("svg",{role:"img",className:y.logo},r().createElement("title",null,"OpenMRS logo"),r().createElement("use",{xlinkHref:"#omrs-logo-full-color"}));return"basic"===o.provider.type?r().createElement("div",{className:`canvas ${y.container}`},g&&r().createElement(A.InlineNotification,{kind:"error",style:{width:"23rem"},subtitle:f(g),title:f("error","Error"),onClick:()=>h("")}),r().createElement("div",{className:`omrs-card ${y["login-card"]}`},r().createElement("div",{className:y.center},O),r().createElement("form",{onSubmit:E,ref:$},!b&&r().createElement("div",{className:y["input-group"]},r().createElement(A.TextInput,{id:"username",type:"text",name:"username",labelText:f("username","Username"),className:y.inputStyle,value:s,onChange:_,ref:d,autoFocus:!0,required:!0}),r().createElement("input",{id:"password",style:z,type:"password",name:"password",value:c,onChange:k}),r().createElement(A.Button,{className:y.continueButton,renderIcon:x,type:"submit",iconDescription:"Next",onClick:v,disabled:!a},f("continue","Continue"))),b&&r().createElement("div",{className:y["input-group"]},r().createElement("input",{id:"username",type:"text",name:"username",style:z,value:s,onChange:_,required:!0}),r().createElement(A.TextInput.PasswordInput,{id:"password",invalidText:f("validValueRequired","A valid value is required"),labelText:f("password","Password"),name:"password",className:y.inputStyle,value:c,onChange:k,ref:u,required:!0,showPasswordLabel:"Show password"}),r().createElement(A.Button,{"aria-label":"submit",type:"submit",className:y.continueButton,renderIcon:x,iconDescription:"Next",disabled:!a},f("login","Log in"))))),r().createElement("div",{className:y["need-help"]},r().createElement("p",{className:y["need-help-txt"]},f("needHelp","Need help?"),r().createElement(A.Button,{kind:"ghost"},f("contactAdmin","Contact the site administrator")))),r().createElement("div",{className:y.footer},r().createElement("p",{className:y["powered-by-txt"]},f("poweredBy","Powered by")),r().createElement("div",null,r().createElement("svg",{role:"img",className:y["powered-by-logo"]},r().createElement("use",{xlinkHref:"#omrs-logo-partial-mono"}))))):null};var O=t(533),q={};q.styleTagTransform=$(),q.setAttributes=g(),q.insert=c().bind(null,"head"),q.domAPI=s(),q.insertStyleElement=u(),o()(O.Z,q);const S=O.Z&&O.Z.locals?O.Z.locals:void 0,M=()=>r().createElement("div",{className:S.centerLoadingSVG},r().createElement(A.Loading,{description:"Active loading indicator",withOverlay:!1,small:!0}));var I=t(5747);function j(e,n,t){const i=`${C.fhirBaseUrl}/Location?name=${e}`,r=t?i.concat("&_tag=login location"):i;return(0,C.openmrsFetch)(r,{method:"GET",signal:n.signal})}function D(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new AbortController,t=arguments.length>2?arguments[2]:void 0;return j(e,n,t).then((e=>e.data.entry))}const P=e=>{let{location:n,isLoginEnabled:t}=e;const a=new URLSearchParams(n?.search).get("returnToUrl"),o=n?.state?.referrer,p=(0,C.useConfig)(),s=B(),[l,c]=(0,i.useState)(null),[m,g]=(0,i.useState)(!0),h=(0,i.useCallback)((e=>{(e?(0,C.setSessionLocation)(e,new AbortController):Promise.resolve()).then((()=>{o&&"/"!==o&&(0,C.navigate)({to:"${openmrsSpaBase}"+o}),a&&"/"!==a?(0,C.navigate)({to:a}):(0,C.navigate)({to:p.links.loginSuccess})}))}),[o,p.links.loginSuccess,a]);return(0,i.useEffect)((()=>{if(t){const e=new AbortController;return D("",e,p.chooseLocation.useLoginLocationTag).then((e=>c(e))),()=>e.abort()}}),[t]),(0,i.useEffect)((()=>{l&&(!p.chooseLocation.enabled||l.length<2?h(l[0]?.resource.id):g(!1))}),[l,s,h,p.chooseLocation.enabled]),m&&t?r().createElement(M,null):r().createElement(I.default,{currentUser:s.display,loginLocations:l??[],onChangeLocation:h,searchLocations:D,isLoginEnabled:t})},T=e=>{let{isLoginEnabled:n}=e;const t=(0,C.useConfig)(),r=B();return(0,i.useEffect)((()=>{r&&n?(0,C.openmrsFetch)("/ws/rest/v1/session",{method:"DELETE"}).then(C.refetchCurrentUser).then((()=>{"oauth2"===t.provider.type?location.href=t.provider.logoutUrl:location.href=window.spaBase})):(0,C.navigate)({to:"${openmrsSpaBase}/login"})}),[n,r,t]),null};var F=t(2268);function G(){return G=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},G.apply(this,arguments)}const N=e=>{let{isLoginEnabled:n}=e;return r().createElement(L,null,r().createElement(F.BrowserRouter,{basename:window.spaBase},r().createElement(F.Route,{exact:!0,path:"/login(/confirm)?",render:e=>r().createElement(E,G({},e,{isLoginEnabled:n}))}),r().createElement(F.Route,{exact:!0,path:"/login/location",render:e=>r().createElement(P,G({},e,{isLoginEnabled:n}))}),r().createElement(F.Route,{exact:!0,path:"/logout",render:e=>r().createElement(T,G({},e,{isLoginEnabled:n}))})))}},533:(e,n,t)=>{"use strict";t.d(n,{Z:()=>p});var i=t(9233),r=t.n(i),a=t(361),o=t.n(a)()(r());o.push([e.id,".-esm-login__loading-component__centerLoadingSVG___mgdFE{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}","",{version:3,sources:["webpack://./src/loading/loading.component.scss"],names:[],mappings:"AAAA,yDACE,YAAA,CACA,WAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA",sourcesContent:[".centerLoadingSVG {\n  display: flex;\n  width: 100vw;\n  height: 100vh;\n  justify-content: center;\n  align-items: center;\n}\n"],sourceRoot:""}]),o.locals={centerLoadingSVG:"-esm-login__loading-component__centerLoadingSVG___mgdFE"};const p=o},1188:(e,n,t)=>{"use strict";t.d(n,{Z:()=>p});var i=t(9233),r=t.n(i),a=t(361),o=t.n(a)()(r());o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-login__styles__productiveHeading01___5sIFe{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-login__styles__productiveHeading02___DMIYV{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-login__styles__productiveHeading03___\\+nU0Y{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-login__styles__productiveHeading04___RkSuA{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-login__styles__productiveHeading05___3fj9t{font-size:2rem;font-weight:400;line-height:1.25;letter-spacing:0}.-esm-login__styles__productiveHeading06___k2R6d{font-size:2rem;font-weight:300;line-height:1.199;letter-spacing:0}.-esm-login__styles__bodyShort01___x0bsq,.-esm-login__styles__contact-administrator-need-help___0lG2O,.-esm-login__styles__need-help-txt___7gwGM{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-login__styles__bodyShort02___AAWD5{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0}.-esm-login__styles__bodyLong01___GN1sw{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-login__styles__bodyLong02___LBXin{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:0}.-esm-login__styles__label01___tdF54,.-esm-login__styles__inputStyle___wP6gc{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-login__styles__caption01___ag3pm,.-esm-login__styles__powered-by-txt___clKgK{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-login__styles__helperText01___MJ4X5{font-size:.75rem;line-height:1.34;letter-spacing:.32px}.-esm-login__styles__text01___MntUe{color:#161616}.-esm-login__styles__text02___nKQyT{color:#525252}.-esm-login__styles__container___toRwL{display:flex;flex-direction:column;justify-content:center;align-items:center}.-esm-login__styles__center___9CsO2{text-align:center}.-esm-login__styles__right___dLSHk{text-align:right}.-esm-login__styles__logo___OHgAS{margin-bottom:2.5rem;height:5rem;width:13rem}.-esm-login__styles__logo-img___GmKgk{margin-bottom:3rem;max-width:100%}.-esm-login__styles__icon-btn___xZD4p{cursor:pointer}.-esm-login__styles__error-msg___1B3-t{margin-top:1rem;color:var(--omrs-color-danger)}.-esm-login__styles__powered-by-txt___clKgK{text-align:center;color:var(--omrs-color-ink-low-contrast);color:#525252}.-esm-login__styles__need-help___Uu8xO{display:flex;width:23rem}.-esm-login__styles__need-help-txt___7gwGM{text-align:left;color:#525252;display:flex;flex-direction:row;align-items:center}.-esm-login__styles__contact-administrator-need-help___0lG2O{padding-left:.5rem}.-esm-login__styles__powered-by-logo___rIu4y{height:2.5rem;width:6.5rem}.-esm-login__styles__login-card___FpE42{border-radius:0;width:23rem;padding:2.5rem}@media only screen and (min-width: 481px){.-esm-login__styles__container___toRwL{height:100vh}}@media only screen and (max-width: 480px){.-esm-login__styles__login-card___FpE42{margin-top:2.5%;border:none}.-esm-login__styles__container___toRwL{height:100vh}}.-esm-login__styles__card-content___JlY\\+6{border:none;padding:.625rem .25rem .625rem 1rem;border-radius:0}.-esm-login__styles__card___btZG3{width:21.75rem;margin:.5rem 1rem}.-esm-login__styles__input-group___Xyurj{display:flex;justify-content:center;flex-direction:column;align-items:center;width:18rem}.-esm-login__styles__continueButton___Z08b\\+{margin-top:1.5rem;width:18rem}.-esm-login__styles__inputStyle___wP6gc{width:18rem;height:3rem}.-esm-login__styles__footer___-6YSd{margin-top:6.75rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss","webpack://./src/styles.scss"],names:[],mappings:"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCtCF,iDCygBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD1rB1B,iDCqgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDtrB1B,kDCigBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDlrB1B,iDC6fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CD9qB1B,iDCyfI,cAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CD1qB1B,iDCqfI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDtqB1B,iJCifI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDlqB1B,yCC6eI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CD9pB1B,wCCyeI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD1pB1B,wCCqeI,cAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDtpB1B,6ECieI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDlpB1B,mFC6dI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD9oB1B,0CCydI,gBAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD1oB1B,oCACE,aETU,CFYZ,oCACE,aEZU,CCjDZ,uCACE,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CAGF,oCACE,iBAAA,CAGF,mCACE,gBAAA,CAGF,kCACE,oBAAA,CACA,WAAA,CACA,WAAA,CAGF,sCACE,kBAAA,CACA,cAAA,CAGF,sCACE,cAAA,CAGF,uCACE,eAAA,CACA,8BAAA,CAGF,4CAEE,iBAAA,CACA,wCAAA,CACA,aDUU,CCPZ,uCACE,YAAA,CACA,WAAA,CAGF,2CAEE,eAAA,CACA,aDDU,CCEV,YAAA,CACA,kBAAA,CACA,kBAAA,CAGF,6DAEE,kBAAA,CAGF,6CACE,aAAA,CACA,YAAA,CAGF,wCACE,eAAA,CACA,WAAA,CACA,cAAA,CAGF,0CACE,uCACE,YAAA,CAAA,CAIJ,0CACE,wCACE,eAAA,CACA,WAAA,CAGF,uCACE,YAAA,CAAA,CAIJ,2CACE,WAAA,CACA,mCAAA,CACA,eAAA,CAGF,kCACE,cAAA,CACA,iBAAA,CAGF,yCACE,YAAA,CACA,sBAAA,CACA,qBAAA,CACA,kBAAA,CACA,WAAA,CAGF,6CACE,iBAAA,CACA,WAAA,CAGF,wCAEE,WAAA,CACA,WAAA,CAGF,oCACE,kBAAA",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@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: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/styles";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/layout";\n@import "~@openmrs/esm-styleguide/src/vars";\n@import "carbon-components/scss/globals/scss/typography.scss";\n\n.productiveHeading01 {\n  @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n  @include carbon--type-style("productive-heading-02");\n}\n\n.productiveHeading03 {\n  @include carbon--type-style("productive-heading-03");\n}\n\n.productiveHeading04 {\n  @include carbon--type-style("productive-heading-04");\n}\n\n.productiveHeading05 {\n  @include carbon--type-style("productive-heading-05");\n}\n\n.productiveHeading06 {\n  @include carbon--type-style("productive-heading-06");\n}\n\n.bodyShort01 {\n  @include carbon--type-style("body-short-01");\n}\n\n.bodyShort02 {\n  @include carbon--type-style("body-short-02");\n}\n\n.bodyLong01 {\n  @include carbon--type-style("body-long-01");\n}\n\n.bodyLong02 {\n  @include carbon--type-style("body-long-02");\n}\n\n.label01 {\n  @include carbon--type-style("label-01");\n}\n\n.caption01 {\n  @include carbon--type-style("caption-01");\n}\n\n.helperText01 {\n  @include carbon--type-style("helper-text-01");\n}\n\n.text01 {\n  color: $text-01;\n}\n\n.text02 {\n  color: $text-02;\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/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$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$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$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  label-01: $label-01,\n  helper-text-01: $helper-text-01,\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  @return $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 [$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  @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, $token);\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","// 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  $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  $label-01: map-get($theme, 'label-01') !global;\n  $helper-text-01: map-get($theme, 'helper-text-01') !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  $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  $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  $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') 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    $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    $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    $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($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($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(\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      '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(\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      '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      '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",'@import "./root.scss";\n\n.container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.center {\n  text-align: center;\n}\n\n.right {\n  text-align: right;\n}\n\n.logo {\n  margin-bottom: 2.5rem;\n  height: 5rem;\n  width: 13rem;\n}\n\n.logo-img {\n  margin-bottom: 3rem;\n  max-width: 100%;\n}\n\n.icon-btn {\n  cursor: pointer;\n}\n\n.error-msg {\n  margin-top: 1rem;\n  color: var(--omrs-color-danger);\n}\n\n.powered-by-txt {\n  @extend .caption01;\n  text-align: center;\n  color: var(--omrs-color-ink-low-contrast);\n  color: $text-02;\n}\n\n.need-help {\n  display: flex;\n  width: 23rem;\n}\n\n.need-help-txt {\n  @extend .bodyShort01;\n  text-align: left;\n  color: $text-02;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.contact-administrator-need-help {\n  @extend .bodyShort01;\n  padding-left: 0.5rem;\n}\n\n.powered-by-logo {\n  height: 2.5rem;\n  width: 6.5rem;\n}\n\n.login-card {\n  border-radius: 0;\n  width: 23rem;\n  padding: 2.5rem;\n}\n\n@media only screen and (min-width: 481px) {\n  .container {\n    height: 100vh;\n  }\n}\n\n@media only screen and (max-width: 480px) {\n  .login-card {\n    margin-top: 2.5%;\n    border: none;\n  }\n\n  .container {\n    height: 100vh;\n  }\n}\n\n.card-content {\n  border: none;\n  padding: 0.625rem 0.25rem 0.625rem 1rem;\n  border-radius: 0;\n}\n\n.card {\n  width: 21.75rem;\n  margin: 0.5rem 1rem;\n}\n\n.input-group {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  width: 18rem;\n}\n\n.continueButton {\n  margin-top: 1.5rem;\n  width: 18rem;\n}\n\n.inputStyle {\n  @extend .label01;\n  width: 18rem;\n  height: 3rem;\n}\n\n.footer {\n  margin-top: 6.75rem;\n}\n'],sourceRoot:""}]),o.locals={productiveHeading01:"-esm-login__styles__productiveHeading01___5sIFe",productiveHeading02:"-esm-login__styles__productiveHeading02___DMIYV",productiveHeading03:"-esm-login__styles__productiveHeading03___+nU0Y",productiveHeading04:"-esm-login__styles__productiveHeading04___RkSuA",productiveHeading05:"-esm-login__styles__productiveHeading05___3fj9t",productiveHeading06:"-esm-login__styles__productiveHeading06___k2R6d",bodyShort01:"-esm-login__styles__bodyShort01___x0bsq","contact-administrator-need-help":"-esm-login__styles__contact-administrator-need-help___0lG2O","need-help-txt":"-esm-login__styles__need-help-txt___7gwGM",bodyShort02:"-esm-login__styles__bodyShort02___AAWD5",bodyLong01:"-esm-login__styles__bodyLong01___GN1sw",bodyLong02:"-esm-login__styles__bodyLong02___LBXin",label01:"-esm-login__styles__label01___tdF54",inputStyle:"-esm-login__styles__inputStyle___wP6gc",caption01:"-esm-login__styles__caption01___ag3pm","powered-by-txt":"-esm-login__styles__powered-by-txt___clKgK",helperText01:"-esm-login__styles__helperText01___MJ4X5",text01:"-esm-login__styles__text01___MntUe",text02:"-esm-login__styles__text02___nKQyT",container:"-esm-login__styles__container___toRwL",center:"-esm-login__styles__center___9CsO2",right:"-esm-login__styles__right___dLSHk",logo:"-esm-login__styles__logo___OHgAS","logo-img":"-esm-login__styles__logo-img___GmKgk","icon-btn":"-esm-login__styles__icon-btn___xZD4p","error-msg":"-esm-login__styles__error-msg___1B3-t","need-help":"-esm-login__styles__need-help___Uu8xO","powered-by-logo":"-esm-login__styles__powered-by-logo___rIu4y","login-card":"-esm-login__styles__login-card___FpE42","card-content":"-esm-login__styles__card-content___JlY+6",card:"-esm-login__styles__card___btZG3","input-group":"-esm-login__styles__input-group___Xyurj",continueButton:"-esm-login__styles__continueButton___Z08b+",footer:"-esm-login__styles__footer___-6YSd"};const p=o},459:(e,n,t)=>{"use strict";var i=t(5704);function r(){}function a(){}a.resetWarningCache=r,e.exports=function(){function e(e,n,t,r,a,o){if(o!==i){var p=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw p.name="Invariant Violation",p}}function n(){return e}e.isRequired=e;var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:a,resetWarningCache:r};return t.PropTypes=t,t}},216:(e,n,t)=>{e.exports=t(459)()},5704:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}}]);
 //# sourceMappingURL=309.js.map