@openmrs/esm-login-app 3.3.2-pre.5 → 3.3.2-pre.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/.turbo/turbo-build.log +36 -36
  2. package/dist/406.js +1 -1
  3. package/dist/406.js.map +1 -1
  4. package/dist/607.js +1 -1
  5. package/dist/607.js.map +1 -1
  6. package/dist/754.js +1 -1
  7. package/dist/754.js.map +1 -1
  8. package/dist/889.js +1 -1
  9. package/dist/889.js.map +1 -1
  10. package/dist/951.js +1 -1
  11. package/dist/951.js.map +1 -1
  12. package/dist/openmrs-esm-login-app.js +1 -1
  13. package/dist/openmrs-esm-login-app.js.buildmanifest.json +18 -18
  14. package/dist/openmrs-esm-login-app.js.map +1 -1
  15. package/dist/openmrs-esm-login-app.old +1 -1
  16. package/package.json +4 -4
package/dist/754.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"754.js","mappings":"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","sources":["webpack://@openmrs/esm-login-app/./src/loading/loading.scss","webpack://@openmrs/esm-login-app/./src/styles.scss","webpack://@openmrs/esm-login-app/./src/styles.scss?deda","webpack://@openmrs/esm-login-app/./src/login/login.resource.tsx","webpack://@openmrs/esm-login-app/./src/login/login.component.tsx","webpack://@openmrs/esm-login-app/./src/loading/loading.scss?52bb","webpack://@openmrs/esm-login-app/./src/loading/loading.component.tsx","webpack://@openmrs/esm-login-app/./src/choose-location/choose-location.component.tsx","webpack://@openmrs/esm-login-app/./src/redirect-logout/logout.resource.ts","webpack://@openmrs/esm-login-app/./src/redirect-logout/redirect-logout.component.tsx","webpack://@openmrs/esm-login-app/./src/root.component.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".-esm-login__loading__centerLoadingSVG___mTF5v{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/loading/loading.scss\"],\"names\":[],\"mappings\":\"AAAA,+CACE,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\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"centerLoadingSVG\": \"-esm-login__loading__centerLoadingSVG___mTF5v\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.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:#da1e28}.-esm-login__styles__powered-by-txt___clKgK{text-align:center;color:#525252;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;border:1px solid #c6c6c6;background-color:#fff;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,aD6ES,CC1EX,4CAEE,iBAAA,CACA,aJ/Bc,CIgCd,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,wBAAA,CACA,qBDzBQ,CC0BR,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: $danger;\\n}\\n\\n.powered-by-txt {\\n @extend .caption01;\\n text-align: center;\\n color: $color-gray-70;\\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 border: 1px solid $color-gray-30;\\n background-color: $ui-02;\\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\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-login__styles__productiveHeading01___5sIFe\",\n\t\"productiveHeading02\": \"-esm-login__styles__productiveHeading02___DMIYV\",\n\t\"productiveHeading03\": \"-esm-login__styles__productiveHeading03___+nU0Y\",\n\t\"productiveHeading04\": \"-esm-login__styles__productiveHeading04___RkSuA\",\n\t\"productiveHeading05\": \"-esm-login__styles__productiveHeading05___3fj9t\",\n\t\"productiveHeading06\": \"-esm-login__styles__productiveHeading06___k2R6d\",\n\t\"bodyShort01\": \"-esm-login__styles__bodyShort01___x0bsq\",\n\t\"contact-administrator-need-help\": \"-esm-login__styles__contact-administrator-need-help___0lG2O\",\n\t\"need-help-txt\": \"-esm-login__styles__need-help-txt___7gwGM\",\n\t\"bodyShort02\": \"-esm-login__styles__bodyShort02___AAWD5\",\n\t\"bodyLong01\": \"-esm-login__styles__bodyLong01___GN1sw\",\n\t\"bodyLong02\": \"-esm-login__styles__bodyLong02___LBXin\",\n\t\"label01\": \"-esm-login__styles__label01___tdF54\",\n\t\"inputStyle\": \"-esm-login__styles__inputStyle___wP6gc\",\n\t\"caption01\": \"-esm-login__styles__caption01___ag3pm\",\n\t\"powered-by-txt\": \"-esm-login__styles__powered-by-txt___clKgK\",\n\t\"helperText01\": \"-esm-login__styles__helperText01___MJ4X5\",\n\t\"text01\": \"-esm-login__styles__text01___MntUe\",\n\t\"text02\": \"-esm-login__styles__text02___nKQyT\",\n\t\"container\": \"-esm-login__styles__container___toRwL\",\n\t\"center\": \"-esm-login__styles__center___9CsO2\",\n\t\"right\": \"-esm-login__styles__right___dLSHk\",\n\t\"logo\": \"-esm-login__styles__logo___OHgAS\",\n\t\"logo-img\": \"-esm-login__styles__logo-img___GmKgk\",\n\t\"icon-btn\": \"-esm-login__styles__icon-btn___xZD4p\",\n\t\"error-msg\": \"-esm-login__styles__error-msg___1B3-t\",\n\t\"need-help\": \"-esm-login__styles__need-help___Uu8xO\",\n\t\"powered-by-logo\": \"-esm-login__styles__powered-by-logo___rIu4y\",\n\t\"login-card\": \"-esm-login__styles__login-card___FpE42\",\n\t\"card-content\": \"-esm-login__styles__card-content___JlY+6\",\n\t\"card\": \"-esm-login__styles__card___btZG3\",\n\t\"input-group\": \"-esm-login__styles__input-group___Xyurj\",\n\t\"continueButton\": \"-esm-login__styles__continueButton___Z08b+\",\n\t\"footer\": \"-esm-login__styles__footer___-6YSd\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./styles.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./styles.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import { openmrsFetch, refetchCurrentUser } from \"@openmrs/esm-framework\";\n\nexport function performLogin(username, password) {\n const token = window.btoa(`${username}:${password}`);\n return openmrsFetch(`/ws/rest/v1/session`, {\n headers: {\n Authorization: `Basic ${token}`,\n },\n }).then((res) => {\n refetchCurrentUser();\n return res;\n });\n}\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport styles from \"../styles.scss\";\nimport ArrowRight24 from \"@carbon/icons-react/es/arrow--right/24\";\nimport {\n Button,\n InlineNotification,\n TextInput,\n Tile,\n} from \"carbon-components-react\";\nimport { RouteComponentProps } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { useConfig, interpolateUrl, useSession } from \"@openmrs/esm-framework\";\nimport { performLogin } from \"./login.resource\";\nimport type { StaticContext } from \"react-router\";\n\nconst hidden: React.CSSProperties = {\n height: 0,\n width: 0,\n border: 0,\n padding: 0,\n};\n\nexport interface LoginReferrer {\n referrer?: string;\n}\n\nexport interface LoginProps\n extends RouteComponentProps<{}, StaticContext, LoginReferrer> {\n isLoginEnabled: boolean;\n}\n\nconst Login: React.FC<LoginProps> = ({ history, location, isLoginEnabled }) => {\n const config = useConfig();\n const { user } = useSession();\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [errorMessage, setErrorMessage] = useState(\"\");\n const passwordInputRef = useRef<HTMLInputElement>(null);\n const usernameInputRef = useRef<HTMLInputElement>(null);\n const formRef = useRef<HTMLFormElement>(null);\n const [t] = useTranslation();\n const showPassword = location.pathname === \"/login/confirm\";\n\n useEffect(() => {\n if (user) {\n history.push(\"/login/location\", location.state);\n } else if (!username && location.pathname === \"/login/confirm\") {\n history.replace(\"/login\", location.state);\n }\n }, [user, username, history, location]);\n\n useEffect(() => {\n const field = showPassword\n ? passwordInputRef.current\n : usernameInputRef.current;\n\n if (field) {\n field.focus();\n }\n }, [showPassword]);\n\n useEffect(() => {\n if (!user && config.provider.type === \"oauth2\") {\n const loginUrl = config.provider.loginUrl;\n window.location.href = loginUrl;\n }\n }, [config, user]);\n\n const continueLogin = useCallback(() => {\n const field = usernameInputRef.current;\n\n if (field.value.length > 0) {\n history.push(\"/login/confirm\", location.state);\n } else {\n field.focus();\n }\n }, [history]);\n\n const changeUsername = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => setUsername(evt.target.value),\n []\n );\n\n const changePassword = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => setPassword(evt.target.value),\n []\n );\n\n const resetUserNameAndPassword = useCallback(() => {\n setUsername(\"\");\n setPassword(\"\");\n }, []);\n\n const handleSubmit = useCallback(\n async (evt: React.FormEvent<HTMLFormElement>) => {\n evt.preventDefault();\n evt.stopPropagation();\n\n if (!showPassword) {\n continueLogin();\n return false;\n }\n\n try {\n const loginRes = await performLogin(username, password);\n const authData = loginRes.data;\n const valid = authData && authData.authenticated;\n\n if (!valid) {\n throw new Error(\"invalidCredentials\");\n }\n } catch (error) {\n setErrorMessage(error.message);\n resetUserNameAndPassword();\n }\n\n return false;\n },\n [continueLogin, resetUserNameAndPassword, showPassword, username, password]\n );\n\n const logo = config.logo.src ? (\n <img\n src={interpolateUrl(config.logo.src)}\n alt={config.logo.alt}\n className={styles[\"logo-img\"]}\n />\n ) : (\n <svg role=\"img\" className={styles[\"logo\"]}>\n <title>OpenMRS logo</title>\n <use xlinkHref=\"#omrs-logo-full-color\"></use>\n </svg>\n );\n\n if (config.provider.type === \"basic\") {\n return (\n <div className={`canvas ${styles[\"container\"]}`}>\n {errorMessage && (\n <InlineNotification\n kind=\"error\"\n style={{ width: \"23rem\" }}\n /**\n * This comment tells i18n to still keep the following translation keys (used as value for: errorMessage):\n * t('invalidCredentials')\n */\n subtitle={t(errorMessage)}\n title={t(\"error\", \"Error\")}\n onClick={() => setErrorMessage(\"\")}\n />\n )}\n <Tile className={styles[\"login-card\"]}>\n <div className={styles[\"center\"]}>{logo}</div>\n <form onSubmit={handleSubmit} ref={formRef}>\n {!showPassword && (\n <div className={styles[\"input-group\"]}>\n <TextInput\n id=\"username\"\n type=\"text\"\n name=\"username\"\n labelText={t(\"username\", \"Username\")}\n className={styles.inputStyle}\n value={username}\n onChange={changeUsername}\n ref={usernameInputRef}\n autoFocus\n required\n />\n\n <input\n id=\"password\"\n style={hidden}\n type=\"password\"\n name=\"password\"\n value={password}\n onChange={changePassword}\n />\n\n <Button\n className={styles.continueButton}\n renderIcon={ArrowRight24}\n type=\"submit\"\n iconDescription=\"Next\"\n onClick={continueLogin}\n disabled={!isLoginEnabled}\n >\n {t(\"continue\", \"Continue\")}\n </Button>\n </div>\n )}\n {showPassword && (\n <div className={styles[\"input-group\"]}>\n <input\n id=\"username\"\n type=\"text\"\n name=\"username\"\n style={hidden}\n value={username}\n onChange={changeUsername}\n required\n />\n\n <TextInput.PasswordInput\n id=\"password\"\n invalidText={t(\n \"validValueRequired\",\n \"A valid value is required\"\n )}\n labelText={t(\"password\", \"Password\")}\n name=\"password\"\n className={styles.inputStyle}\n value={password}\n onChange={changePassword}\n ref={passwordInputRef}\n required\n showPasswordLabel=\"Show password\"\n />\n\n <Button\n aria-label=\"submit\"\n type=\"submit\"\n className={styles.continueButton}\n renderIcon={ArrowRight24}\n iconDescription=\"Next\"\n disabled={!isLoginEnabled}\n >\n {t(\"login\", \"Log in\")}\n </Button>\n </div>\n )}\n </form>\n </Tile>\n <div className={styles[\"need-help\"]}>\n <p className={styles[\"need-help-txt\"]}>\n {t(\"needHelp\", \"Need help?\")}\n <Button kind=\"ghost\">\n {t(\"contactAdmin\", \"Contact the site administrator\")}\n </Button>\n </p>\n </div>\n <div className={styles[\"footer\"]}>\n <p className={styles[\"powered-by-txt\"]}>\n {t(\"poweredBy\", \"Powered by\")}\n </p>\n <div>\n <svg role=\"img\" className={styles[\"powered-by-logo\"]}>\n <use xlinkHref=\"#omrs-logo-partial-mono\"></use>\n </svg>\n </div>\n </div>\n </div>\n );\n }\n\n return null;\n};\n\nexport default Login;\n","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./loading.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./loading.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\nimport { Loading } from \"carbon-components-react\";\nimport styles from \"./loading.scss\";\n\nconst LoadingIcon: React.FC = () => (\n <div className={styles[\"centerLoadingSVG\"]}>\n <Loading\n description=\"Active loading indicator\"\n role=\"progressbar\"\n withOverlay={false}\n small\n />\n </div>\n);\n\nexport default LoadingIcon;\n","import React, { useCallback, useEffect } from \"react\";\nimport LoadingIcon from \"../loading/loading.component\";\nimport LocationPicker from \"../location-picker/location-picker.component\";\nimport { RouteComponentProps } from \"react-router-dom\";\nimport {\n navigate,\n useConfig,\n setSessionLocation,\n useSession,\n} from \"@openmrs/esm-framework\";\nimport { useLoginLocations } from \"./choose-location.resource\";\nimport type { StaticContext } from \"react-router\";\n\nexport interface LoginReferrer {\n referrer?: string;\n}\n\nexport interface ChooseLocationProps\n extends RouteComponentProps<{}, StaticContext, LoginReferrer> {\n isLoginEnabled: boolean;\n}\n\nexport const ChooseLocation: React.FC<ChooseLocationProps> = ({\n location,\n isLoginEnabled,\n}) => {\n const returnToUrl = new URLSearchParams(location?.search).get(\"returnToUrl\");\n const referrer = location?.state?.referrer;\n const config = useConfig();\n const { user } = useSession();\n const { locationData, isLoading } = useLoginLocations(\n config.chooseLocation.useLoginLocationTag\n );\n\n const changeLocation = useCallback(\n (locationUuid?: string) => {\n const sessionDefined = locationUuid\n ? setSessionLocation(locationUuid, new AbortController())\n : Promise.resolve();\n\n sessionDefined.then(() => {\n if (\n referrer &&\n ![\"/\", \"/login\", \"/login/location\"].includes(referrer)\n ) {\n navigate({ to: \"${openmrsSpaBase}\" + referrer });\n return;\n }\n if (returnToUrl && returnToUrl !== \"/\") {\n navigate({ to: returnToUrl });\n } else {\n navigate({ to: config.links.loginSuccess });\n }\n return;\n });\n },\n [referrer, config.links.loginSuccess, returnToUrl]\n );\n\n // Handle cases where the location picker is disabled, there is only one\n // location, or there are no locations.\n useEffect(() => {\n if (!isLoading) {\n if (!config.chooseLocation.enabled || locationData?.length === 1) {\n changeLocation(locationData[0]?.resource.id);\n }\n if (!isLoading && !locationData?.length) {\n changeLocation();\n }\n }\n }, [\n locationData,\n user,\n changeLocation,\n config.chooseLocation.enabled,\n isLoading,\n ]);\n\n if (!isLoading && !user) {\n navigate({ to: \"${openmrsSpaBase}/login\" });\n return null;\n }\n\n if (!isLoading || !isLoginEnabled) {\n return (\n <LocationPicker\n currentUser={user.display}\n loginLocations={locationData ?? []}\n onChangeLocation={changeLocation}\n isLoginEnabled={isLoginEnabled}\n />\n );\n }\n\n return <LoadingIcon />;\n};\n\nexport default ChooseLocation;\n","import {\n clearCurrentUser,\n openmrsFetch,\n refetchCurrentUser,\n} from \"@openmrs/esm-framework\";\n\nexport async function performLogout() {\n await openmrsFetch(\"/ws/rest/v1/session\", {\n method: \"DELETE\",\n });\n clearCurrentUser();\n await refetchCurrentUser();\n}\n","import React, { useEffect } from \"react\";\nimport { RouteComponentProps } from \"react-router-dom\";\nimport { navigate, useConfig, useSession } from \"@openmrs/esm-framework\";\nimport { performLogout } from \"./logout.resource\";\n\nexport interface RedirectLogoutProps extends RouteComponentProps<{}> {\n isLoginEnabled: boolean;\n}\n\nconst RedirectLogout: React.FC<RedirectLogoutProps> = ({ isLoginEnabled }) => {\n const config = useConfig();\n const session = useSession();\n\n useEffect(() => {\n if (!session.authenticated || !isLoginEnabled) {\n navigate({ to: \"${openmrsSpaBase}/login\" });\n } else {\n performLogout().then(() => {\n if (config.provider.type === \"oauth2\") {\n location.href = config.provider.logoutUrl;\n } else {\n navigate({ to: \"${openmrsSpaBase}/login\" });\n }\n });\n }\n }, [isLoginEnabled, session, config]);\n\n return null;\n};\n\nexport default RedirectLogout;\n","import React from \"react\";\nimport Login from \"./login/login.component\";\nimport ChooseLocation from \"./choose-location/choose-location.component\";\nimport RedirectLogout from \"./redirect-logout/redirect-logout.component\";\nimport { BrowserRouter, Route } from \"react-router-dom\";\n\nexport interface RootProps {\n isLoginEnabled: boolean;\n}\n\nconst Root: React.FC<RootProps> = ({ isLoginEnabled }) => {\n return (\n <BrowserRouter basename={window.spaBase}>\n <Route\n exact\n path=\"/login(/confirm)?\"\n render={(props) => <Login {...props} isLoginEnabled={isLoginEnabled} />}\n />\n <Route\n exact\n path=\"/login/location\"\n render={(props) => (\n <ChooseLocation {...props} isLoginEnabled={isLoginEnabled} />\n )}\n />\n <Route\n exact\n path=\"/logout\"\n render={(props) => (\n <RedirectLogout {...props} isLoginEnabled={isLoginEnabled} />\n )}\n />\n </BrowserRouter>\n );\n};\n\nexport default Root;\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","locals","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","undefined","performLogin","username","password","token","window","btoa","openmrsFetch","headers","Authorization","then","res","refetchCurrentUser","hidden","height","width","border","padding","history","location","isLoginEnabled","config","useConfig","useSession","user","useState","setUsername","setPassword","errorMessage","setErrorMessage","passwordInputRef","useRef","usernameInputRef","formRef","t","useTranslation","showPassword","pathname","useEffect","state","replace","field","current","focus","provider","type","loginUrl","href","continueLogin","useCallback","value","length","changeUsername","evt","target","changePassword","resetUserNameAndPassword","handleSubmit","loginRes","authData","preventDefault","stopPropagation","data","authenticated","Error","error","message","logo","src","img","interpolateUrl","alt","className","styles","svg","role","title","use","xlinkHref","div","InlineNotification","kind","style","subtitle","onClick","Tile","form","onSubmit","ref","TextInput","name","labelText","onChange","autoFocus","required","input","Button","renderIcon","ArrowRight24","iconDescription","disabled","invalidText","showPasswordLabel","aria-label","p","Loading","description","withOverlay","small","returnToUrl","URLSearchParams","search","get","referrer","useLoginLocations","chooseLocation","useLoginLocationTag","locationData","isLoading","changeLocation","locationUuid","setSessionLocation","AbortController","Promise","resolve","includes","navigate","to","links","loginSuccess","enabled","resource","LoadingIcon","LocationPicker","currentUser","display","loginLocations","onChangeLocation","performLogout","method","clearCurrentUser","session","logoutUrl","BrowserRouter","basename","spaBase","Route","exact","path","render","props","Login","ChooseLocation","RedirectLogout"],"sourceRoot":""}
1
+ {"version":3,"file":"754.js","mappings":"gLAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,kIAAmI,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wCAAwC,MAAQ,GAAG,SAAW,4DAA4D,eAAiB,CAAC,qIAAqI,WAAa,MAEreH,EAAwBI,OAAS,CAChC,iBAAoB,iDAErB,W,gECPIJ,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,qiHAAsiH,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4DAA4D,4BAA4B,uHAAuH,mIAAmI,+BAA+B,MAAQ,GAAG,SAAW,klDAAklD,eAAiB,CAAC,6jDAA6jD,06CAA88C,q3lBAAq3lB,26jDAA26jD,uwDAAywD,WAAa,MAEtp+EH,EAAwBI,OAAS,CAChC,oBAAuB,kDACvB,oBAAuB,kDACvB,oBAAuB,kDACvB,oBAAuB,kDACvB,oBAAuB,kDACvB,oBAAuB,kDACvB,YAAe,0CACf,kCAAmC,8DACnC,gBAAiB,4CACjB,YAAe,0CACf,WAAc,yCACd,WAAc,yCACd,QAAW,sCACX,WAAc,yCACd,UAAa,wCACb,iBAAkB,6CAClB,aAAgB,2CAChB,OAAU,qCACV,OAAU,qCACV,UAAa,wCACb,OAAU,qCACV,MAAS,oCACT,KAAQ,mCACR,WAAY,uCACZ,WAAY,uCACZ,YAAa,wCACb,YAAa,wCACb,kBAAmB,8CACnB,aAAc,yCACd,eAAgB,2CAChB,KAAQ,mCACR,cAAe,0CACf,eAAkB,6CAClB,OAAU,sCAEX,W,iNChCIC,EAAU,GAEdA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKnB,QAAe,KAAW,WAAiB,gBAAiBM,E,4CCxB5D,SAASC,EAAaC,EAAUC,GACrC,IAAMC,EAAQC,OAAOC,KAAK,GAAeH,OAAZD,EAAS,KAAY,OAATC,IACzC,OAAOI,EAAAA,EAAAA,cAAc,sBAAsB,CACzCC,QAAS,CACPC,cAAe,SAAe,OAANL,MAEzBM,MAAK,SAACC,GAEP,OADAC,EAAAA,EAAAA,sBACOD,KCVX,iB,uiCAeA,IAAME,EAA8B,CAClCC,OAAQ,EACRC,MAAO,EACPC,OAAQ,EACRC,QAAS,GA6OX,QAjOoC,Y,IAAGC,EAAO,EAAPA,QAASC,EAAQ,EAARA,SAAUC,EAAc,EAAdA,eAClDC,GAASC,EAAAA,EAAAA,aACT,GAAWC,EAAAA,EAAAA,cAATC,KACwBC,EAAY,GAAZA,EAAAA,EAAAA,UAAS,IAAG,GAArCvB,EAAyBuB,EAAY,GAA3BC,EAAeD,EAAY,GACZA,EAAY,GAAZA,EAAAA,EAAAA,UAAS,IAAG,GAArCtB,EAAyBsB,EAAY,GAA3BE,EAAeF,EAAY,GACJA,EAAY,GAAZA,EAAAA,EAAAA,UAAS,IAAG,GAA7CG,EAAiCH,EAAY,GAA/BI,EAAmBJ,EAAY,GAC9CK,GAAmBC,EAAAA,EAAAA,QAAyB,MAC5CC,GAAmBD,EAAAA,EAAAA,QAAyB,MAC5CE,GAAUF,EAAAA,EAAAA,QAAwB,MACjCG,EAAqB,GAAhBC,EAAAA,EAAAA,kBAAgB,MACtBC,EAAqC,mBAAtBjB,EAASkB,UAE9BC,EAAAA,EAAAA,YAAU,WACJd,EACFN,EAAQ5B,KAAK,kBAAmB6B,EAASoB,OAC/BrC,GAAkC,mBAAtBiB,EAASkB,UAC/BnB,EAAQsB,QAAQ,SAAUrB,EAASoB,SAEpC,CAACf,EAAMtB,EAAUgB,EAASC,KAE7BmB,EAAAA,EAAAA,YAAU,WACR,IAAMG,EAAQL,EACVN,EAAiBY,QACjBV,EAAiBU,QAEjBD,GACFA,EAAME,UAEP,CAACP,KAEJE,EAAAA,EAAAA,YAAU,WACR,IAAKd,GAAiC,WAAzBH,EAAOuB,SAASC,KAAmB,CAC9C,IAAMC,EAAWzB,EAAOuB,SAASE,SACjCzC,OAAOc,SAAS4B,KAAOD,KAExB,CAACzB,EAAQG,IAEZ,I,IAAMwB,GAAgBC,EAAAA,EAAAA,cAAY,WAChC,IAAMR,EAAQT,EAAiBU,QAE3BD,EAAMS,MAAMC,OAAS,EACvBjC,EAAQ5B,KAAK,iBAAkB6B,EAASoB,OAExCE,EAAME,UAEP,CAACzB,IAEEkC,GAAiBH,EAAAA,EAAAA,cACrB,SAACI,G,OAA6C3B,EAAY2B,EAAIC,OAAOJ,SACrE,IAGIK,GAAiBN,EAAAA,EAAAA,cACrB,SAACI,G,OAA6C1B,EAAY0B,EAAIC,OAAOJ,SACrE,IAGIM,GAA2BP,EAAAA,EAAAA,cAAY,WAC3CvB,EAAY,IACZC,EAAY,MACX,IAEG8B,GAAeR,EAAAA,EAAAA,c,EACnB,qBAAOI,G,IAUGK,EACAC,E,oEAVRN,EAAIO,iBACJP,EAAIQ,kBAECzB,EAAc,C,sBACjBY,I,mBACO,G,gCAIgB/C,EAAaC,EAAUC,G,UAAxCuD,EAAW,EAAH,MACRC,EAAWD,EAASI,OACAH,EAASI,cAEvB,C,gBACV,MAAM,IAAIC,MAAM,sB,0DAGlBnC,EAAgBoC,EAAAA,GAAMC,SACtBV,I,kCAGK,G,kPAtBFH,G,iCAwBP,CAACL,EAAeQ,EAA0BpB,EAAclC,EAAUC,IAG9DgE,EAAO9C,EAAO8C,KAAKC,IACvB,kBAACC,MAAG,CACFD,KAAKE,EAAAA,EAAAA,gBAAejD,EAAO8C,KAAKC,KAChCG,IAAKlD,EAAO8C,KAAKI,IACjBC,UAAWC,EAAAA,cAGb,kBAACC,MAAG,CAACC,KAAK,MAAMH,UAAWC,EAAAA,MACzB,kBAACG,QAAK,KAAC,gBACP,kBAACC,MAAG,CAACC,UAAU,2BAInB,MAA6B,UAAzBzD,EAAOuB,SAASC,KAEhB,kBAACkC,MAAG,CAACP,UAAW,UAA8B,OAApBC,EAAAA,YACvB7C,GACC,kBAACoD,EAAAA,mBAAkB,CACjBC,KAAK,QACLC,MAAO,CAAEnE,MAAO,SAKhBoE,SAAUjD,EAAEN,GACZgD,MAAO1C,EAAE,QAAS,SAClBkD,QAAS,W,OAAMvD,EAAgB,OAGnC,kBAACwD,EAAAA,KAAI,CAACb,UAAWC,EAAAA,eACf,kBAACM,MAAG,CAACP,UAAWC,EAAAA,QAAmBN,GACnC,kBAACmB,OAAI,CAACC,SAAU9B,EAAc+B,IAAKvD,IAC/BG,GACA,kBAAC2C,MAAG,CAACP,UAAWC,EAAAA,gBACd,kBAACgB,EAAAA,UAAS,CACRjG,GAAG,WACHqD,KAAK,OACL6C,KAAK,WACLC,UAAWzD,EAAE,WAAY,YACzBsC,UAAWC,EAAAA,WACXvB,MAAOhD,EACP0F,SAAUxC,EACVoC,IAAKxD,EACL6D,WAAAA,EACAC,UAAAA,IAGF,kBAACC,QAAK,CACJvG,GAAG,WACH0F,MAAOrE,EACPgC,KAAK,WACL6C,KAAK,WACLxC,MAAO/C,EACPyF,SAAUrC,IAGZ,kBAACyC,EAAAA,OAAM,CACLxB,UAAWC,EAAAA,eACXwB,WAAYC,EAAAA,EACZrD,KAAK,SACLsD,gBAAgB,OAChBf,QAASpC,EACToD,UAAWhF,GAEVc,EAAE,WAAY,cAIpBE,GACC,kBAAC2C,MAAG,CAACP,UAAWC,EAAAA,gBACd,kBAACsB,QAAK,CACJvG,GAAG,WACHqD,KAAK,OACL6C,KAAK,WACLR,MAAOrE,EACPqC,MAAOhD,EACP0F,SAAUxC,EACV0C,UAAAA,IAGF,kBAACL,EAAAA,UAAAA,cAAuB,CACtBjG,GAAG,WACH6G,YAAanE,EACX,qBACA,6BAEFyD,UAAWzD,EAAE,WAAY,YACzBwD,KAAK,WACLlB,UAAWC,EAAAA,WACXvB,MAAO/C,EACPyF,SAAUrC,EACViC,IAAK1D,EACLgE,UAAAA,EACAQ,kBAAkB,kBAGpB,kBAACN,EAAAA,OAAM,CACLO,aAAW,SACX1D,KAAK,SACL2B,UAAWC,EAAAA,eACXwB,WAAYC,EAAAA,EACZC,gBAAgB,OAChBC,UAAWhF,GAEVc,EAAE,QAAS,cAMtB,kBAAC6C,MAAG,CAACP,UAAWC,EAAAA,cACd,kBAAC+B,IAAC,CAAChC,UAAWC,EAAAA,kBACXvC,EAAE,WAAY,cACf,kBAAC8D,EAAAA,OAAM,CAACf,KAAK,SACV/C,EAAE,eAAgB,qCAIzB,kBAAC6C,MAAG,CAACP,UAAWC,EAAAA,QACd,kBAAC+B,IAAC,CAAChC,UAAWC,EAAAA,mBACXvC,EAAE,YAAa,eAElB,kBAAC6C,MAAG,KACF,kBAACL,MAAG,CAACC,KAAK,MAAMH,UAAWC,EAAAA,oBACzB,kBAACI,MAAG,CAACC,UAAU,gCAQpB,M,cClPL,EAAU,GAEd,EAAQnF,kBAAoB,IAC5B,EAAQC,cAAgB,IAElB,EAAQC,OAAS,SAAc,KAAM,QAE3C,EAAQC,OAAS,IACjB,EAAQC,mBAAqB,IAEhB,IAAI,IAAS,GAKnB,QAAe,KAAW,WAAiB,gBAAiBC,ECXnE,EAX8B,W,OAC5B,kBAAC+E,MAAG,CAACP,UAAWC,EAAAA,kBACd,kBAACgC,EAAAA,QAAO,CACNC,YAAY,2BACZ/B,KAAK,cACLgC,aAAa,EACbC,OAAAA,M,wBCuFN,QA3E6D,Y,IAK1CzF,EAJjBA,EAAQ,EAARA,SACAC,EAAc,EAAdA,eAEMyF,EAAc,IAAIC,gBAAgB3F,MAAAA,OAAAA,EAAAA,EAAU4F,QAAQC,IAAI,eACxDC,EAAW9F,MAAAA,GAAe,QAAfA,EAAAA,EAAUoB,aAAK,IAAfpB,OAAAA,EAAAA,EAAiB8F,SAC5B5F,GAASC,EAAAA,EAAAA,aACT,GAAWC,EAAAA,EAAAA,cAATC,KAC4B0F,GAAAA,EAAAA,EAAAA,GAClC7F,EAAO8F,eAAeC,qBADhBC,EAA4BH,EAA5BG,aAAcC,EAAcJ,EAAdI,UAIhBC,GAAiBtE,EAAAA,EAAAA,cACrB,SAACuE,IACwBA,GACnBC,EAAAA,EAAAA,oBAAmBD,EAAc,IAAIE,iBACrCC,QAAQC,WAEGlH,MAAK,YAEhBuG,GACC,CAAC,IAAK,SAAU,mBAAmBY,SAASZ,GAK3CJ,GAA+B,MAAhBA,GACjBiB,EAAAA,EAAAA,UAAS,CAAEC,GAAIlB,KAEfiB,EAAAA,EAAAA,UAAS,CAAEC,GAAI1G,EAAO2G,MAAMC,gBAN5BH,EAAAA,EAAAA,UAAS,CAAEC,GAAI,oBAAsBd,SAW3C,CAACA,EAAU5F,EAAO2G,MAAMC,aAAcpB,IAsBxC,OAjBAvE,EAAAA,EAAAA,YAAU,W,IAGW+E,EAFdC,IACEjG,EAAO8F,eAAee,SAAoC,KAAzBb,MAAAA,OAAAA,EAAAA,EAAclE,SAClDoE,EAA8B,QAAfF,EAAAA,EAAa,UAAE,IAAfA,OAAAA,EAAAA,EAAiBc,SAAS3I,IAEtC8H,IAAcD,MAAAA,OAAAA,EAAAA,EAAclE,SAC/BoE,OAGH,CACDF,EACA7F,EACA+F,EACAlG,EAAO8F,eAAee,QACtBZ,IAGGA,GAAc9F,EAKd8F,GAAclG,EAWZ,kBAACgH,EAAW,MATf,kBAACC,EAAAA,QAAc,CACbC,YAAa9G,EAAK+G,QAClBC,eAAgBnB,MAAAA,EAAAA,EAAgB,GAChCoB,iBAAkBlB,EAClBnG,eAAgBA,MAVpB0G,EAAAA,EAAAA,UAAS,CAAEC,GAAI,4BACR,OChFX,0B,2SAMsBW,I,OAAAA,EAAf,yB,kFACCnI,EAAAA,EAAAA,cAAa,sBAAuB,CACxCoI,OAAQ,W,cAEVC,EAAAA,EAAAA,oB,UACMhI,EAAAA,EAAAA,sB,4CAL2B,sBCwBnC,QArBsD,Y,IAAGQ,EAAc,EAAdA,eACjDC,GAASC,EAAAA,EAAAA,aACTuH,GAAUtH,EAAAA,EAAAA,cAgBhB,OAdAe,EAAAA,EAAAA,YAAU,WACHuG,EAAQ9E,eAAkB3C,EDR5B,W,OAAesH,EAAa,sBCW7BA,GAAgBhI,MAAK,WACU,WAAzBW,EAAOuB,SAASC,KAClB1B,SAAS4B,KAAO1B,EAAOuB,SAASkG,WAEhChB,EAAAA,EAAAA,UAAS,CAAEC,GAAI,gCANnBD,EAAAA,EAAAA,UAAS,CAAEC,GAAI,8BAUhB,CAAC3G,EAAgByH,EAASxH,IAEtB,M,cC3BT,a,mMAoCA,QA1BkC,Y,IAAGD,EAAc,EAAdA,eACnC,OACE,kBAAC2H,EAAAA,cAAa,CAACC,SAAU3I,OAAO4I,SAC9B,kBAACC,EAAAA,MAAK,CACJC,OAAAA,EACAC,KAAK,oBACLC,OAAQ,SAACC,G,OAAU,kBAACC,EAAK,KAAKD,EAAK,CAAElI,eAAgBA,QAEvD,kBAAC8H,EAAAA,MAAK,CACJC,OAAAA,EACAC,KAAK,kBACLC,OAAQ,SAACC,G,OACP,kBAACE,EAAc,KAAKF,EAAK,CAAElI,eAAgBA,QAG/C,kBAAC8H,EAAAA,MAAK,CACJC,OAAAA,EACAC,KAAK,UACLC,OAAQ,SAACC,G,OACP,kBAACG,EAAc,KAAKH,EAAK,CAAElI,eAAgBA","sources":["webpack://@openmrs/esm-login-app/./src/loading/loading.scss","webpack://@openmrs/esm-login-app/./src/styles.scss","webpack://@openmrs/esm-login-app/./src/styles.scss?deda","webpack://@openmrs/esm-login-app/./src/login/login.resource.tsx","webpack://@openmrs/esm-login-app/./src/login/login.component.tsx","webpack://@openmrs/esm-login-app/./src/loading/loading.scss?52bb","webpack://@openmrs/esm-login-app/./src/loading/loading.component.tsx","webpack://@openmrs/esm-login-app/./src/choose-location/choose-location.component.tsx","webpack://@openmrs/esm-login-app/./src/redirect-logout/logout.resource.ts","webpack://@openmrs/esm-login-app/./src/redirect-logout/redirect-logout.component.tsx","webpack://@openmrs/esm-login-app/./src/root.component.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".-esm-login__loading__centerLoadingSVG___mTF5v{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/loading/loading.scss\"],\"names\":[],\"mappings\":\"AAAA,+CACE,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\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"centerLoadingSVG\": \"-esm-login__loading__centerLoadingSVG___mTF5v\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.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:#da1e28}.-esm-login__styles__powered-by-txt___clKgK{text-align:center;color:#525252;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;border:1px solid #c6c6c6;background-color:#fff;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\":\"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCjDF,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,aD6ES,CC1EX,4CAEE,iBAAA,CACA,aJ/Bc,CIgCd,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,wBAAA,CACA,qBDzBQ,CC0BR,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$brand-primary-10: #d9fbfb;\\n$brand-primary-20: #9ef0f0;\\n$brand-primary-30: #3ddbd9;\\n$brand-primary-40: #08bdba;\\n$brand-primary-50: #009d9a;\\n\\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\\n\\n$brand-primary-90: #022b30;\\n$brand-primary-100: #081a1c;\\n\\n@mixin brand-01($property) {\\n #{$property}: #005d5d;\\n #{$property}: var(--brand-01);\\n}\\n\\n@mixin brand-02($property) {\\n #{$property}: #004144;\\n #{$property}: var(--brand-02);\\n}\\n\\n@mixin brand-03($property) {\\n #{$property}: #007d79;\\n #{$property}: var(--brand-03);\\n}\\n\\n:root {\\n --brand-01: #005d5d;\\n --brand-02: #004144;\\n --brand-03: #007d79;\\n}\\n\\n$breakpoint-phone-min: 0px;\\n$breakpoint-phone-max: 600px;\\n$breakpoint-tablet-min: 601px;\\n$breakpoint-tablet-max: 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: $danger;\\n}\\n\\n.powered-by-txt {\\n @extend .caption01;\\n text-align: center;\\n color: $color-gray-70;\\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 border: 1px solid $color-gray-30;\\n background-color: $ui-02;\\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\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-login__styles__productiveHeading01___5sIFe\",\n\t\"productiveHeading02\": \"-esm-login__styles__productiveHeading02___DMIYV\",\n\t\"productiveHeading03\": \"-esm-login__styles__productiveHeading03___+nU0Y\",\n\t\"productiveHeading04\": \"-esm-login__styles__productiveHeading04___RkSuA\",\n\t\"productiveHeading05\": \"-esm-login__styles__productiveHeading05___3fj9t\",\n\t\"productiveHeading06\": \"-esm-login__styles__productiveHeading06___k2R6d\",\n\t\"bodyShort01\": \"-esm-login__styles__bodyShort01___x0bsq\",\n\t\"contact-administrator-need-help\": \"-esm-login__styles__contact-administrator-need-help___0lG2O\",\n\t\"need-help-txt\": \"-esm-login__styles__need-help-txt___7gwGM\",\n\t\"bodyShort02\": \"-esm-login__styles__bodyShort02___AAWD5\",\n\t\"bodyLong01\": \"-esm-login__styles__bodyLong01___GN1sw\",\n\t\"bodyLong02\": \"-esm-login__styles__bodyLong02___LBXin\",\n\t\"label01\": \"-esm-login__styles__label01___tdF54\",\n\t\"inputStyle\": \"-esm-login__styles__inputStyle___wP6gc\",\n\t\"caption01\": \"-esm-login__styles__caption01___ag3pm\",\n\t\"powered-by-txt\": \"-esm-login__styles__powered-by-txt___clKgK\",\n\t\"helperText01\": \"-esm-login__styles__helperText01___MJ4X5\",\n\t\"text01\": \"-esm-login__styles__text01___MntUe\",\n\t\"text02\": \"-esm-login__styles__text02___nKQyT\",\n\t\"container\": \"-esm-login__styles__container___toRwL\",\n\t\"center\": \"-esm-login__styles__center___9CsO2\",\n\t\"right\": \"-esm-login__styles__right___dLSHk\",\n\t\"logo\": \"-esm-login__styles__logo___OHgAS\",\n\t\"logo-img\": \"-esm-login__styles__logo-img___GmKgk\",\n\t\"icon-btn\": \"-esm-login__styles__icon-btn___xZD4p\",\n\t\"error-msg\": \"-esm-login__styles__error-msg___1B3-t\",\n\t\"need-help\": \"-esm-login__styles__need-help___Uu8xO\",\n\t\"powered-by-logo\": \"-esm-login__styles__powered-by-logo___rIu4y\",\n\t\"login-card\": \"-esm-login__styles__login-card___FpE42\",\n\t\"card-content\": \"-esm-login__styles__card-content___JlY+6\",\n\t\"card\": \"-esm-login__styles__card___btZG3\",\n\t\"input-group\": \"-esm-login__styles__input-group___Xyurj\",\n\t\"continueButton\": \"-esm-login__styles__continueButton___Z08b+\",\n\t\"footer\": \"-esm-login__styles__footer___-6YSd\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./styles.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./styles.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import { openmrsFetch, refetchCurrentUser } from \"@openmrs/esm-framework\";\n\nexport function performLogin(username, password) {\n const token = window.btoa(`${username}:${password}`);\n return openmrsFetch(`/ws/rest/v1/session`, {\n headers: {\n Authorization: `Basic ${token}`,\n },\n }).then((res) => {\n refetchCurrentUser();\n return res;\n });\n}\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport styles from \"../styles.scss\";\nimport ArrowRight24 from \"@carbon/icons-react/es/arrow--right/24\";\nimport {\n Button,\n InlineNotification,\n TextInput,\n Tile,\n} from \"carbon-components-react\";\nimport { RouteComponentProps } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { useConfig, interpolateUrl, useSession } from \"@openmrs/esm-framework\";\nimport { performLogin } from \"./login.resource\";\nimport type { StaticContext } from \"react-router\";\n\nconst hidden: React.CSSProperties = {\n height: 0,\n width: 0,\n border: 0,\n padding: 0,\n};\n\nexport interface LoginReferrer {\n referrer?: string;\n}\n\nexport interface LoginProps\n extends RouteComponentProps<{}, StaticContext, LoginReferrer> {\n isLoginEnabled: boolean;\n}\n\nconst Login: React.FC<LoginProps> = ({ history, location, isLoginEnabled }) => {\n const config = useConfig();\n const { user } = useSession();\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [errorMessage, setErrorMessage] = useState(\"\");\n const passwordInputRef = useRef<HTMLInputElement>(null);\n const usernameInputRef = useRef<HTMLInputElement>(null);\n const formRef = useRef<HTMLFormElement>(null);\n const [t] = useTranslation();\n const showPassword = location.pathname === \"/login/confirm\";\n\n useEffect(() => {\n if (user) {\n history.push(\"/login/location\", location.state);\n } else if (!username && location.pathname === \"/login/confirm\") {\n history.replace(\"/login\", location.state);\n }\n }, [user, username, history, location]);\n\n useEffect(() => {\n const field = showPassword\n ? passwordInputRef.current\n : usernameInputRef.current;\n\n if (field) {\n field.focus();\n }\n }, [showPassword]);\n\n useEffect(() => {\n if (!user && config.provider.type === \"oauth2\") {\n const loginUrl = config.provider.loginUrl;\n window.location.href = loginUrl;\n }\n }, [config, user]);\n\n const continueLogin = useCallback(() => {\n const field = usernameInputRef.current;\n\n if (field.value.length > 0) {\n history.push(\"/login/confirm\", location.state);\n } else {\n field.focus();\n }\n }, [history]);\n\n const changeUsername = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => setUsername(evt.target.value),\n []\n );\n\n const changePassword = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => setPassword(evt.target.value),\n []\n );\n\n const resetUserNameAndPassword = useCallback(() => {\n setUsername(\"\");\n setPassword(\"\");\n }, []);\n\n const handleSubmit = useCallback(\n async (evt: React.FormEvent<HTMLFormElement>) => {\n evt.preventDefault();\n evt.stopPropagation();\n\n if (!showPassword) {\n continueLogin();\n return false;\n }\n\n try {\n const loginRes = await performLogin(username, password);\n const authData = loginRes.data;\n const valid = authData && authData.authenticated;\n\n if (!valid) {\n throw new Error(\"invalidCredentials\");\n }\n } catch (error) {\n setErrorMessage(error.message);\n resetUserNameAndPassword();\n }\n\n return false;\n },\n [continueLogin, resetUserNameAndPassword, showPassword, username, password]\n );\n\n const logo = config.logo.src ? (\n <img\n src={interpolateUrl(config.logo.src)}\n alt={config.logo.alt}\n className={styles[\"logo-img\"]}\n />\n ) : (\n <svg role=\"img\" className={styles[\"logo\"]}>\n <title>OpenMRS logo</title>\n <use xlinkHref=\"#omrs-logo-full-color\"></use>\n </svg>\n );\n\n if (config.provider.type === \"basic\") {\n return (\n <div className={`canvas ${styles[\"container\"]}`}>\n {errorMessage && (\n <InlineNotification\n kind=\"error\"\n style={{ width: \"23rem\" }}\n /**\n * This comment tells i18n to still keep the following translation keys (used as value for: errorMessage):\n * t('invalidCredentials')\n */\n subtitle={t(errorMessage)}\n title={t(\"error\", \"Error\")}\n onClick={() => setErrorMessage(\"\")}\n />\n )}\n <Tile className={styles[\"login-card\"]}>\n <div className={styles[\"center\"]}>{logo}</div>\n <form onSubmit={handleSubmit} ref={formRef}>\n {!showPassword && (\n <div className={styles[\"input-group\"]}>\n <TextInput\n id=\"username\"\n type=\"text\"\n name=\"username\"\n labelText={t(\"username\", \"Username\")}\n className={styles.inputStyle}\n value={username}\n onChange={changeUsername}\n ref={usernameInputRef}\n autoFocus\n required\n />\n\n <input\n id=\"password\"\n style={hidden}\n type=\"password\"\n name=\"password\"\n value={password}\n onChange={changePassword}\n />\n\n <Button\n className={styles.continueButton}\n renderIcon={ArrowRight24}\n type=\"submit\"\n iconDescription=\"Next\"\n onClick={continueLogin}\n disabled={!isLoginEnabled}\n >\n {t(\"continue\", \"Continue\")}\n </Button>\n </div>\n )}\n {showPassword && (\n <div className={styles[\"input-group\"]}>\n <input\n id=\"username\"\n type=\"text\"\n name=\"username\"\n style={hidden}\n value={username}\n onChange={changeUsername}\n required\n />\n\n <TextInput.PasswordInput\n id=\"password\"\n invalidText={t(\n \"validValueRequired\",\n \"A valid value is required\"\n )}\n labelText={t(\"password\", \"Password\")}\n name=\"password\"\n className={styles.inputStyle}\n value={password}\n onChange={changePassword}\n ref={passwordInputRef}\n required\n showPasswordLabel=\"Show password\"\n />\n\n <Button\n aria-label=\"submit\"\n type=\"submit\"\n className={styles.continueButton}\n renderIcon={ArrowRight24}\n iconDescription=\"Next\"\n disabled={!isLoginEnabled}\n >\n {t(\"login\", \"Log in\")}\n </Button>\n </div>\n )}\n </form>\n </Tile>\n <div className={styles[\"need-help\"]}>\n <p className={styles[\"need-help-txt\"]}>\n {t(\"needHelp\", \"Need help?\")}\n <Button kind=\"ghost\">\n {t(\"contactAdmin\", \"Contact the site administrator\")}\n </Button>\n </p>\n </div>\n <div className={styles[\"footer\"]}>\n <p className={styles[\"powered-by-txt\"]}>\n {t(\"poweredBy\", \"Powered by\")}\n </p>\n <div>\n <svg role=\"img\" className={styles[\"powered-by-logo\"]}>\n <use xlinkHref=\"#omrs-logo-partial-mono\"></use>\n </svg>\n </div>\n </div>\n </div>\n );\n }\n\n return null;\n};\n\nexport default Login;\n","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./loading.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./loading.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\nimport { Loading } from \"carbon-components-react\";\nimport styles from \"./loading.scss\";\n\nconst LoadingIcon: React.FC = () => (\n <div className={styles[\"centerLoadingSVG\"]}>\n <Loading\n description=\"Active loading indicator\"\n role=\"progressbar\"\n withOverlay={false}\n small\n />\n </div>\n);\n\nexport default LoadingIcon;\n","import React, { useCallback, useEffect } from \"react\";\nimport LoadingIcon from \"../loading/loading.component\";\nimport LocationPicker from \"../location-picker/location-picker.component\";\nimport { RouteComponentProps } from \"react-router-dom\";\nimport {\n navigate,\n useConfig,\n setSessionLocation,\n useSession,\n} from \"@openmrs/esm-framework\";\nimport { useLoginLocations } from \"./choose-location.resource\";\nimport type { StaticContext } from \"react-router\";\n\nexport interface LoginReferrer {\n referrer?: string;\n}\n\nexport interface ChooseLocationProps\n extends RouteComponentProps<{}, StaticContext, LoginReferrer> {\n isLoginEnabled: boolean;\n}\n\nexport const ChooseLocation: React.FC<ChooseLocationProps> = ({\n location,\n isLoginEnabled,\n}) => {\n const returnToUrl = new URLSearchParams(location?.search).get(\"returnToUrl\");\n const referrer = location?.state?.referrer;\n const config = useConfig();\n const { user } = useSession();\n const { locationData, isLoading } = useLoginLocations(\n config.chooseLocation.useLoginLocationTag\n );\n\n const changeLocation = useCallback(\n (locationUuid?: string) => {\n const sessionDefined = locationUuid\n ? setSessionLocation(locationUuid, new AbortController())\n : Promise.resolve();\n\n sessionDefined.then(() => {\n if (\n referrer &&\n ![\"/\", \"/login\", \"/login/location\"].includes(referrer)\n ) {\n navigate({ to: \"${openmrsSpaBase}\" + referrer });\n return;\n }\n if (returnToUrl && returnToUrl !== \"/\") {\n navigate({ to: returnToUrl });\n } else {\n navigate({ to: config.links.loginSuccess });\n }\n return;\n });\n },\n [referrer, config.links.loginSuccess, returnToUrl]\n );\n\n // Handle cases where the location picker is disabled, there is only one\n // location, or there are no locations.\n useEffect(() => {\n if (!isLoading) {\n if (!config.chooseLocation.enabled || locationData?.length === 1) {\n changeLocation(locationData[0]?.resource.id);\n }\n if (!isLoading && !locationData?.length) {\n changeLocation();\n }\n }\n }, [\n locationData,\n user,\n changeLocation,\n config.chooseLocation.enabled,\n isLoading,\n ]);\n\n if (!isLoading && !user) {\n navigate({ to: \"${openmrsSpaBase}/login\" });\n return null;\n }\n\n if (!isLoading || !isLoginEnabled) {\n return (\n <LocationPicker\n currentUser={user.display}\n loginLocations={locationData ?? []}\n onChangeLocation={changeLocation}\n isLoginEnabled={isLoginEnabled}\n />\n );\n }\n\n return <LoadingIcon />;\n};\n\nexport default ChooseLocation;\n","import {\n clearCurrentUser,\n openmrsFetch,\n refetchCurrentUser,\n} from \"@openmrs/esm-framework\";\n\nexport async function performLogout() {\n await openmrsFetch(\"/ws/rest/v1/session\", {\n method: \"DELETE\",\n });\n clearCurrentUser();\n await refetchCurrentUser();\n}\n","import React, { useEffect } from \"react\";\nimport { RouteComponentProps } from \"react-router-dom\";\nimport { navigate, useConfig, useSession } from \"@openmrs/esm-framework\";\nimport { performLogout } from \"./logout.resource\";\n\nexport interface RedirectLogoutProps extends RouteComponentProps<{}> {\n isLoginEnabled: boolean;\n}\n\nconst RedirectLogout: React.FC<RedirectLogoutProps> = ({ isLoginEnabled }) => {\n const config = useConfig();\n const session = useSession();\n\n useEffect(() => {\n if (!session.authenticated || !isLoginEnabled) {\n navigate({ to: \"${openmrsSpaBase}/login\" });\n } else {\n performLogout().then(() => {\n if (config.provider.type === \"oauth2\") {\n location.href = config.provider.logoutUrl;\n } else {\n navigate({ to: \"${openmrsSpaBase}/login\" });\n }\n });\n }\n }, [isLoginEnabled, session, config]);\n\n return null;\n};\n\nexport default RedirectLogout;\n","import React from \"react\";\nimport Login from \"./login/login.component\";\nimport ChooseLocation from \"./choose-location/choose-location.component\";\nimport RedirectLogout from \"./redirect-logout/redirect-logout.component\";\nimport { BrowserRouter, Route } from \"react-router-dom\";\n\nexport interface RootProps {\n isLoginEnabled: boolean;\n}\n\nconst Root: React.FC<RootProps> = ({ isLoginEnabled }) => {\n return (\n <BrowserRouter basename={window.spaBase}>\n <Route\n exact\n path=\"/login(/confirm)?\"\n render={(props) => <Login {...props} isLoginEnabled={isLoginEnabled} />}\n />\n <Route\n exact\n path=\"/login/location\"\n render={(props) => (\n <ChooseLocation {...props} isLoginEnabled={isLoginEnabled} />\n )}\n />\n <Route\n exact\n path=\"/logout\"\n render={(props) => (\n <RedirectLogout {...props} isLoginEnabled={isLoginEnabled} />\n )}\n />\n </BrowserRouter>\n );\n};\n\nexport default Root;\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","locals","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","undefined","performLogin","username","password","token","window","btoa","openmrsFetch","headers","Authorization","then","res","refetchCurrentUser","hidden","height","width","border","padding","history","location","isLoginEnabled","config","useConfig","useSession","user","useState","setUsername","setPassword","errorMessage","setErrorMessage","passwordInputRef","useRef","usernameInputRef","formRef","t","useTranslation","showPassword","pathname","useEffect","state","replace","field","current","focus","provider","type","loginUrl","href","continueLogin","useCallback","value","length","changeUsername","evt","target","changePassword","resetUserNameAndPassword","handleSubmit","loginRes","authData","preventDefault","stopPropagation","data","authenticated","Error","error","message","logo","src","img","interpolateUrl","alt","className","styles","svg","role","title","use","xlinkHref","div","InlineNotification","kind","style","subtitle","onClick","Tile","form","onSubmit","ref","TextInput","name","labelText","onChange","autoFocus","required","input","Button","renderIcon","ArrowRight24","iconDescription","disabled","invalidText","showPasswordLabel","aria-label","p","Loading","description","withOverlay","small","returnToUrl","URLSearchParams","search","get","referrer","useLoginLocations","chooseLocation","useLoginLocationTag","locationData","isLoading","changeLocation","locationUuid","setSessionLocation","AbortController","Promise","resolve","includes","navigate","to","links","loginSuccess","enabled","resource","LoadingIcon","LocationPicker","currentUser","display","loginLocations","onChangeLocation","performLogout","method","clearCurrentUser","session","logoutUrl","BrowserRouter","basename","spaBase","Route","exact","path","render","props","Login","ChooseLocation","RedirectLogout"],"sourceRoot":""}