@openmrs/esm-active-visits-app 3.1.1-pre.83 → 3.1.1-pre.92

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 (14) hide show
  1. package/.turbo/turbo-build.log +39 -39
  2. package/dist/150.js +1 -1
  3. package/dist/221.js +1 -1
  4. package/dist/221.js.map +1 -1
  5. package/dist/785.js +3 -0
  6. package/dist/785.js.LICENSE.txt +8 -0
  7. package/dist/785.js.map +1 -0
  8. package/dist/openmrs-esm-active-visits-app.js +1 -1
  9. package/dist/openmrs-esm-active-visits-app.js.buildmanifest.json +30 -30
  10. package/package.json +2 -2
  11. package/src/active-visits-widget/active-visits.component.tsx +27 -5
  12. package/src/active-visits-widget/active-visits.resource.tsx +6 -0
  13. package/dist/614.js +0 -2
  14. package/dist/614.js.map +0 -1
package/dist/221.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"221.js","mappings":"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","sources":["webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.scss","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/empty-data-illustration.component.tsx","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.resource.tsx","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.scss?6435","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.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, \":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-active-visits__active-visits__productiveHeading01___5dzOt{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-active-visits__active-visits__productiveHeading02___-o9Tn{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-active-visits__active-visits__bodyLong01___xwAEE{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-active-visits__active-visits__caption01___e7sSC{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-active-visits__active-visits__bodyShort02___BiPkR{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0}.-esm-active-visits__active-visits__text02___lkEHs{color:#525252}.-esm-active-visits__active-visits__text01___iTf3H{color:#161616}.-esm-active-visits__active-visits__activeVisitsContainer___XAE0K{background-color:#fff;border:1px solid #e0e0e0;width:100%;margin:0 auto;max-width:95vw}.-esm-active-visits__active-visits__activeVisitsDetailHeaderContainer___pjwhu{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0 .75rem 1rem;background-color:#fff}.-esm-active-visits__active-visits__backgroundDataFetchingIndicator___YszBc{align-items:center;display:flex;flex:1 1 0%;justify-content:center}.-esm-active-visits__active-visits__tableContainer___27wfu section{position:relative}.-esm-active-visits__active-visits__tableContainer___27wfu a{text-decoration:none}.-esm-active-visits__active-visits__pagination___h8NbE{overflow:hidden}.-esm-active-visits__active-visits__emptyRow___jKDsj{padding:0 1rem;display:flex;align-items:center}.-esm-active-visits__active-visits__visitSummaryContainer___mBkXn{width:100%;max-width:768px;margin:1rem auto}.-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO>td>div{max-height:max-content !important}.-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO td{padding:0 2rem}.-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO th[colspan] td[colspan]>div:first-child{padding:0 1rem}.-esm-active-visits__active-visits__action___Kn0CE{margin-bottom:.5rem}.-esm-active-visits__active-visits__content___hF3rN{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px;color:#525252;margin-top:1rem;margin-bottom:.5rem}.-esm-active-visits__active-visits__desktopHeading___3cKg8 h4{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#525252}.-esm-active-visits__active-visits__tabletHeading___vrNoH h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;color:#525252}.-esm-active-visits__active-visits__desktopHeading___3cKg8,.-esm-active-visits__active-visits__tabletHeading___vrNoH{text-align:left;text-transform:capitalize;margin-bottom:1rem}.-esm-active-visits__active-visits__desktopHeading___3cKg8 h4:after,.-esm-active-visits__active-visits__tabletHeading___vrNoH h4:after{content:\\\"\\\";display:block;width:2rem;padding-top:3px;border-bottom:.375rem solid;border-bottom-color:#007d79;border-bottom-color:var(--brand-03)}.-esm-active-visits__active-visits__tile___OJ1Dy{text-align:center}\", \"\",{\"version\":3,\"sources\":[\"webpack://./../../node_modules/@openmrs/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://./src/active-visits-widget/active-visits.scss\",\"webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCzCF,gEC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,gECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,uDCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDrrB1B,sDCggBI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDjrB1B,wDC4fI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CD7qB1B,mDACE,aAAA,CAGF,mDACE,aAAA,CE1BF,kEACE,qBHIc,CGHd,wBAAA,CACA,UAAA,CACA,aAAA,CACA,cAAA,CAGF,8EACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,4BAAA,CACA,qBHRc,CGWhB,4EACE,kBAAA,CACA,YAAA,CACA,WAAA,CACA,sBAAA,CAGF,mEACE,iBAAA,CAGF,6DACE,oBAAA,CAGF,uDACE,eAAA,CAGF,qDACE,cAAA,CACA,YAAA,CACA,kBAAA,CAGF,kEACE,UAAA,CACA,eAAA,CACA,gBAAA,CAGF,0EACE,iCAAA,CAGF,sEACE,cAAA,CAGF,2GACE,cAAA,CAGF,mDACE,mBCmFa,CDhFf,oDD8cI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CCjoBxB,aH9DQ,CG+DR,eC+Ea,CD9Eb,mBC4Ea,CDxEb,8DDscE,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CCznBtB,aHtEM,CG2ER,6DD+bE,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CClnBtB,aH7EM,CGiFV,qHAEE,eAAA,CACA,yBAAA,CACA,kBCyDa,CDvDb,uIACE,UAAA,CACA,aAAA,CACA,UAAA,CACA,eAAA,CACA,2BAAA,CH5DF,2BAAA,CACA,mCAAA,CGgEF,iDACE,iBAAA\",\"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/typography.scss';\\n@import '~@openmrs/esm-styleguide/src/vars';\\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.bodyLong01 {\\n @include carbon--type-style('body-long-01');\\n}\\n\\n.caption01 {\\n @include carbon--type-style('caption-01');\\n}\\n\\n.bodyShort02 {\\n @include carbon--type-style('body-short-02');\\n}\\n\\n.text02 {\\n color: #525252;\\n}\\n\\n.text01 {\\n color: #161616;\\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\",\"@import '../root.scss';\\n\\n.activeVisitsContainer {\\n background-color: $ui-background;\\n border: 1px solid $ui-03;\\n width: 100%;\\n margin: 0 auto;\\n max-width: 95vw;\\n}\\n\\n.activeVisitsDetailHeaderContainer {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: $spacing-04 0 $spacing-04 $spacing-05;\\n background-color: $ui-background;\\n}\\n\\n.backgroundDataFetchingIndicator {\\n align-items: center;\\n display: flex;\\n flex: 1 1 0%;\\n justify-content: center;\\n}\\n\\n.tableContainer section {\\n position: relative;\\n}\\n\\n.tableContainer a {\\n text-decoration: none;\\n}\\n\\n.pagination {\\n overflow: hidden;\\n}\\n\\n.emptyRow {\\n padding: 0 1rem;\\n display: flex;\\n align-items: center;\\n}\\n\\n.visitSummaryContainer {\\n width: 100%;\\n max-width: 768px;\\n margin: 1rem auto;\\n}\\n\\n.expandedActiveVisitRow > td > div {\\n max-height: max-content !important;\\n}\\n\\n.expandedActiveVisitRow td {\\n padding: 0 2rem;\\n}\\n\\n.expandedActiveVisitRow th[colspan] td[colspan] > div:first-child {\\n padding: 0 1rem;\\n}\\n\\n.action {\\n margin-bottom: $spacing-03;\\n}\\n\\n.content {\\n @include carbon--type-style('productive-heading-01');\\n color: $text-02;\\n margin-top: $spacing-05;\\n margin-bottom: $spacing-03;\\n}\\n\\n.desktopHeading {\\n h4 {\\n @include carbon--type-style('productive-heading-02');\\n color: $text-02;\\n }\\n}\\n\\n.tabletHeading {\\n h4 {\\n @include carbon--type-style('productive-heading-03');\\n color: $text-02;\\n }\\n}\\n\\n.desktopHeading,\\n.tabletHeading {\\n text-align: left;\\n text-transform: capitalize;\\n margin-bottom: $spacing-05;\\n\\n h4:after {\\n content: '';\\n display: block;\\n width: 2rem;\\n padding-top: 3px;\\n border-bottom: 0.375rem solid;\\n @include brand-03(border-bottom-color);\\n }\\n}\\n\\n.tile {\\n text-align: center;\\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\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-active-visits__active-visits__productiveHeading01___5dzOt\",\n\t\"productiveHeading02\": \"-esm-active-visits__active-visits__productiveHeading02___-o9Tn\",\n\t\"bodyLong01\": \"-esm-active-visits__active-visits__bodyLong01___xwAEE\",\n\t\"caption01\": \"-esm-active-visits__active-visits__caption01___e7sSC\",\n\t\"bodyShort02\": \"-esm-active-visits__active-visits__bodyShort02___BiPkR\",\n\t\"text02\": \"-esm-active-visits__active-visits__text02___lkEHs\",\n\t\"text01\": \"-esm-active-visits__active-visits__text01___iTf3H\",\n\t\"activeVisitsContainer\": \"-esm-active-visits__active-visits__activeVisitsContainer___XAE0K\",\n\t\"activeVisitsDetailHeaderContainer\": \"-esm-active-visits__active-visits__activeVisitsDetailHeaderContainer___pjwhu\",\n\t\"backgroundDataFetchingIndicator\": \"-esm-active-visits__active-visits__backgroundDataFetchingIndicator___YszBc\",\n\t\"tableContainer\": \"-esm-active-visits__active-visits__tableContainer___27wfu\",\n\t\"pagination\": \"-esm-active-visits__active-visits__pagination___h8NbE\",\n\t\"emptyRow\": \"-esm-active-visits__active-visits__emptyRow___jKDsj\",\n\t\"visitSummaryContainer\": \"-esm-active-visits__active-visits__visitSummaryContainer___mBkXn\",\n\t\"expandedActiveVisitRow\": \"-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO\",\n\t\"action\": \"-esm-active-visits__active-visits__action___Kn0CE\",\n\t\"content\": \"-esm-active-visits__active-visits__content___hF3rN\",\n\t\"desktopHeading\": \"-esm-active-visits__active-visits__desktopHeading___3cKg8\",\n\t\"tabletHeading\": \"-esm-active-visits__active-visits__tabletHeading___vrNoH\",\n\t\"tile\": \"-esm-active-visits__active-visits__tile___OJ1Dy\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","import React from 'react';\n\nexport const EmptyDataIllustration = ({ width = '61', height = '59' }) => {\n return (\n <svg width={width} height={height} viewBox=\"0 0 61 59\">\n <title>Empty data illustration</title>\n <g fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M38.133 13.186H21.947c-.768.001-1.39.623-1.39 1.391V50.55l-.186.057-3.97 1.216a.743.743 0 01-.927-.493L3.664 12.751a.742.742 0 01.492-.926l6.118-1.874 17.738-5.43 6.119-1.873a.741.741 0 01.926.492L38.076 13l.057.186z\"\n fill=\"#F4F4F4\"\n />\n <path\n d=\"M41.664 13L38.026 1.117A1.576 1.576 0 0036.056.07l-8.601 2.633-17.737 5.43-8.603 2.634a1.578 1.578 0 00-1.046 1.97l12.436 40.616a1.58 1.58 0 001.969 1.046l5.897-1.805.185-.057v-.194l-.185.057-5.952 1.822a1.393 1.393 0 01-1.737-.923L.247 12.682a1.39 1.39 0 01.923-1.738L9.772 8.31 27.51 2.881 36.112.247a1.393 1.393 0 011.737.923L41.47 13l.057.186h.193l-.057-.185z\"\n fill=\"#8D8D8D\"\n />\n <path\n d=\"M11.378 11.855a.836.836 0 01-.798-.59L9.385 7.361a.835.835 0 01.554-1.042l16.318-4.996a.836.836 0 011.042.554l1.195 3.902a.836.836 0 01-.554 1.043l-16.318 4.995a.831.831 0 01-.244.037z\"\n fill=\"#C6C6C6\"\n />\n <circle fill=\"#C6C6C6\" cx={17.636} cy={2.314} r={1.855} />\n <circle fill=\"#FFF\" fillRule=\"nonzero\" cx={17.636} cy={2.314} r={1.175} />\n <path\n d=\"M55.893 53.995H24.544a.79.79 0 01-.788-.789V15.644a.79.79 0 01.788-.788h31.349a.79.79 0 01.788.788v37.562a.79.79 0 01-.788.789z\"\n fill=\"#F4F4F4\"\n />\n <path\n d=\"M41.47 13H21.948a1.579 1.579 0 00-1.576 1.577V52.4l.185-.057V14.577c.001-.768.623-1.39 1.391-1.39h19.581L41.471 13zm17.02 0H21.947a1.579 1.579 0 00-1.576 1.577v42.478c0 .87.706 1.576 1.576 1.577H58.49a1.579 1.579 0 001.576-1.577V14.577a1.579 1.579 0 00-1.576-1.576zm1.39 44.055c0 .768-.622 1.39-1.39 1.392H21.947c-.768-.001-1.39-.624-1.39-1.392V14.577c0-.768.622-1.39 1.39-1.39H58.49c.768 0 1.39.622 1.39 1.39v42.478z\"\n fill=\"#8D8D8D\"\n />\n <path\n d=\"M48.751 17.082H31.686a.836.836 0 01-.835-.835v-4.081c0-.46.374-.834.835-.835H48.75c.461 0 .834.374.835.835v4.08c0 .462-.374.835-.835.836z\"\n fill=\"#C6C6C6\"\n />\n <circle fill=\"#C6C6C6\" cx={40.218} cy={9.755} r={1.855} />\n <circle fill=\"#FFF\" fillRule=\"nonzero\" cx={40.218} cy={9.755} r={1.13} />\n </g>\n </svg>\n );\n};\n","import useSWR from 'swr';\nimport dayjs from 'dayjs';\nimport isToday from 'dayjs/plugin/isToday';\nimport { openmrsFetch, Visit, useSession } from '@openmrs/esm-framework';\n\ndayjs.extend(isToday);\n\nexport interface ActiveVisit {\n age: string;\n id: string;\n idNumber: string;\n gender: string;\n location: string;\n name: string;\n patientUuid: string;\n visitStartTime: string;\n visitType: string;\n visitUuid: string;\n}\n\nexport function useActiveVisits() {\n const currentUserSession = useSession();\n const startDate = dayjs().format('YYYY-MM-DD');\n const sessionLocation = currentUserSession?.sessionLocation?.uuid;\n\n const customRepresentation =\n 'custom:(uuid,patient:(uuid,identifiers:(identifier,uuid),person:(age,display,gender,uuid)),' +\n 'visitType:(uuid,name,display),location:(uuid,name,display),startDatetime,' +\n 'stopDatetime)&fromStartDate=' +\n startDate +\n '&location=' +\n sessionLocation;\n const url = `/ws/rest/v1/visit?includeInactive=false&v=${customRepresentation}`;\n const { data, error, isValidating } = useSWR<{ data: { results: Array<Visit> } }, Error>(\n sessionLocation ? url : null,\n openmrsFetch,\n );\n\n const mapVisitProperties = (visit: Visit): ActiveVisit => ({\n age: visit?.patient?.person?.age,\n id: visit.uuid,\n idNumber: visit?.patient?.identifiers[0]?.identifier,\n gender: visit?.patient?.person?.gender,\n location: visit?.location?.uuid,\n name: visit?.patient?.person?.display,\n patientUuid: visit?.patient?.uuid,\n visitStartTime: visit?.startDatetime,\n visitType: visit?.visitType?.display,\n visitUuid: visit.uuid,\n });\n\n const formattedActiveVisits = data?.data?.results.length\n ? data.data.results.map(mapVisitProperties).filter(({ visitStartTime }) => dayjs(visitStartTime).isToday())\n : [];\n\n return {\n activeVisits: formattedActiveVisits,\n isLoading: !data && !error,\n isError: error,\n isValidating,\n };\n}\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/@openmrs/webpack-config/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./active-visits.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/@openmrs/webpack-config/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./active-visits.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React, { useMemo, useEffect, useState, useCallback } from 'react';\nimport {\n DataTable,\n DataTableSkeleton,\n InlineLoading,\n Pagination,\n Search,\n Table,\n TableContainer,\n TableHead,\n TableRow,\n TableHeader,\n TableBody,\n TableCell,\n TableToolbar,\n TableToolbarContent,\n TableExpandRow,\n TableExpandHeader,\n Tile,\n} from 'carbon-components-react';\nimport {\n useLayoutType,\n useConfig,\n usePagination,\n ConfigurableLink,\n ExtensionSlot,\n formatDatetime,\n parseDate,\n} from '@openmrs/esm-framework';\nimport { useTranslation } from 'react-i18next';\nimport { EmptyDataIllustration } from './empty-data-illustration.component';\nimport { ActiveVisit, useActiveVisits } from './active-visits.resource';\nimport styles from './active-visits.scss';\n\ninterface PaginationData {\n goTo: (page: number) => void;\n results: Array<ActiveVisit>;\n currentPage: number;\n}\n\nconst ActiveVisitsTable = () => {\n const { t } = useTranslation();\n const config = useConfig();\n const layout = useLayoutType();\n const { activeVisits, isError, isLoading, isValidating } = useActiveVisits();\n const desktopView = layout === 'desktop';\n const pageSizes = config?.activeVisits?.pageSizes ?? [10, 20, 30, 40, 50];\n const [currentPageSize, setPageSize] = useState(config?.activeVisits?.pageSize ?? 10);\n const [searchString, setSearchString] = useState('');\n\n const headerData = useMemo(\n () => [\n {\n id: 0,\n header: t('visitStartTime', 'Visit Time'),\n key: 'visitStartTime',\n },\n {\n id: 1,\n header: t('idNumber', 'ID Number'),\n key: 'idNumber',\n },\n {\n id: 2,\n header: t('name', 'Name'),\n key: 'name',\n },\n {\n id: 3,\n header: t('gender', 'Gender'),\n key: 'gender',\n },\n {\n id: 4,\n header: t('age', 'Age'),\n key: 'age',\n },\n {\n id: 5,\n header: t('visitType', 'Visit Type'),\n key: 'visitType',\n },\n ],\n [t],\n );\n\n const rowData = activeVisits.map((visit) => ({\n ...visit,\n visitStartTime: formatDatetime(parseDate(visit.visitStartTime)),\n }));\n\n const searchResults = useMemo(() => {\n if (searchString && searchString.trim() !== '') {\n const search = searchString.toLowerCase();\n return rowData.filter((activeVisitRow) =>\n Object.keys(activeVisitRow).some((header) => {\n if (header === 'patientUuid') {\n return false;\n }\n return `${activeVisitRow[header]}`.toLowerCase().includes(search);\n }),\n );\n } else {\n return rowData;\n }\n }, [searchString, rowData]);\n\n const {\n goTo,\n results: paginatedActiveVisits,\n currentPage,\n }: PaginationData = usePagination(searchResults, currentPageSize);\n\n const handleSearch = useCallback((e) => setSearchString(e.target.value), []);\n\n useEffect(() => {\n if (currentPage !== 1) {\n goTo(1);\n }\n }, [searchString]);\n\n if (isLoading) {\n return <DataTableSkeleton role=\"progressbar\" />;\n }\n if (activeVisits?.length) {\n return (\n <div className={styles.activeVisitsContainer}>\n <div className={styles.activeVisitsDetailHeaderContainer}>\n <div className={!desktopView ? styles.tabletHeading : styles.desktopHeading}>\n <h4>{t('activeVisits', 'Active Visits')}</h4>\n </div>\n <div className={styles.backgroundDataFetchingIndicator}>\n <span>{isValidating ? <InlineLoading /> : null}</span>\n </div>\n </div>\n <DataTable\n rows={paginatedActiveVisits}\n headers={headerData}\n size={desktopView ? 'compact' : 'normal'}\n useZebraStyles>\n {({ rows, headers, getHeaderProps, getTableProps, getBatchActionProps, getRowProps }) => (\n <TableContainer className={styles.tableContainer}>\n <TableToolbar>\n <TableToolbarContent>\n <Search\n tabIndex={getBatchActionProps().shouldShowBatchActions ? -1 : 0}\n labelText=\"\"\n placeholder={t('filterTable', 'Filter table')}\n onChange={handleSearch}\n />\n </TableToolbarContent>\n </TableToolbar>\n <Table className={styles.activeVisitsTable} {...getTableProps()}>\n <TableHead>\n <TableRow>\n <TableExpandHeader />\n {headers.map((header) => (\n <TableHeader {...getHeaderProps({ header })}>{header.header}</TableHeader>\n ))}\n </TableRow>\n </TableHead>\n <TableBody>\n {rows.map((row, index) => (\n <React.Fragment key={index}>\n <TableExpandRow {...getRowProps({ row })}>\n {row.cells.map((cell) => (\n <TableCell key={cell.id}>\n {cell.info.header === 'name' ? (\n <ConfigurableLink\n to={`\\${openmrsSpaBase}/patient/${paginatedActiveVisits?.[index]?.patientUuid}/chart/`}>\n {cell.value}\n </ConfigurableLink>\n ) : (\n cell.value\n )}\n </TableCell>\n ))}\n </TableExpandRow>\n {row.isExpanded ? (\n <TableRow className={styles.expandedActiveVisitRow}>\n <th colSpan={headers.length + 2}>\n <ExtensionSlot\n className={styles.visitSummaryContainer}\n extensionSlotName=\"visit-summary-slot\"\n state={{\n visitUuid: paginatedActiveVisits[index]?.visitUuid,\n patientUuid: paginatedActiveVisits[index]?.patientUuid,\n }}\n />\n </th>\n </TableRow>\n ) : (\n <div />\n )}\n </React.Fragment>\n ))}\n </TableBody>\n </Table>\n {rows.length === 0 && (\n <p\n style={{ height: desktopView ? '2rem' : '3rem', marginLeft: desktopView ? '2rem' : '3rem' }}\n className={`${styles.emptyRow} ${styles.bodyLong01}`}>\n {t('noVisitsFound', 'No visits found')}\n </p>\n )}\n <Pagination\n forwardText=\"Next page\"\n backwardText=\"Previous page\"\n page={currentPage}\n pageSize={currentPageSize}\n pageSizes={pageSizes}\n totalItems={searchResults.length}\n className={styles.pagination}\n onChange={({ pageSize, page }) => {\n if (pageSize !== currentPageSize) {\n setPageSize(pageSize);\n }\n if (page !== currentPage) {\n goTo(page);\n }\n }}\n />\n </TableContainer>\n )}\n </DataTable>\n </div>\n );\n }\n return (\n <div className={styles.activeVisitsContainer}>\n <Tile light className={styles.tile}>\n <div className={!desktopView ? styles.tabletHeading : styles.desktopHeading}>\n <h4>{t('activeVisits', 'Active Visits')}</h4>\n </div>\n <EmptyDataIllustration />\n <p className={styles.content}>\n {t('noActiveVisitsForLocation', 'There are no active visits to display for this location.')}\n </p>\n </Tile>\n </div>\n );\n};\n\nexport default ActiveVisitsTable;\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","locals","EmptyDataIllustration","width","height","svg","viewBox","title","g","fill","fillRule","path","d","circle","cx","cy","r","dayjs","isToday","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","undefined","config","useTranslation","t","useConfig","layout","useLayoutType","useActiveVisits","currentUserSession","data","useSession","startDate","format","sessionLocation","uuid","url","useSWR","openmrsFetch","error","isValidating","activeVisits","results","length","map","visit","age","patient","person","idNumber","identifiers","identifier","gender","location","name","display","patientUuid","visitStartTime","startDatetime","visitType","visitUuid","filter","isLoading","isError","desktopView","pageSizes","useState","pageSize","currentPageSize","setPageSize","searchString","setSearchString","headerData","useMemo","header","key","rowData","formatDatetime","parseDate","searchResults","trim","search","toLowerCase","activeVisitRow","Object","keys","some","includes","usePagination","goTo","currentPage","handleSearch","useCallback","e","target","value","useEffect","DataTableSkeleton","role","div","className","styles","h4","span","InlineLoading","DataTable","rows","paginatedActiveVisits","headers","size","useZebraStyles","getHeaderProps","getTableProps","getBatchActionProps","getRowProps","TableContainer","TableToolbar","TableToolbarContent","Search","tabIndex","shouldShowBatchActions","labelText","placeholder","onChange","Table","TableHead","TableRow","TableExpandHeader","TableHeader","TableBody","row","index","React","TableExpandRow","cells","cell","TableCell","info","ConfigurableLink","to","isExpanded","th","colSpan","ExtensionSlot","extensionSlotName","state","p","style","marginLeft","Pagination","forwardText","backwardText","page","totalItems","Tile","light"],"sourceRoot":""}
1
+ {"version":3,"file":"221.js","mappings":"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","sources":["webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.scss","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/empty-data-illustration.component.tsx","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.resource.tsx","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.scss?6435","webpack://@openmrs/esm-active-visits-app/./src/active-visits-widget/active-visits.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, \":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-active-visits__active-visits__productiveHeading01___5dzOt{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-active-visits__active-visits__productiveHeading02___-o9Tn{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-active-visits__active-visits__bodyLong01___xwAEE{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-active-visits__active-visits__caption01___e7sSC{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-active-visits__active-visits__bodyShort02___BiPkR{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0}.-esm-active-visits__active-visits__text02___lkEHs{color:#525252}.-esm-active-visits__active-visits__text01___iTf3H{color:#161616}.-esm-active-visits__active-visits__activeVisitsContainer___XAE0K{background-color:#fff;border:1px solid #e0e0e0;width:100%;margin:0 auto;max-width:95vw}.-esm-active-visits__active-visits__activeVisitsDetailHeaderContainer___pjwhu{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0 .75rem 1rem;background-color:#fff}.-esm-active-visits__active-visits__backgroundDataFetchingIndicator___YszBc{align-items:center;display:flex;flex:1 1 0%;justify-content:center}.-esm-active-visits__active-visits__tableContainer___27wfu section{position:relative}.-esm-active-visits__active-visits__tableContainer___27wfu a{text-decoration:none}.-esm-active-visits__active-visits__pagination___h8NbE{overflow:hidden}.-esm-active-visits__active-visits__emptyRow___jKDsj{padding:0 1rem;display:flex;align-items:center}.-esm-active-visits__active-visits__visitSummaryContainer___mBkXn{width:100%;max-width:768px;margin:1rem auto}.-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO>td>div{max-height:max-content !important}.-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO td{padding:0 2rem}.-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO th[colspan] td[colspan]>div:first-child{padding:0 1rem}.-esm-active-visits__active-visits__action___Kn0CE{margin-bottom:.5rem}.-esm-active-visits__active-visits__content___hF3rN{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px;color:#525252;margin-top:1rem;margin-bottom:.5rem}.-esm-active-visits__active-visits__desktopHeading___3cKg8 h4{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#525252}.-esm-active-visits__active-visits__tabletHeading___vrNoH h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;color:#525252}.-esm-active-visits__active-visits__desktopHeading___3cKg8,.-esm-active-visits__active-visits__tabletHeading___vrNoH{text-align:left;text-transform:capitalize;margin-bottom:1rem}.-esm-active-visits__active-visits__desktopHeading___3cKg8 h4:after,.-esm-active-visits__active-visits__tabletHeading___vrNoH h4:after{content:\\\"\\\";display:block;width:2rem;padding-top:3px;border-bottom:.375rem solid;border-bottom-color:#007d79;border-bottom-color:var(--brand-03)}.-esm-active-visits__active-visits__tile___OJ1Dy{text-align:center}\", \"\",{\"version\":3,\"sources\":[\"webpack://./../../node_modules/@openmrs/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://./src/active-visits-widget/active-visits.scss\",\"webpack://./../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss\"],\"names\":[],\"mappings\":\"AAyCA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCzCF,gEC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,gECwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,uDCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDrrB1B,sDCggBI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDjrB1B,wDC4fI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CD7qB1B,mDACE,aAAA,CAGF,mDACE,aAAA,CE1BF,kEACE,qBHIc,CGHd,wBAAA,CACA,UAAA,CACA,aAAA,CACA,cAAA,CAGF,8EACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,4BAAA,CACA,qBHRc,CGWhB,4EACE,kBAAA,CACA,YAAA,CACA,WAAA,CACA,sBAAA,CAGF,mEACE,iBAAA,CAGF,6DACE,oBAAA,CAGF,uDACE,eAAA,CAGF,qDACE,cAAA,CACA,YAAA,CACA,kBAAA,CAGF,kEACE,UAAA,CACA,eAAA,CACA,gBAAA,CAGF,0EACE,iCAAA,CAGF,sEACE,cAAA,CAGF,2GACE,cAAA,CAGF,mDACE,mBCmFa,CDhFf,oDD8cI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CCjoBxB,aH9DQ,CG+DR,eC+Ea,CD9Eb,mBC4Ea,CDxEb,8DDscE,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CCznBtB,aHtEM,CG2ER,6DD+bE,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CClnBtB,aH7EM,CGiFV,qHAEE,eAAA,CACA,yBAAA,CACA,kBCyDa,CDvDb,uIACE,UAAA,CACA,aAAA,CACA,UAAA,CACA,eAAA,CACA,2BAAA,CH5DF,2BAAA,CACA,mCAAA,CGgEF,iDACE,iBAAA\",\"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/typography.scss';\\n@import '~@openmrs/esm-styleguide/src/vars';\\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.bodyLong01 {\\n @include carbon--type-style('body-long-01');\\n}\\n\\n.caption01 {\\n @include carbon--type-style('caption-01');\\n}\\n\\n.bodyShort02 {\\n @include carbon--type-style('body-short-02');\\n}\\n\\n.text02 {\\n color: #525252;\\n}\\n\\n.text01 {\\n color: #161616;\\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\",\"@import '../root.scss';\\n\\n.activeVisitsContainer {\\n background-color: $ui-background;\\n border: 1px solid $ui-03;\\n width: 100%;\\n margin: 0 auto;\\n max-width: 95vw;\\n}\\n\\n.activeVisitsDetailHeaderContainer {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: $spacing-04 0 $spacing-04 $spacing-05;\\n background-color: $ui-background;\\n}\\n\\n.backgroundDataFetchingIndicator {\\n align-items: center;\\n display: flex;\\n flex: 1 1 0%;\\n justify-content: center;\\n}\\n\\n.tableContainer section {\\n position: relative;\\n}\\n\\n.tableContainer a {\\n text-decoration: none;\\n}\\n\\n.pagination {\\n overflow: hidden;\\n}\\n\\n.emptyRow {\\n padding: 0 1rem;\\n display: flex;\\n align-items: center;\\n}\\n\\n.visitSummaryContainer {\\n width: 100%;\\n max-width: 768px;\\n margin: 1rem auto;\\n}\\n\\n.expandedActiveVisitRow > td > div {\\n max-height: max-content !important;\\n}\\n\\n.expandedActiveVisitRow td {\\n padding: 0 2rem;\\n}\\n\\n.expandedActiveVisitRow th[colspan] td[colspan] > div:first-child {\\n padding: 0 1rem;\\n}\\n\\n.action {\\n margin-bottom: $spacing-03;\\n}\\n\\n.content {\\n @include carbon--type-style('productive-heading-01');\\n color: $text-02;\\n margin-top: $spacing-05;\\n margin-bottom: $spacing-03;\\n}\\n\\n.desktopHeading {\\n h4 {\\n @include carbon--type-style('productive-heading-02');\\n color: $text-02;\\n }\\n}\\n\\n.tabletHeading {\\n h4 {\\n @include carbon--type-style('productive-heading-03');\\n color: $text-02;\\n }\\n}\\n\\n.desktopHeading,\\n.tabletHeading {\\n text-align: left;\\n text-transform: capitalize;\\n margin-bottom: $spacing-05;\\n\\n h4:after {\\n content: '';\\n display: block;\\n width: 2rem;\\n padding-top: 3px;\\n border-bottom: 0.375rem solid;\\n @include brand-03(border-bottom-color);\\n }\\n}\\n\\n.tile {\\n text-align: center;\\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\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"productiveHeading01\": \"-esm-active-visits__active-visits__productiveHeading01___5dzOt\",\n\t\"productiveHeading02\": \"-esm-active-visits__active-visits__productiveHeading02___-o9Tn\",\n\t\"bodyLong01\": \"-esm-active-visits__active-visits__bodyLong01___xwAEE\",\n\t\"caption01\": \"-esm-active-visits__active-visits__caption01___e7sSC\",\n\t\"bodyShort02\": \"-esm-active-visits__active-visits__bodyShort02___BiPkR\",\n\t\"text02\": \"-esm-active-visits__active-visits__text02___lkEHs\",\n\t\"text01\": \"-esm-active-visits__active-visits__text01___iTf3H\",\n\t\"activeVisitsContainer\": \"-esm-active-visits__active-visits__activeVisitsContainer___XAE0K\",\n\t\"activeVisitsDetailHeaderContainer\": \"-esm-active-visits__active-visits__activeVisitsDetailHeaderContainer___pjwhu\",\n\t\"backgroundDataFetchingIndicator\": \"-esm-active-visits__active-visits__backgroundDataFetchingIndicator___YszBc\",\n\t\"tableContainer\": \"-esm-active-visits__active-visits__tableContainer___27wfu\",\n\t\"pagination\": \"-esm-active-visits__active-visits__pagination___h8NbE\",\n\t\"emptyRow\": \"-esm-active-visits__active-visits__emptyRow___jKDsj\",\n\t\"visitSummaryContainer\": \"-esm-active-visits__active-visits__visitSummaryContainer___mBkXn\",\n\t\"expandedActiveVisitRow\": \"-esm-active-visits__active-visits__expandedActiveVisitRow___ONSwO\",\n\t\"action\": \"-esm-active-visits__active-visits__action___Kn0CE\",\n\t\"content\": \"-esm-active-visits__active-visits__content___hF3rN\",\n\t\"desktopHeading\": \"-esm-active-visits__active-visits__desktopHeading___3cKg8\",\n\t\"tabletHeading\": \"-esm-active-visits__active-visits__tabletHeading___vrNoH\",\n\t\"tile\": \"-esm-active-visits__active-visits__tile___OJ1Dy\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","import React from 'react';\n\nexport const EmptyDataIllustration = ({ width = '61', height = '59' }) => {\n return (\n <svg width={width} height={height} viewBox=\"0 0 61 59\">\n <title>Empty data illustration</title>\n <g fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M38.133 13.186H21.947c-.768.001-1.39.623-1.39 1.391V50.55l-.186.057-3.97 1.216a.743.743 0 01-.927-.493L3.664 12.751a.742.742 0 01.492-.926l6.118-1.874 17.738-5.43 6.119-1.873a.741.741 0 01.926.492L38.076 13l.057.186z\"\n fill=\"#F4F4F4\"\n />\n <path\n d=\"M41.664 13L38.026 1.117A1.576 1.576 0 0036.056.07l-8.601 2.633-17.737 5.43-8.603 2.634a1.578 1.578 0 00-1.046 1.97l12.436 40.616a1.58 1.58 0 001.969 1.046l5.897-1.805.185-.057v-.194l-.185.057-5.952 1.822a1.393 1.393 0 01-1.737-.923L.247 12.682a1.39 1.39 0 01.923-1.738L9.772 8.31 27.51 2.881 36.112.247a1.393 1.393 0 011.737.923L41.47 13l.057.186h.193l-.057-.185z\"\n fill=\"#8D8D8D\"\n />\n <path\n d=\"M11.378 11.855a.836.836 0 01-.798-.59L9.385 7.361a.835.835 0 01.554-1.042l16.318-4.996a.836.836 0 011.042.554l1.195 3.902a.836.836 0 01-.554 1.043l-16.318 4.995a.831.831 0 01-.244.037z\"\n fill=\"#C6C6C6\"\n />\n <circle fill=\"#C6C6C6\" cx={17.636} cy={2.314} r={1.855} />\n <circle fill=\"#FFF\" fillRule=\"nonzero\" cx={17.636} cy={2.314} r={1.175} />\n <path\n d=\"M55.893 53.995H24.544a.79.79 0 01-.788-.789V15.644a.79.79 0 01.788-.788h31.349a.79.79 0 01.788.788v37.562a.79.79 0 01-.788.789z\"\n fill=\"#F4F4F4\"\n />\n <path\n d=\"M41.47 13H21.948a1.579 1.579 0 00-1.576 1.577V52.4l.185-.057V14.577c.001-.768.623-1.39 1.391-1.39h19.581L41.471 13zm17.02 0H21.947a1.579 1.579 0 00-1.576 1.577v42.478c0 .87.706 1.576 1.576 1.577H58.49a1.579 1.579 0 001.576-1.577V14.577a1.579 1.579 0 00-1.576-1.576zm1.39 44.055c0 .768-.622 1.39-1.39 1.392H21.947c-.768-.001-1.39-.624-1.39-1.392V14.577c0-.768.622-1.39 1.39-1.39H58.49c.768 0 1.39.622 1.39 1.39v42.478z\"\n fill=\"#8D8D8D\"\n />\n <path\n d=\"M48.751 17.082H31.686a.836.836 0 01-.835-.835v-4.081c0-.46.374-.834.835-.835H48.75c.461 0 .834.374.835.835v4.08c0 .462-.374.835-.835.836z\"\n fill=\"#C6C6C6\"\n />\n <circle fill=\"#C6C6C6\" cx={40.218} cy={9.755} r={1.855} />\n <circle fill=\"#FFF\" fillRule=\"nonzero\" cx={40.218} cy={9.755} r={1.13} />\n </g>\n </svg>\n );\n};\n","import useSWR from 'swr';\nimport dayjs from 'dayjs';\nimport isToday from 'dayjs/plugin/isToday';\nimport { last } from 'lodash';\nimport { openmrsFetch, Visit, useSession } from '@openmrs/esm-framework';\n\ndayjs.extend(isToday);\n\nexport interface ActiveVisit {\n age: string;\n id: string;\n idNumber: string;\n gender: string;\n location: string;\n name: string;\n patientUuid: string;\n visitStartTime: string;\n visitType: string;\n visitUuid: string;\n}\n\nexport function useActiveVisits() {\n const currentUserSession = useSession();\n const startDate = dayjs().format('YYYY-MM-DD');\n const sessionLocation = currentUserSession?.sessionLocation?.uuid;\n\n const customRepresentation =\n 'custom:(uuid,patient:(uuid,identifiers:(identifier,uuid),person:(age,display,gender,uuid)),' +\n 'visitType:(uuid,name,display),location:(uuid,name,display),startDatetime,' +\n 'stopDatetime)&fromStartDate=' +\n startDate +\n '&location=' +\n sessionLocation;\n const url = `/ws/rest/v1/visit?includeInactive=false&v=${customRepresentation}`;\n const { data, error, isValidating } = useSWR<{ data: { results: Array<Visit> } }, Error>(\n sessionLocation ? url : null,\n openmrsFetch,\n );\n\n const mapVisitProperties = (visit: Visit): ActiveVisit => ({\n age: visit?.patient?.person?.age,\n id: visit.uuid,\n idNumber: visit?.patient?.identifiers[0]?.identifier,\n gender: visit?.patient?.person?.gender,\n location: visit?.location?.uuid,\n name: visit?.patient?.person?.display,\n patientUuid: visit?.patient?.uuid,\n visitStartTime: visit?.startDatetime,\n visitType: visit?.visitType?.display,\n visitUuid: visit.uuid,\n });\n\n const formattedActiveVisits = data?.data?.results.length\n ? data.data.results.map(mapVisitProperties).filter(({ visitStartTime }) => dayjs(visitStartTime).isToday())\n : [];\n\n return {\n activeVisits: formattedActiveVisits,\n isLoading: !data && !error,\n isError: error,\n isValidating,\n };\n}\n\nexport const getOriginFromPathName = (pathname = '') => {\n const from = pathname.split('/');\n return last(from);\n};\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/@openmrs/webpack-config/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./active-visits.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/@openmrs/webpack-config/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./active-visits.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React, { useMemo, useEffect, useState, useCallback, MouseEvent, AnchorHTMLAttributes } from 'react';\nimport {\n DataTable,\n DataTableSkeleton,\n InlineLoading,\n Pagination,\n Search,\n Table,\n TableContainer,\n TableHead,\n TableRow,\n TableHeader,\n TableBody,\n TableCell,\n TableToolbar,\n TableToolbarContent,\n TableExpandRow,\n TableExpandHeader,\n Tile,\n} from 'carbon-components-react';\nimport {\n useLayoutType,\n useConfig,\n usePagination,\n ExtensionSlot,\n formatDatetime,\n parseDate,\n interpolateUrl,\n navigate,\n} from '@openmrs/esm-framework';\nimport { useTranslation } from 'react-i18next';\nimport { EmptyDataIllustration } from './empty-data-illustration.component';\nimport { ActiveVisit, useActiveVisits, getOriginFromPathName } from './active-visits.resource';\nimport styles from './active-visits.scss';\n\ninterface PaginationData {\n goTo: (page: number) => void;\n results: Array<ActiveVisit>;\n currentPage: number;\n}\ninterface NameLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n to: string;\n from: string;\n}\n\nconst PatientNameLink: React.FC<NameLinkProps> = ({ from, to, children }) => {\n const handleNameClick = (event: MouseEvent, to: string) => {\n event.preventDefault();\n navigate({ to });\n localStorage.setItem('fromPage', from);\n };\n return (\n <a onClick={(e) => handleNameClick(e, to)} href={interpolateUrl(to)}>\n {children}\n </a>\n );\n};\n\nconst ActiveVisitsTable = () => {\n const { t } = useTranslation();\n const config = useConfig();\n const layout = useLayoutType();\n const { activeVisits, isError, isLoading, isValidating } = useActiveVisits();\n const desktopView = layout === 'desktop';\n const pageSizes = config?.activeVisits?.pageSizes ?? [10, 20, 30, 40, 50];\n const [currentPageSize, setPageSize] = useState(config?.activeVisits?.pageSize ?? 10);\n const [searchString, setSearchString] = useState('');\n\n const currentPathName: string = window.location.pathname;\n const fromPage: string = getOriginFromPathName(currentPathName);\n\n const headerData = useMemo(\n () => [\n {\n id: 0,\n header: t('visitStartTime', 'Visit Time'),\n key: 'visitStartTime',\n },\n {\n id: 1,\n header: t('idNumber', 'ID Number'),\n key: 'idNumber',\n },\n {\n id: 2,\n header: t('name', 'Name'),\n key: 'name',\n },\n {\n id: 3,\n header: t('gender', 'Gender'),\n key: 'gender',\n },\n {\n id: 4,\n header: t('age', 'Age'),\n key: 'age',\n },\n {\n id: 5,\n header: t('visitType', 'Visit Type'),\n key: 'visitType',\n },\n ],\n [t],\n );\n\n const rowData = activeVisits.map((visit) => ({\n ...visit,\n visitStartTime: formatDatetime(parseDate(visit.visitStartTime)),\n }));\n\n const searchResults = useMemo(() => {\n if (searchString && searchString.trim() !== '') {\n const search = searchString.toLowerCase();\n return rowData.filter((activeVisitRow) =>\n Object.keys(activeVisitRow).some((header) => {\n if (header === 'patientUuid') {\n return false;\n }\n return `${activeVisitRow[header]}`.toLowerCase().includes(search);\n }),\n );\n } else {\n return rowData;\n }\n }, [searchString, rowData]);\n\n const {\n goTo,\n results: paginatedActiveVisits,\n currentPage,\n }: PaginationData = usePagination(searchResults, currentPageSize);\n\n const handleSearch = useCallback((e) => setSearchString(e.target.value), []);\n\n useEffect(() => {\n if (currentPage !== 1) {\n goTo(1);\n }\n }, [searchString]);\n\n if (isLoading) {\n return <DataTableSkeleton role=\"progressbar\" />;\n }\n if (activeVisits?.length) {\n return (\n <div className={styles.activeVisitsContainer}>\n <div className={styles.activeVisitsDetailHeaderContainer}>\n <div className={!desktopView ? styles.tabletHeading : styles.desktopHeading}>\n <h4>{t('activeVisits', 'Active Visits')}</h4>\n </div>\n <div className={styles.backgroundDataFetchingIndicator}>\n <span>{isValidating ? <InlineLoading /> : null}</span>\n </div>\n </div>\n <DataTable\n rows={paginatedActiveVisits}\n headers={headerData}\n size={desktopView ? 'compact' : 'normal'}\n useZebraStyles>\n {({ rows, headers, getHeaderProps, getTableProps, getBatchActionProps, getRowProps }) => (\n <TableContainer className={styles.tableContainer}>\n <TableToolbar>\n <TableToolbarContent>\n <Search\n tabIndex={getBatchActionProps().shouldShowBatchActions ? -1 : 0}\n labelText=\"\"\n placeholder={t('filterTable', 'Filter table')}\n onChange={handleSearch}\n />\n </TableToolbarContent>\n </TableToolbar>\n <Table className={styles.activeVisitsTable} {...getTableProps()}>\n <TableHead>\n <TableRow>\n <TableExpandHeader />\n {headers.map((header) => (\n <TableHeader {...getHeaderProps({ header })}>{header.header}</TableHeader>\n ))}\n </TableRow>\n </TableHead>\n <TableBody>\n {rows.map((row, index) => (\n <React.Fragment key={index}>\n <TableExpandRow {...getRowProps({ row })}>\n {row.cells.map((cell) => (\n <TableCell key={cell.id}>\n {cell.info.header === 'name' ? (\n <PatientNameLink\n from={fromPage}\n to={`\\${openmrsSpaBase}/patient/${paginatedActiveVisits?.[index]?.patientUuid}/chart/`}>\n {cell.value}\n </PatientNameLink>\n ) : (\n cell.value\n )}\n </TableCell>\n ))}\n </TableExpandRow>\n {row.isExpanded ? (\n <TableRow className={styles.expandedActiveVisitRow}>\n <th colSpan={headers.length + 2}>\n <ExtensionSlot\n className={styles.visitSummaryContainer}\n extensionSlotName=\"visit-summary-slot\"\n state={{\n visitUuid: paginatedActiveVisits[index]?.visitUuid,\n patientUuid: paginatedActiveVisits[index]?.patientUuid,\n }}\n />\n </th>\n </TableRow>\n ) : (\n <div />\n )}\n </React.Fragment>\n ))}\n </TableBody>\n </Table>\n {rows.length === 0 && (\n <p\n style={{ height: desktopView ? '2rem' : '3rem', marginLeft: desktopView ? '2rem' : '3rem' }}\n className={`${styles.emptyRow} ${styles.bodyLong01}`}>\n {t('noVisitsFound', 'No visits found')}\n </p>\n )}\n <Pagination\n forwardText=\"Next page\"\n backwardText=\"Previous page\"\n page={currentPage}\n pageSize={currentPageSize}\n pageSizes={pageSizes}\n totalItems={searchResults.length}\n className={styles.pagination}\n onChange={({ pageSize, page }) => {\n if (pageSize !== currentPageSize) {\n setPageSize(pageSize);\n }\n if (page !== currentPage) {\n goTo(page);\n }\n }}\n />\n </TableContainer>\n )}\n </DataTable>\n </div>\n );\n }\n return (\n <div className={styles.activeVisitsContainer}>\n <Tile light className={styles.tile}>\n <div className={!desktopView ? styles.tabletHeading : styles.desktopHeading}>\n <h4>{t('activeVisits', 'Active Visits')}</h4>\n </div>\n <EmptyDataIllustration />\n <p className={styles.content}>\n {t('noActiveVisitsForLocation', 'There are no active visits to display for this location.')}\n </p>\n </Tile>\n </div>\n );\n};\n\nexport default ActiveVisitsTable;\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","locals","EmptyDataIllustration","width","height","svg","viewBox","title","g","fill","fillRule","path","d","circle","cx","cy","r","dayjs","isToday","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","undefined","PatientNameLink","from","to","children","a","onClick","e","preventDefault","navigate","localStorage","setItem","href","interpolateUrl","config","useTranslation","t","useConfig","layout","useLayoutType","useActiveVisits","currentUserSession","data","useSession","startDate","format","sessionLocation","uuid","url","useSWR","openmrsFetch","error","isValidating","activeVisits","results","length","map","visit","age","patient","person","idNumber","identifiers","identifier","gender","location","name","display","patientUuid","visitStartTime","startDatetime","visitType","visitUuid","filter","isLoading","isError","desktopView","pageSizes","useState","pageSize","currentPageSize","setPageSize","searchString","setSearchString","fromPage","split","last","getOriginFromPathName","window","pathname","headerData","useMemo","header","key","rowData","formatDatetime","parseDate","searchResults","trim","search","toLowerCase","activeVisitRow","Object","keys","some","includes","usePagination","goTo","currentPage","handleSearch","useCallback","target","value","useEffect","DataTableSkeleton","role","div","className","styles","h4","span","InlineLoading","DataTable","rows","paginatedActiveVisits","headers","size","useZebraStyles","getHeaderProps","getTableProps","getBatchActionProps","getRowProps","TableContainer","TableToolbar","TableToolbarContent","Search","tabIndex","shouldShowBatchActions","labelText","placeholder","onChange","Table","TableHead","TableRow","TableExpandHeader","TableHeader","TableBody","row","index","React","TableExpandRow","cells","cell","TableCell","info","isExpanded","th","colSpan","ExtensionSlot","extensionSlotName","state","p","style","marginLeft","Pagination","forwardText","backwardText","page","totalItems","Tile","light"],"sourceRoot":""}