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

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 (75) hide show
  1. package/.turbo/turbo-build.log +20 -20
  2. package/dist/153.js +1 -1
  3. package/dist/153.js.map +1 -0
  4. package/dist/319.js +1 -1
  5. package/dist/34.js +1 -1
  6. package/dist/34.js.map +1 -0
  7. package/dist/351.js +1 -1
  8. package/dist/351.js.map +1 -0
  9. package/dist/352.js +1 -1
  10. package/dist/352.js.map +1 -0
  11. package/dist/430.js +1 -1
  12. package/dist/430.js.map +1 -0
  13. package/dist/437.js +1 -1
  14. package/dist/437.js.map +1 -0
  15. package/dist/45.js +1 -1
  16. package/dist/45.js.map +1 -0
  17. package/dist/456.js +1 -0
  18. package/dist/456.js.map +1 -0
  19. package/dist/458.js +2 -0
  20. package/dist/458.js.map +1 -0
  21. package/dist/497.js +1 -1
  22. package/dist/497.js.map +1 -0
  23. package/dist/542.js +1 -1
  24. package/dist/542.js.map +1 -0
  25. package/dist/568.js +1 -1
  26. package/dist/568.js.map +1 -0
  27. package/dist/574.js +1 -1
  28. package/dist/647.js +1 -1
  29. package/dist/647.js.map +1 -0
  30. package/dist/685.js +1 -1
  31. package/dist/685.js.map +1 -0
  32. package/dist/692.js +1 -1
  33. package/dist/692.js.map +1 -0
  34. package/dist/757.js +1 -1
  35. package/dist/784.js +1 -1
  36. package/dist/784.js.map +1 -0
  37. package/dist/807.js +1 -1
  38. package/dist/821.js +1 -1
  39. package/dist/821.js.map +1 -0
  40. package/dist/830.js +1 -1
  41. package/dist/830.js.map +1 -0
  42. package/dist/843.js +1 -1
  43. package/dist/843.js.map +1 -0
  44. package/dist/858.js +1 -1
  45. package/dist/858.js.map +1 -0
  46. package/dist/976.js +1 -0
  47. package/dist/976.js.map +1 -0
  48. package/dist/984.js +1 -0
  49. package/dist/984.js.map +1 -0
  50. package/dist/main.js +1 -1
  51. package/dist/main.js.map +1 -0
  52. package/dist/openmrs-esm-appointments-app.js +1 -1
  53. package/dist/openmrs-esm-appointments-app.js.buildmanifest.json +205 -182
  54. package/dist/openmrs-esm-appointments-app.js.map +1 -0
  55. package/dist/openmrs-esm-appointments-app.old +1 -1
  56. package/package.json +2 -2
  57. package/src/appointment-forms/appointment-forms.resource.ts +5 -17
  58. package/src/appointment-forms/appointments-form.component.tsx +102 -234
  59. package/src/appointment-forms/appointments-form.scss +5 -5
  60. package/src/appointment-forms/appointments-forms.test.tsx +6 -16
  61. package/src/appointment-forms/useInitialFormValues.tsx +49 -0
  62. package/src/appointment-forms/workload-helper.ts +13 -19
  63. package/src/appointments/appointment-list.component.tsx +6 -6
  64. package/src/appointments/appointment-list.test.tsx +2 -2
  65. package/src/appointments-tabs/unscheduled-appointments.component.tsx +14 -9
  66. package/src/config-schema.ts +4 -13
  67. package/src/patient-search/patient-search.scss +1 -3
  68. package/translations/en.json +6 -7
  69. package/__mocks__/appointments.mock.ts +0 -411
  70. package/dist/268.js +0 -1
  71. package/dist/285.js +0 -2
  72. package/dist/339.js +0 -1
  73. package/dist/39.js +0 -1
  74. package/dist/842.js +0 -1
  75. /package/dist/{285.js.LICENSE.txt → 458.js.LICENSE.txt} +0 -0
package/dist/430.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_openmrs_esm_appointments_app=self.webpackChunk_openmrs_esm_appointments_app||[]).push([[430],{3593:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(2609),o=n.n(a)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__appointments-calendar-list-view__wrapper___3XIVI{position:relative}.-esm-appointments__appointments-calendar-list-view__monthly-calendar___yePVi{display:grid;grid-template-columns:repeat(7, minmax(0px, 1fr));grid-template-rows:repeat(6, minmax(0px, 1fr))}.-esm-appointments__appointments-calendar-list-view__backgroundColor___U-dEY{background-color:#fff}",""]),o.locals={wrapper:"-esm-appointments__appointments-calendar-list-view__wrapper___3XIVI","monthly-calendar":"-esm-appointments__appointments-calendar-list-view__monthly-calendar___yePVi",backgroundColor:"-esm-appointments__appointments-calendar-list-view__backgroundColor___U-dEY"};const i=o},3636:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(2609),o=n.n(a)()((function(e){return e[1]}));o.push([e.id,".-esm-appointments__calendar-header__titleContainer___J2QM4{display:flex;justify-content:space-between;align-items:center}.-esm-appointments__calendar-header__titleContainer___J2QM4>p{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-appointments__calendar-header__titleContainer___J2QM4>button{color:#0f62fe;font-size:var(--cds-label-02-font-size, 0.875rem);font-weight:var(--cds-label-02-font-weight, 400);line-height:var(--cds-label-02-line-height, 1.28572);letter-spacing:var(--cds-label-02-letter-spacing, 0.16px)}.-esm-appointments__calendar-header__titleContent___AaATf{display:flex;justify-content:space-between;align-items:center}",""]),o.locals={titleContainer:"-esm-appointments__calendar-header__titleContainer___J2QM4",titleContent:"-esm-appointments__calendar-header__titleContent___AaATf"};const i=o},1215:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(2609),o=n.n(a)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\"\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:2.625rem;font-weight:300;line-height:1.199;letter-spacing:0}h2{font-size:2rem;font-weight:400;line-height:1.25;letter-spacing:0}h3{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0}h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}h5{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}h6{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px}p{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:0}a{color:#0f62fe}em{font-style:italic}@keyframes -esm-appointments__days-of-week__skeleton___2g7Ep{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-appointments__days-of-week__tileContainer___hI7UA{height:4rem;display:flex;justify-content:center;width:100%;align-items:center;border:1px solid #e0e0e0}.-esm-appointments__days-of-week__tileContainer___hI7UA>span{font-size:1rem;color:#525252}.-esm-appointments__days-of-week__bold___fBlxx{font-weight:bold}.-esm-appointments__days-of-week__tileHeader___LWrCf{display:flex;justify-content:space-between;padding-bottom:1rem}.-esm-appointments__days-of-week__headerLabel___qwuO3{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#525252}",""]),o.locals={tileContainer:"-esm-appointments__days-of-week__tileContainer___hI7UA",bold:"-esm-appointments__days-of-week__bold___fBlxx",tileHeader:"-esm-appointments__days-of-week__tileHeader___LWrCf",headerLabel:"-esm-appointments__days-of-week__headerLabel___qwuO3",skeleton:"-esm-appointments__days-of-week__skeleton___2g7Ep"};const i=o},3159:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(2609),o=n.n(a)()((function(e){return e[1]}));o.push([e.id,".-esm-appointments__monthly-header-module__container___JdNv6{display:flex;justify-content:space-between;align-items:center;width:100%;height:4rem}.-esm-appointments__monthly-header-module__workLoadCard___yTgGJ{display:flex;color:#000}",""]),o.locals={container:"-esm-appointments__monthly-header-module__container___JdNv6",workLoadCard:"-esm-appointments__monthly-header-module__workLoadCard___yTgGJ"};const i=o},5328:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(2609),o=n.n(a)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__monthly-view-workload__monthly-cell___-ciM2{border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fff;color:#000;padding:.125rem;text-align:right;font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-appointments__monthly-view-workload__monthly-cell___-ciM2:nth-child(-n+7){border-top:1px solid #e0e0e0}.-esm-appointments__monthly-view-workload__monthly-cell___-ciM2:nth-child(7n){border-right:1px solid #e0e0e0}.-esm-appointments__monthly-view-workload__monthly-cell-disabled___Y8ymw{border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.-esm-appointments__monthly-view-workload__monthly-cell-disabled___Y8ymw:last-child{border-right:1px solid #e0e0e0}.-esm-appointments__monthly-view-workload__identifiers___0NJyn{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#8d8d8d;display:list-item}.-esm-appointments__monthly-view-workload__identifiers___0NJyn span:not(:first-child){margin:0rem .75rem}.-esm-appointments__monthly-view-workload__identifierTag___nuLXI{display:flex;align-items:center}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6{position:relative;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;min-height:120px;color:#fff}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6 .-esm-appointments__monthly-view-workload__week-time___1UJVJ{display:none}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6:nth-child(-n+8){border-top:1px solid #e0e0e0}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6:first-child{border-top:none}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6:nth-child(8n+1){border-bottom:none}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6:nth-child(8n+1) .-esm-appointments__monthly-view-workload__week-time___1UJVJ{white-space:nowrap;display:inline;color:#fff;position:absolute;top:-11px;height:1.5rem;width:2rem}.-esm-appointments__monthly-view-workload__currentData___8W8sA{margin:2px}.-esm-appointments__monthly-view-workload__currentData___8W8sA>span{font-size:var(--cds-label-02-font-size, 0.875rem);font-weight:var(--cds-label-02-font-weight, 400);line-height:var(--cds-label-02-line-height, 1.28572);letter-spacing:var(--cds-label-02-letter-spacing, 0.16px)}.-esm-appointments__monthly-view-workload__greyBackground___HgDGQ{background-color:#f4f4f4}.-esm-appointments__monthly-view-workload__serviceArea___oSQFS{display:grid;column-gap:2rem;grid-template-columns:1fr 1fr;justify-content:flex-start;text-align:left;margin:.125rem;font-size:var(--cds-label-02-font-size, 0.875rem);font-weight:var(--cds-label-02-font-weight, 400);line-height:var(--cds-label-02-line-height, 1.28572);letter-spacing:var(--cds-label-02-letter-spacing, 0.16px);color:#020f1b;cursor:pointer}.-esm-appointments__monthly-view-workload__serviceArea___oSQFS>span:first-child{text-align:left;text-overflow:ellipsis;width:1.5rem}.-esm-appointments__monthly-view-workload__smallDesktop___edukX{height:100px}.-esm-appointments__monthly-view-workload__largeDesktop___Rxffz{height:150px}.-esm-appointments__monthly-view-workload__red___HWZ7D{background-color:#a2191f;color:#fff;font-weight:bold;padding:.3rem}.-esm-appointments__monthly-view-workload__purple___B3Tvw{background-color:#684e00;color:#fff;font-weight:bold;padding:.3rem}.-esm-appointments__monthly-view-workload__blue___68rfu{background-color:#0043ce;color:#fff;font-weight:bold;padding:.3rem}.-esm-appointments__monthly-view-workload__green___XT2wj{background-color:#0e6027;color:#fff;font-weight:bold;padding:.3rem}",""]),o.locals={"monthly-cell":"-esm-appointments__monthly-view-workload__monthly-cell___-ciM2","monthly-cell-disabled":"-esm-appointments__monthly-view-workload__monthly-cell-disabled___Y8ymw",identifiers:"-esm-appointments__monthly-view-workload__identifiers___0NJyn",identifierTag:"-esm-appointments__monthly-view-workload__identifierTag___nuLXI","weekly-cell":"-esm-appointments__monthly-view-workload__weekly-cell___LXrN6","week-time":"-esm-appointments__monthly-view-workload__week-time___1UJVJ",currentData:"-esm-appointments__monthly-view-workload__currentData___8W8sA",greyBackground:"-esm-appointments__monthly-view-workload__greyBackground___HgDGQ",serviceArea:"-esm-appointments__monthly-view-workload__serviceArea___oSQFS",smallDesktop:"-esm-appointments__monthly-view-workload__smallDesktop___edukX",largeDesktop:"-esm-appointments__monthly-view-workload__largeDesktop___Rxffz",red:"-esm-appointments__monthly-view-workload__red___HWZ7D",purple:"-esm-appointments__monthly-view-workload__purple___B3Tvw",blue:"-esm-appointments__monthly-view-workload__blue___68rfu",green:"-esm-appointments__monthly-view-workload__green___XT2wj"};const i=o},4096:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(2609),o=n.n(a)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__appointments-header__header___1BXcm{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#525252;height:6rem;background-color:#fff;border:1px solid #e0e0e0;border-left:0px;display:flex;justify-content:space-between}.-esm-appointments__appointments-header__left-justified-items___w526P{display:flex;flex-direction:row;align-items:center}.-esm-appointments__appointments-header__right-justified-items___RTdyD{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#525252;padding-top:1rem}.-esm-appointments__appointments-header__page-name___z9emR{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-appointments__appointments-header__page-labels___a8OE- p:first-of-type{margin-bottom:.25rem}.-esm-appointments__appointments-header__date-and-location___r18-o{display:flex;justify-content:flex-end;align-items:center;margin-right:1rem}.-esm-appointments__appointments-header__value___baWtC{margin-left:.25rem}.-esm-appointments__appointments-header__middot___2QdbQ{margin:0 .5rem}.-esm-appointments__appointments-header__view___yHKw3{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px)}.-esm-appointments__appointments-header__dropdown___1DzhT{display:flex;align-items:center;justify-content:flex-end;margin-top:.25rem}.-esm-appointments__appointments-header__dropdown___1DzhT .cds--dropdown__wrapper--inline{align-items:center;display:flex}.-esm-appointments__appointments-header__dropdown___1DzhT .cds--list-box__menu{left:-10.15rem}.-esm-appointments__appointments-header__datePicker___2Ca3c{background-color:rgba(0,0,0,0);width:10rem;border:none}.-esm-appointments__appointments-header__datePicker___2Ca3c>input{color:#edf5ff}",""]),o.locals={header:"-esm-appointments__appointments-header__header___1BXcm","left-justified-items":"-esm-appointments__appointments-header__left-justified-items___w526P","right-justified-items":"-esm-appointments__appointments-header__right-justified-items___RTdyD","page-name":"-esm-appointments__appointments-header__page-name___z9emR","page-labels":"-esm-appointments__appointments-header__page-labels___a8OE-","date-and-location":"-esm-appointments__appointments-header__date-and-location___r18-o",value:"-esm-appointments__appointments-header__value___baWtC",middot:"-esm-appointments__appointments-header__middot___2QdbQ",view:"-esm-appointments__appointments-header__view___yHKw3",dropdown:"-esm-appointments__appointments-header__dropdown___1DzhT",datePicker:"-esm-appointments__appointments-header__datePicker___2Ca3c"};const i=o},3950:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(2609),o=n.n(a)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__missed-appointment-list__productiveHeading01___YOIgt{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-appointments__missed-appointment-list__productiveHeading02___p9EQ0{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-appointments__missed-appointment-list__productiveHeading03___6KG8a{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-appointments__missed-appointment-list__productiveHeading04___6MGPI{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-appointments__missed-appointment-list__bodyLong01___s-UAY{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-appointments__missed-appointment-list__bodyShort01___FwtNZ{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-appointments__missed-appointment-list__bodyShort02___gk28t{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-appointments__missed-appointment-list__text02___lEv2W{color:#525252}.-esm-appointments__missed-appointment-list__label01___-X2aD{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px)}.-esm-appointments__missed-appointment-list__modal___fRM8V{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}.-esm-appointments__missed-appointment-list__appointmentList___y9bTu{height:100%;width:100%;background-color:#fff}.-esm-appointments__missed-appointment-list__wrapper___cVxLY{margin:1rem}.-esm-appointments__missed-appointment-list__heading___Sk1VM{margin:1.5rem;color:#161616}",""]),o.locals={productiveHeading01:"-esm-appointments__missed-appointment-list__productiveHeading01___YOIgt",productiveHeading02:"-esm-appointments__missed-appointment-list__productiveHeading02___p9EQ0",productiveHeading03:"-esm-appointments__missed-appointment-list__productiveHeading03___6KG8a",productiveHeading04:"-esm-appointments__missed-appointment-list__productiveHeading04___6MGPI",bodyLong01:"-esm-appointments__missed-appointment-list__bodyLong01___s-UAY",bodyShort01:"-esm-appointments__missed-appointment-list__bodyShort01___FwtNZ",bodyShort02:"-esm-appointments__missed-appointment-list__bodyShort02___gk28t",text02:"-esm-appointments__missed-appointment-list__text02___lEv2W",label01:"-esm-appointments__missed-appointment-list__label01___-X2aD",modal:"-esm-appointments__missed-appointment-list__modal___fRM8V",appointmentList:"-esm-appointments__missed-appointment-list__appointmentList___y9bTu",wrapper:"-esm-appointments__missed-appointment-list__wrapper___cVxLY",heading:"-esm-appointments__missed-appointment-list__heading___Sk1VM"};const i=o},7927:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(2609),o=n.n(a)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__appointments-dashboard__productiveHeading01___KRi5f{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-dashboard__productiveHeading02___\\+adnV{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-appointments__appointments-dashboard__productiveHeading03___axnjA{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-appointments__appointments-dashboard__productiveHeading04___CYqqO{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-appointments__appointments-dashboard__bodyLong01___T-FLc{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-dashboard__bodyShort01___UG1fZ{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-dashboard__bodyShort02___FhTyW{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-appointments__appointments-dashboard__text02___FwUPB{color:#525252}.-esm-appointments__appointments-dashboard__label01___LV058{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px)}.-esm-appointments__appointments-dashboard__modal___gYCht{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}.-esm-appointments__appointments-dashboard__dashboardContainer___k6evV{display:-webkit-flex;min-height:100vh;position:relative;overflow-y:hidden;background-color:#fff}.-esm-appointments__appointments-dashboard__dashboardContent___ei7lq{margin:0;flex-basis:75%;flex-grow:1;flex-shrink:1;position:relative;overflow-y:auto;margin-left:16rem;padding-left:0;padding-right:0;max-width:100% !important}@media(max-width: 1200px){.-esm-appointments__appointments-dashboard__dashboardContent___ei7lq{margin-left:0}}",""]),o.locals={productiveHeading01:"-esm-appointments__appointments-dashboard__productiveHeading01___KRi5f",productiveHeading02:"-esm-appointments__appointments-dashboard__productiveHeading02___+adnV",productiveHeading03:"-esm-appointments__appointments-dashboard__productiveHeading03___axnjA",productiveHeading04:"-esm-appointments__appointments-dashboard__productiveHeading04___CYqqO",bodyLong01:"-esm-appointments__appointments-dashboard__bodyLong01___T-FLc",bodyShort01:"-esm-appointments__appointments-dashboard__bodyShort01___UG1fZ",bodyShort02:"-esm-appointments__appointments-dashboard__bodyShort02___FhTyW",text02:"-esm-appointments__appointments-dashboard__text02___FwUPB",label01:"-esm-appointments__appointments-dashboard__label01___LV058",modal:"-esm-appointments__appointments-dashboard__modal___gYCht",dashboardContainer:"-esm-appointments__appointments-dashboard__dashboardContainer___k6evV",dashboardContent:"-esm-appointments__appointments-dashboard__dashboardContent___ei7lq"};const i=o},227:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(2609),o=n.n(a)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__overlay__productiveHeading01___\\+elvs{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-appointments__overlay__productiveHeading02___BIxPm{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-appointments__overlay__productiveHeading03___Tu\\+RV{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-appointments__overlay__productiveHeading04___IbOTi{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-appointments__overlay__bodyLong01___wKS0S{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-appointments__overlay__bodyShort01___\\+SoTY{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-appointments__overlay__bodyShort02___EWI6c{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-appointments__overlay__text02___GhyI9{color:#525252}.-esm-appointments__overlay__label01___\\+LGbq{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px)}.-esm-appointments__overlay__modal___T2ZUj{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}.-esm-appointments__overlay__desktopOverlay___Fnqq2{position:fixed;top:3rem;width:37rem;right:0;bottom:0;border-left:1px solid #a8a8a8;background-color:#f4f4f4;overflow-y:auto;height:calc(100vh - 3rem);z-index:1}.-esm-appointments__overlay__desktopOverlay___Fnqq2::after{height:100%;border-left:1px solid #a8a8a8}.-esm-appointments__overlay__tabletOverlay___up7d4{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;background-color:#f4f4f4;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;z-index:1}.-esm-appointments__overlay__tabletOverlay___up7d4::-webkit-scrollbar{width:0}.-esm-appointments__overlay__tabletOverlay___up7d4>div{margin-top:3rem}.-esm-appointments__overlay__tabletOverlayHeader___VZVIv button{background-color:#005d5d;background-color:var(--brand-01)}.-esm-appointments__overlay__tabletOverlayHeader___VZVIv .-esm-appointments__overlay__headerContent___r8UCR{color:#fff}.-esm-appointments__overlay__desktopHeader___SJ6dj{display:flex;justify-content:space-between;align-items:center;background-color:#e0e0e0;border-bottom:1px solid #a8a8a8;position:sticky;position:-webkit-sticky;width:100%;z-index:1000;top:0}.-esm-appointments__overlay__headerContent___r8UCR{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0);padding:0 1rem;color:#161616}.-esm-appointments__overlay__closeButton___vBMDD{background-color:#fff;color:#161616;fill:#161616}.omrs-breakpoint-gt-tablet .-esm-appointments__overlay__overlayContent___ESBr2{padding:0 0 0 0;overflow-y:auto}.omrs-breakpoint-lt-desktop .-esm-appointments__overlay__overlayContent___ESBr2{padding:0 0 0 0;overflow-y:auto}",""]),o.locals={productiveHeading01:"-esm-appointments__overlay__productiveHeading01___+elvs",productiveHeading02:"-esm-appointments__overlay__productiveHeading02___BIxPm",productiveHeading03:"-esm-appointments__overlay__productiveHeading03___Tu+RV",productiveHeading04:"-esm-appointments__overlay__productiveHeading04___IbOTi",bodyLong01:"-esm-appointments__overlay__bodyLong01___wKS0S",bodyShort01:"-esm-appointments__overlay__bodyShort01___+SoTY",bodyShort02:"-esm-appointments__overlay__bodyShort02___EWI6c",text02:"-esm-appointments__overlay__text02___GhyI9",label01:"-esm-appointments__overlay__label01___+LGbq",modal:"-esm-appointments__overlay__modal___T2ZUj",desktopOverlay:"-esm-appointments__overlay__desktopOverlay___Fnqq2",tabletOverlay:"-esm-appointments__overlay__tabletOverlay___up7d4",tabletOverlayHeader:"-esm-appointments__overlay__tabletOverlayHeader___VZVIv",headerContent:"-esm-appointments__overlay__headerContent___r8UCR",desktopHeader:"-esm-appointments__overlay__desktopHeader___SJ6dj",closeButton:"-esm-appointments__overlay__closeButton___vBMDD",overlayContent:"-esm-appointments__overlay__overlayContent___ESBr2"};const i=o},8430:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Ie});var a=n(268),o=n.n(a),i=n(9984),r=n(8744),s=n(8179),l=n(906),_=(0,l.createGlobalStore)("appointments-nav-groups",{navGroups:[]}),d=(0,l.createUseStore)(_),m=n(4924),p=n(4717);const c=function(){return o().createElement("svg",{width:"92",height:"94",viewBox:"0 0 92 94",xmlns:"http://www.w3.org/2000/svg"},o().createElement("title",null,"Patient queue illustration"),o().createElement("g",{fill:"none",fillRule:"evenodd"},o().createElement("path",{fill:"#FFF",d:"M0 0h92v94H0z"}),o().createElement("path",{d:"M40 32c.84-.602 1.12-1.797 1-3 .12-5.005-3.96-9-9-9s-9.12 3.995-9 9c-.12 3.572 2.1 6.706 5 8-6.76 1.741-12 7.91-12 15v15h28V32h-4zM76 67V52c0-7.09-5.24-13.278-12-15 2.9-1.294 5.12-4.428 5-8 .12-5.005-3.96-9-9-9s-9.12 3.995-9 9c-.12 1.203.14 2.398 1 3h-4v35h28z",fill:"#CEE6E5"}),o().createElement("path",{d:"M32 75V60.312c0-7.402 5.24-13.59 12.3-15.216-3.2-1.39-5.42-4.523-5.42-8.166 0-4.935 4.08-8.93 9.12-8.93 5.04 0 9.12 3.995 9.12 8.93 0 3.642-2.22 6.776-5.42 8.166C58.76 46.741 64 52.91 64 60.313V75",fill:"#7BBCB9"})))};var h=n(6062),g=n.n(h),f=n(4036),v=n.n(f),u=n(6793),y=n.n(u),b=n(7892),w=n.n(b),k=n(1173),x=n.n(k),E=n(2464),z=n.n(E),S=n(4096),N={};N.styleTagTransform=z(),N.setAttributes=w(),N.insert=y().bind(null,"head"),N.domAPI=v(),N.insertStyleElement=x(),g()(S.Z,N);const C=S.Z&&S.Z.locals?S.Z.locals:void 0;var T=n(1948),D=n(8879),A=n.n(D),H=n(4562);function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function L(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,o,i=[],r=!0,s=!1;try{for(n=n.call(e);!(r=(a=n.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){s=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(s)throw o}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const Z=function(e){var t,n=e.title,i=(0,m.useTranslation)().t,r=(0,l.useSession)(),s=(0,a.useRef)(null),_=L((0,a.useState)(new Date),2),d=_[0],h=(_[1],null==r||null===(t=r.sessionLocation)||void 0===t?void 0:t.display);return o().createElement("div",{className:C.header},o().createElement("div",{className:C["left-justified-items"]},o().createElement(c,null),o().createElement("div",{className:C["page-labels"]},o().createElement("p",null,i("appointments","Appointments")),o().createElement("p",{className:C["page-name"]},n))),o().createElement("div",{className:C["right-justified-items"]},o().createElement("div",{className:C["date-and-location"]},o().createElement(p.Ye,{size:16}),o().createElement("span",{className:C.value},h),o().createElement("span",{className:C.middot},"·"),o().createElement(T.Mtg,{onChange:function(e){var t=L(e,1)[0];return(0,H.es)(new Date(t))},ref:s,dateFormat:"d-M-Y",datePickerType:"single"},o().createElement(T.aj6,{style:{backgroundColor:"transparent",border:"none",maxWidth:"10rem"},id:"date-picker-calendar-id",placeholder:"DD-MMM-YYYY",labelText:"",type:"text",value:A()(d).format("DD MMM YYYY")})))))};var M=n(7927),V={};V.styleTagTransform=z(),V.setAttributes=w(),V.insert=y().bind(null,"head"),V.domAPI=v(),V.insertStyleElement=x(),g()(M.Z,V);const O=M.Z&&M.Z.locals?M.Z.locals:void 0;var j=function(e){var t=e.dashboardSlot,n=e.title;return o().createElement(l.ExtensionSlot,{style:{backgroundColor:"white"},extensionSlotName:t,state:{dashboardTitle:n}})};const P=function(){var e,t=(0,r.useParams)().view,n=d().navGroups,i=(0,l.useExtensionStore)(),s=(0,l.useLayoutType)(),_=(null===(e=i.slots["appointments-dashboard-slot"])||void 0===e?void 0:e.assignedExtensions.map((function(e){return e.meta})).filter((function(e){return Object.keys(e).length})))||[],m=n.map((function(e){var t;return null===(t=i.slots[e])||void 0===t?void 0:t.assignedExtensions.map((function(e){return e.meta}))})).flat(),p=_.concat(m),c=p.find((function(e){return e.name===t}))||p[0];return(0,a.useEffect)((function(){return(0,l.isDesktop)(s)||(0,l.attach)("global-nav-menu-slot","appointments-side-nav-ext"),function(){return(0,l.detach)("global-nav-menu-slot","appointments-side-nav-ext")}}),[s]),o().createElement("div",{className:O.dashboardContainer},(0,l.isDesktop)(s)&&o().createElement(l.ExtensionSlot,{extensionSlotName:"appointments-sidebar-slot",key:s}),c&&o().createElement("div",{className:"cds--grid ".concat(O.dashboardContent)},o().createElement(Z,{title:c.title}),o().createElement(j,{dashboardSlot:c.slot,title:c.title,key:c.slot})))};var Y=n(2074),R=n(6759),B=n(1723),U=n(227),F={};F.styleTagTransform=z(),F.setAttributes=w(),F.insert=y().bind(null,"head"),F.domAPI=v(),F.insertStyleElement=x(),g()(U.Z,F);const X=U.Z&&U.Z.locals?U.Z.locals:void 0,q=function(){var e=(0,B.Ir)(),t=e.header,n=e.component,a=e.isOverlayOpen,i=(0,l.useLayoutType)();return o().createElement(o().Fragment,null,a&&o().createElement("div",{className:"tablet"!==i?X.desktopOverlay:X.tabletOverlay},"tablet"!==i?o().createElement("div",{className:X.desktopHeader},o().createElement("div",{className:X.headerContent},t),o().createElement(T.zxk,{className:X.closePanelButton,onClick:function(){return(0,B.Km)()},kind:"ghost",hasIconOnly:!0},o().createElement(Y.x8,{size:16}))):o().createElement(T.h4i,{onClick:function(){return(0,B.Km)()},"aria-label":"Tablet overlay",className:X.tabletOverlayHeader},o().createElement(T.zxk,{hasIconOnly:!0},o().createElement(R.Xd,{size:16})),o().createElement("div",{className:X.headerContent},t)),o().createElement("div",null,n)))};var J=n(7631),W=n(3636),G={};G.styleTagTransform=z(),G.setAttributes=w(),G.insert=y().bind(null,"head"),G.domAPI=v(),G.insertStyleElement=x(),g()(W.Z,G);const Q=W.Z&&W.Z.locals?W.Z.locals:void 0,K=function(e){var t=e.onChangeView,n=(e.calendarView,(0,m.useTranslation)().t);return o().createElement("div",{className:Q.calendarHeaderContainer},o().createElement("div",{className:Q.titleContainer},o().createElement("p",null,n("calendar","Calendar")),o().createElement(T.zxk,{size:"md",kind:"ghost",renderIcon:R.ol},n("addNewClinicDay","Add new clinic day"))),o().createElement("div",{className:Q.titleContent},o().createElement(T.zxk,{size:"md",renderIcon:J.wn,kind:"ghost"},n("filter","Filter")),o().createElement(T.GHR,{selectedIndex:2,size:"md",style:{maxWidth:"30rem"},onChange:function(e){var n=e.name;return t(n)}},o().createElement(T.rsf,{name:"daily",text:n("daily","Daily")}),o().createElement(T.rsf,{name:"weekly",text:n("weekly","Weekly")}),o().createElement(T.rsf,{name:"monthly",text:n("monthly","Monthly")}))))};var $=n(30),ee=n.n($),te=n(5326),ne=n(3593),ae={};ae.styleTagTransform=z(),ae.setAttributes=w(),ae.insert=y().bind(null,"head"),ae.domAPI=v(),ae.insertStyleElement=x(),g()(ne.Z,ae);const oe=ne.Z&&ne.Z.locals?ne.Z.locals:void 0;var ie=n(5328),re={};re.styleTagTransform=z(),re.setAttributes=w(),re.insert=y().bind(null,"head"),re.domAPI=v(),re.insertStyleElement=x(),g()(ie.Z,re);const se=ie.Z&&ie.Z.locals?ie.Z.locals:void 0,le=function(e){var t,n=e.type,a=e.dateTime,i=e.currentDate,r=e.events,s=(0,l.useLayoutType)(),_=null==r?void 0:r.find((function(e){return A()(e.appointmentDate).format("YYYY-MM-DD")===A()(a).format("YYYY-MM-DD")})),d={HIV:"red","Lab testing":"purple",Refill:"blue"},p=(0,m.useTranslation)().t;return o().createElement("div",{className:"".concat(se[(0,H.xj)(a,i)?"monthly-cell":"monthly-cell-disabled"]," ").concat((null==_?void 0:_.service)?se.greyBackground:""," ").concat("small-desktop"===s?se.smallDesktop:se.largeDesktop)},"monthly"===n?o().createElement("p",null,(0,H.xj)(a,i)&&o().createElement(o().Fragment,null,!(null==_?void 0:_.service)&&a.format("D")," ","",(null==_?void 0:_.service)&&o().createElement("div",{className:se.currentData},null==_?void 0:_.service.map((function(e){var t=e.serviceName,n=e.count;return o().createElement("div",{key:t,className:"".concat(se.serviceArea," ").concat(se[d[t]])},o().createElement("span",null,t),o().createElement("span",null,n))})),o().createElement("div",{className:"".concat(se.serviceArea," ").concat(se.green)},o().createElement("span",null,p("total","Total")),o().createElement("span",null,null==_?void 0:_.service.reduce((function(e,n){return null!==(t=e+(null==n?void 0:n.count))&&void 0!==t?t:0}),0)))))):null)};var _e=n(3159),de={};de.styleTagTransform=z(),de.setAttributes=w(),de.insert=y().bind(null,"head"),de.domAPI=v(),de.insertStyleElement=x(),g()(_e.Z,de);const me=_e.Z&&_e.Z.locals?_e.Z.locals:void 0;var pe=n(1215),ce={};ce.styleTagTransform=z(),ce.setAttributes=w(),ce.insert=y().bind(null,"head"),ce.domAPI=v(),ce.insertStyleElement=x(),g()(pe.Z,ce);const he=pe.Z&&pe.Z.locals?pe.Z.locals:void 0,ge=function(e){var t=e.dayOfWeek,n=A()(new Date).format("ddd").toUpperCase()===t;return o().createElement("div",{tabIndex:0,role:"button",className:"".concat(he.tileContainer," ")},o().createElement("span",{className:n?he.bold:""},t))};var fe={monthly:"month",weekly:"week",daily:"day"},ve=["SUN","MON","TUE","WED","THUR","FRI","SAT"];const ue=function(e){var t=e.type,n=e.currentDate,a=e.setCurrentDate,i=(0,m.useTranslation)().t;return o().createElement(o().Fragment,null,o().createElement("div",{className:me.container},o().createElement(T.zxk,{size:"sm",onClick:function(){return a(n.subtract(1,fe[t]))},kind:"tertiary"},i("prev","Prev")),o().createElement("span",null,n.format("MMMM, YYYY")),o().createElement(T.zxk,{size:"sm",onClick:function(){return a(n.add(1,fe[t]))},kind:"tertiary"},i("next","Next"))),o().createElement("div",{className:me.workLoadCard},null==ve?void 0:ve.map((function(e){return o().createElement(ge,{dayOfWeek:e})}))))};function ye(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}A().extend(ee());const be=function(e){var t,n,i=e.type,r=e.events,s=(t=(0,a.useState)(A()()),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,o,i=[],r=!0,s=!1;try{for(n=n.call(e);!(r=(a=n.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){s=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(s)throw o}}return i}}(t,n)||function(e,t){if(e){if("string"==typeof e)return ye(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ye(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=s[0],_=s[1];return o().createElement("div",{style:{margin:"1rem"}},o().createElement(ue,{type:i,currentDate:l,setCurrentDate:_}),o().createElement("div",{className:oe.wrapper},"monthly"===i?o().createElement("div",{className:oe["monthly-calendar"]},(0,te.aN)(l).map((function(e,t){return o().createElement(le,{type:i,key:t,dateTime:e,currentDate:l,events:r})}))):null))};function we(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}const ke=function(){var e,t,n=(0,m.useTranslation)().t,i=(e=(0,a.useState)("monthly"),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,o,i=[],r=!0,s=!1;try{for(n=n.call(e);!(r=(a=n.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){s=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(s)throw o}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return we(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?we(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),r=i[0],s=i[1];return o().createElement("div",{className:oe.backgroundColor},o().createElement(Z,{title:n("appointments","Appointments")}),o().createElement(K,{onChangeView:s,calendarView:r}),"monthly"===r&&o().createElement(be,{type:"monthly",events:xe}))};var xe=[{appointmentDate:"2022-12-01 05:20:00",service:[{serviceName:"HIV",count:10},{serviceName:"Lab testing",count:7},{serviceName:"Refill",count:15}]},{appointmentDate:"2022-12-05 10:20:00",service:[{serviceName:"HIV",count:5},{serviceName:"Lab testing",count:3},{serviceName:"Refill",count:1}]},{appointmentDate:"2022-11-24 09:20:00",service:[{serviceName:"Test",count:10},{serviceName:"Lab testing",count:10}]},{appointmentDate:"2022-11-21 10:00:00",service:[{serviceName:"HIV",count:1},{serviceName:"Lab testing",count:1},{serviceName:"Refill",count:1}]},{appointmentDate:"2022-11-18 08:20:00",service:[{serviceName:"HIV",count:21},{serviceName:"Drug Pickup",count:4},{serviceName:"Lab testing",count:10},{serviceName:"Refill",count:3}]},{appointmentDate:"2022-12-14 12:20:00",service:[{serviceName:"HIV",count:10},{serviceName:"Refill",count:2}]},{appointmentDate:"2022-12-11 14:20:00",service:[{serviceName:"HIV",count:1},{serviceName:"Lab testing",count:10}]},{appointmentDate:"2022-11-26 13:20:00",service:[{serviceName:"HIV",count:10},{serviceName:"Lab testing",count:10},{serviceName:"Refill",count:15}]},{appointmentDate:"2022-10-27 15:20:00",service:[{serviceName:"HIV",count:1},{serviceName:"Drug pickup",count:4},{serviceName:"Refill",count:1}]},{appointmentDate:"2022-10-22 17:20:00",service:[{serviceName:"HIV",count:13}]}],Ee=n(6306),ze=n(1961);const Se=function(e){var t=e.status,n=e.title,a=(0,Ee.z)(t),i=a.appointments,r=a.isLoading,s=a.mutate;return(0,m.useTranslation)().t,o().createElement("div",null,o().createElement(ze.Z,{appointments:i,isLoading:r,mutate:s,tableHeading:n}))};var Ne=n(3950),Ce={};Ce.styleTagTransform=z(),Ce.setAttributes=w(),Ce.insert=y().bind(null,"head"),Ce.domAPI=v(),Ce.insertStyleElement=x(),g()(Ne.Z,Ce);const Te=Ne.Z&&Ne.Z.locals?Ne.Z.locals:void 0;var De;!function(e){e.MISSED="Scheduled",e.DEFAULTERS="Defaulters",e.LTFU="Ltfu",e.PROMISED="Promised"}(De||(De={}));const Ae=function(){var e=(0,m.useTranslation)().t;return o().createElement("div",{className:Te.appointmentList},o().createElement("h3",{className:Te.heading},e("missedAppointmentsList","Missed Appointments List")),o().createElement("div",{className:Te.wrapper},o().createElement(T.mQc,{className:Te.tabs},o().createElement(T.tdY,{"aria-label":"Appointment tabs",contained:!0},o().createElement(T.OK9,null,e("missed","Missed")),o().createElement(T.OK9,null,e("defaulters","Defaulters")),o().createElement(T.OK9,null,e("lostToFollowUp","Lost To Follow Up")),o().createElement(T.OK9,null,e("promisedPatients","Promised Patients"))),o().createElement(T.nPR,null,o().createElement(T.x45,null,o().createElement(Se,{status:De.MISSED,title:e("missedAppointmentsList","Missed Appointments List")})),o().createElement(T.x45,null,o().createElement(Se,{status:De.DEFAULTERS,title:e("defaulters","Defaulters")})),o().createElement(T.x45,null,o().createElement(Se,{status:De.LTFU,title:e("lostToFollowupAppointments","Lost To Followup Appointments")})),o().createElement(T.x45,null,o().createElement(Se,{status:De.PROMISED,title:e("promisedPateints","Promised Patients")}))))))};var He={errorRetryCount:3};const Ie=function(){return o().createElement("main",null,o().createElement(i.J$,{value:He},o().createElement(r.BrowserRouter,{basename:s.JB},o().createElement(r.Routes,null,o().createElement(r.Route,{path:"",element:o().createElement(P,null)}),o().createElement(r.Route,{path:"/calendar",element:o().createElement(ke,null)}),o().createElement(r.Route,{path:"/missed",element:o().createElement(Ae,null)})),o().createElement(q,null))))}}}]);
1
+ "use strict";(globalThis.webpackChunk_openmrs_esm_appointments_app=globalThis.webpackChunk_openmrs_esm_appointments_app||[]).push([[430],{3593:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),i=t.n(a),o=t(2609),r=t.n(o)()(i());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__appointments-calendar-list-view__wrapper___3XIVI{position:relative}.-esm-appointments__appointments-calendar-list-view__monthly-calendar___yePVi{display:grid;grid-template-columns:repeat(7, minmax(0px, 1fr));grid-template-rows:repeat(6, minmax(0px, 1fr))}.-esm-appointments__appointments-calendar-list-view__backgroundColor___U-dEY{background-color:#fff}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/appointments-calendar/appointments-calendar-list-view.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CClDF,qEACE,iBAAA,CAEF,8EACE,YAAA,CACA,iDAAA,CACA,8CAAA,CAEF,6EACE,qBCLM",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/styles/scss/type';\n@use '@carbon/styles/scss/spacing';\n@use '@carbon/colors';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.wrapper {\n position: relative;\n}\n.monthly-calendar {\n display: grid;\n grid-template-columns: repeat(7, minmax(0px, 1fr));\n grid-template-rows: repeat(6, minmax(0px, 1fr));\n}\n.backgroundColor {\n background-color: colors.$white;\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n 'black': (\n 100: #000000,\n ),\n 'blue': (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n 'cool-gray': (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n 'cyan': (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n 'gray': (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n 'green': (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n 'magenta': (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n 'orange': (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n 'purple': (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n 'red': (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n 'teal': (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n 'warm-gray': (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n 'white': (\n 0: #ffffff,\n ),\n 'yellow': (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n"],sourceRoot:""}]),r.locals={wrapper:"-esm-appointments__appointments-calendar-list-view__wrapper___3XIVI","monthly-calendar":"-esm-appointments__appointments-calendar-list-view__monthly-calendar___yePVi",backgroundColor:"-esm-appointments__appointments-calendar-list-view__backgroundColor___U-dEY"};const l=r},3636:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),i=t.n(a),o=t(2609),r=t.n(o)()(i());r.push([e.id,".-esm-appointments__calendar-header__titleContainer___J2QM4{display:flex;justify-content:space-between;align-items:center}.-esm-appointments__calendar-header__titleContainer___J2QM4>p{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-appointments__calendar-header__titleContainer___J2QM4>button{color:#0f62fe;font-size:var(--cds-label-02-font-size, 0.875rem);font-weight:var(--cds-label-02-font-weight, 400);line-height:var(--cds-label-02-line-height, 1.28572);letter-spacing:var(--cds-label-02-letter-spacing, 0.16px)}.-esm-appointments__calendar-header__titleContent___AaATf{display:flex;justify-content:space-between;align-items:center}","",{version:3,sources:["webpack://./src/appointments-calendar/calendar-header.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAGA,4DACE,YAAA,CACA,6BAAA,CACA,kBAAA,CAEA,8DCk0BE,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD9zBF,mEACE,aEIM,CDyzBN,iDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDxzBJ,0DACE,YAAA,CACA,6BAAA,CACA,kBAAA",sourcesContent:["@use '@carbon/styles/scss/type';\n@use '@carbon/colors';\n\n.titleContainer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n & > p {\n @include type.type-style('heading-02');\n }\n\n & > button {\n color: colors.$blue-60;\n @include type.type-style('label-02');\n }\n}\n\n.titleContent {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n","//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n 'black': (\n 100: #000000,\n ),\n 'blue': (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n 'cool-gray': (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n 'cyan': (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n 'gray': (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n 'green': (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n 'magenta': (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n 'orange': (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n 'purple': (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n 'red': (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n 'teal': (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n 'warm-gray': (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n 'white': (\n 0: #ffffff,\n ),\n 'yellow': (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n"],sourceRoot:""}]),r.locals={titleContainer:"-esm-appointments__calendar-header__titleContainer___J2QM4",titleContent:"-esm-appointments__calendar-header__titleContent___AaATf"};const l=r},1215:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),i=t.n(a),o=t(2609),r=t.n(o)()(i());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\"\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:2.625rem;font-weight:300;line-height:1.199;letter-spacing:0}h2{font-size:2rem;font-weight:400;line-height:1.25;letter-spacing:0}h3{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0}h4{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}h5{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}h6{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px}p{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:0}a{color:#0f62fe}em{font-style:italic}@keyframes -esm-appointments__days-of-week__skeleton___2g7Ep{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-appointments__days-of-week__tileContainer___hI7UA{height:4rem;display:flex;justify-content:center;width:100%;align-items:center;border:1px solid #e0e0e0}.-esm-appointments__days-of-week__tileContainer___hI7UA>span{font-size:1rem;color:#525252}.-esm-appointments__days-of-week__bold___fBlxx{font-weight:bold}.-esm-appointments__days-of-week__tileHeader___LWrCf{display:flex;justify-content:space-between;padding-bottom:1rem}.-esm-appointments__days-of-week__headerLabel___qwuO3{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#525252}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/_css--reset.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_reset.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_font-family.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/icons/mixins.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/type/_styles.import.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/_helper-mixins.scss","webpack://./src/appointments-calendar/days-of-week.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCpBE,2ZAiFE,SAAA,CACA,QAAA,CACA,QAAA,CACA,YAAA,CACA,cAAA,CACA,uBAAA,CAIF,6BAIE,eAAA,CACA,mBAAA,CAGF,4BACE,YAAA,CAIF,mFAYE,aAAA,CAGF,KACE,aAAA,CAGF,IACE,oBAAA,CAGF,IACE,kBAAA,CAGF,MAEE,eAAA,CAGF,aAEE,WAAA,CAGF,wDAIE,UAAA,CAGF,MACE,wBAAA,CACA,gBAAA,CAGF,EACE,qBAAA,CAIF,OACE,QAAA,CC3KJ,KACE,cAAA,CAGF,KC0CA,eAAA,CDvCE,gEAViB,CAWjB,iCAAA,CACA,kCAAA,CACA,iCAAA,CAGF,KACE,wGAhBiB,CAmBnB,OC6BA,eAAA,CCxDA,8CACE,IACE,eAAA,CAAA,CFkCJ,GGghBE,kBA0LsB,CA1LtB,eA0LsB,CA1LtB,iBA0LsB,CA1LtB,gBA0LsB,CHtsBxB,GG4gBE,cA0LsB,CA1LtB,eA0LsB,CA1LtB,gBA0LsB,CA1LtB,gBA0LsB,CHlsBxB,GGwgBE,iBA0LsB,CA1LtB,eA0LsB,CA1LtB,mBA0LsB,CA1LtB,gBA0LsB,CH9rBxB,GGogBE,iBA0LsB,CA1LtB,eA0LsB,CA1LtB,eA0LsB,CA1LtB,gBA0LsB,CH1rBxB,GGggBE,cA0LsB,CA1LtB,eA0LsB,CA1LtB,iBA0LsB,CA1LtB,gBA0LsB,CHtrBxB,GG4fE,iBA0LsB,CA1LtB,eA0LsB,CA1LtB,mBA0LsB,CA1LtB,oBA0LsB,CHlrBxB,EGwfE,cA0LsB,CA1LtB,eA0LsB,CA1LtB,eA0LsB,CA1LtB,gBA0LsB,CH9qBxB,EAII,aAAA,CAMJ,GACE,iBAAA,CIoHF,6DACE,GACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAGF,IACE,SAAA,CACA,mBAAA,CACA,qBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,sBAAA,CAGF,IACE,mBAAA,CACA,qBAAA,CAGF,IACE,mBAAA,CACA,qBAAA,CAGF,KACE,UAAA,CACA,mBAAA,CACA,qBAAA,CAAA,CClPN,wDACE,WCgDW,CD/CX,YAAA,CACA,sBAAA,CACA,UAAA,CACA,kBAAA,CACA,wBAAA,CAEA,6DACE,cCeS,CDdT,aE+BM,CF3BV,+CACE,gBAAA,CAGF,qDACE,YAAA,CACA,6BAAA,CACA,mBCGW,CAAA,sDHiiBT,iBA0LsB,CA1LtB,eA0LsB,CA1LtB,mBA0LsB,CA1LtB,oBA0LsB,CEztBxB,aGkBU",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","//\n// Copyright IBM Corp. 2016, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import './vendor/@carbon/elements/scss/import-once/import-once';\n@import './vendor/@carbon/elements/scss/type/reset';\n@import './vendor/@carbon/elements/scss/icons/mixins';\n\n/// Resets default browser styling\n/// @access public\n/// @group global-reset\n@mixin reset {\n @if variable-exists(css--reset) == false or $css--reset == false {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n }\n}\n\n@include exports('css--reset') {\n @if variable-exists(css--reset) == false or $css--reset == true {\n // http://cssreset.com/scripts/eric-meyer-reset-css/\n html,\n body,\n div,\n span,\n applet,\n object,\n iframe,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n blockquote,\n pre,\n a,\n abbr,\n acronym,\n address,\n big,\n cite,\n code,\n del,\n dfn,\n em,\n img,\n ins,\n kbd,\n q,\n s,\n samp,\n small,\n strike,\n strong,\n sub,\n sup,\n tt,\n var,\n b,\n u,\n i,\n center,\n dl,\n dt,\n dd,\n ol,\n ul,\n li,\n fieldset,\n form,\n label,\n legend,\n table,\n caption,\n tbody,\n tfoot,\n thead,\n tr,\n th,\n td,\n article,\n aside,\n canvas,\n details,\n embed,\n figure,\n figcaption,\n footer,\n header,\n hgroup,\n menu,\n nav,\n output,\n ruby,\n section,\n summary,\n time,\n mark,\n audio,\n video {\n padding: 0;\n border: 0;\n margin: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n }\n\n // Chrome 62 fix\n button,\n select,\n input,\n textarea {\n border-radius: 0;\n font-family: inherit;\n }\n\n input[type='text']::-ms-clear {\n display: none;\n }\n\n /* HTML5 display-role reset for older browsers */\n article,\n aside,\n details,\n figcaption,\n figure,\n footer,\n header,\n hgroup,\n main,\n menu,\n nav,\n section {\n display: block;\n }\n\n body {\n line-height: 1;\n }\n\n sup {\n vertical-align: super;\n }\n\n sub {\n vertical-align: sub;\n }\n\n ol,\n ul {\n list-style: none;\n }\n\n blockquote,\n q {\n quotes: none;\n }\n\n blockquote::before,\n blockquote::after,\n q::before,\n q::after {\n content: '';\n }\n\n table {\n border-collapse: collapse;\n border-spacing: 0;\n }\n\n * {\n box-sizing: border-box;\n }\n\n // Fix to remove added margins on buttons in safari (see #5155)\n button {\n margin: 0;\n }\n\n @include carbon--type-reset;\n @include carbon--icons;\n }\n}\n\n@include exports('css--default-type') {\n @if variable-exists(css--default-type) == false or $css--default-type == true\n {\n @include carbon--default-type;\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import '../layout/convert';\n@import 'font-family';\n@import 'styles';\n\n/// Include a type reset for a given body and mono font family\n/// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element\n/// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-reset(\n // TODO: remove in next major release. This has been replaced with 100%\n $base-font-size: $carbon--base-font-size,\n $body-font-family: carbon--font-family('sans'),\n $mono-font-family: carbon--font-family('mono')\n) {\n html {\n font-size: 100%;\n }\n\n body {\n @include carbon--font-weight('regular');\n\n font-family: $body-font-family;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n\n code {\n font-family: $mono-font-family;\n }\n\n strong {\n @include carbon--font-weight('semibold');\n }\n}\n\n/// Include default type styles\n/// @access public\n/// @group @carbon/type\n@mixin carbon--default-type {\n h1 {\n @include carbon--type-style('productive-heading-06');\n }\n\n h2 {\n @include carbon--type-style('productive-heading-05');\n }\n\n h3 {\n @include carbon--type-style('productive-heading-04');\n }\n\n h4 {\n @include carbon--type-style('productive-heading-03');\n }\n\n h5 {\n @include carbon--type-style('productive-heading-02');\n }\n\n h6 {\n @include carbon--type-style('productive-heading-01');\n }\n\n p {\n @include carbon--type-style('body-long-02');\n }\n\n a {\n @if global-variable-exists('carbon--theme') and\n map-has-key($carbon--theme, 'link-01')\n {\n color: map-get($carbon--theme, 'link-01');\n } @else {\n color: #0062fe;\n }\n }\n\n em {\n font-style: italic;\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans\n/// Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$carbon--font-families: (\n 'mono':\n unquote(\n \"'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace\"\n ),\n 'sans': unquote(\"'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif\"),\n 'sans-condensed':\n unquote(\"'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif\"),\n 'sans-hebrew':\n unquote(\n \"'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif\"\n ),\n 'serif': unquote(\"'IBM Plex Serif', 'Georgia', Times, serif\"),\n) !default;\n\n/// Get the font-family for an IBM Plex font\n/// @param {String} $name\n/// @return {String}\n/// @access public\n/// @group @carbon/type\n@function carbon--font-family($name) {\n @return map-get($carbon--font-families, $name);\n}\n\n/// Include the `font-family` definition for the given name in your selector\n/// @param {String} $name\n/// @access public\n/// @group @carbon/type\n@mixin carbon--font-family($name) {\n font-family: carbon--font-family($name);\n}\n\n/// Suggested font weights to be used in product\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$carbon--font-weights: (\n 'light': 300,\n 'regular': 400,\n 'semibold': 600,\n) !default;\n\n/// Retrieve the font-weight value for a given name\n/// @param {String} $weight\n/// @return {Number}\n/// @access public\n/// @group @carbon/type\n@function carbon--font-weight($weight) {\n @return map-get($carbon--font-weights, $weight);\n}\n\n/// Set the `font-weight` property with the value for a given name\n/// @param {String} $weight\n/// @access public\n/// @group @carbon/type\n@mixin carbon--font-weight($weight) {\n font-weight: carbon--font-weight($weight);\n}\n","//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// Makes SVGs accessible in high contrast mode\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n/// @access public\n/// @group @carbon/icons\n@mixin carbon--icons {\n @media screen and (-ms-high-contrast: active) {\n svg {\n fill: ButtonText;\n }\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n//-------------------------------------------\n// Compatibility notes (*.import.scss)\n// ------------------------------------------\n//\n// This file is intended to be consumed and processed with dart-sass.\n// It is incompatible with node-sass/libsass as it contains sass language features\n// or functions that are unavailable in node-sass/libsass, such as `math.div`.\n//\n// The non-`.import` suffixed version of this file eg. `_filename.scss`\n// is intended to be compatible with node-sass/libsass.\n//\n// Styles authored within this file must be duplicated to the corresponding\n// compatibility file to ensure we continue to support node-sass and dart-sass\n// in v10.\n\n@use \"sass:meta\";\n@use \"sass:math\";\n@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n font-size: carbon--type-scale(1),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: map-merge(\n $heading-01,\n (\n line-height: 1.25,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n $heading-02,\n (\n line-height: 1.5,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(8),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n font-weight: carbon--font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: carbon--type-scale(6),\n font-weight: carbon--font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(5),\n ),\n lg: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @if meta.function-exists('div', 'math') {\n @return math.div($value, $value * 0 + 1);\n } @else {\n @return $value / ($value * 0 + 1);\n }\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map-remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map-get($type-styles, breakpoints) {\n @include carbon--breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: $carbon--grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map-get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map-get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map-remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map-get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map-get($type-styles, font-size);\n $min-font-size: map-get($type-styles, font-size);\n @if map-has-key($fluid-breakpoint, font-size) {\n $min-font-size: map-get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map-get($breakpoint, width);\n $min-vw: map-get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map-has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: carbon--breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map-get(\n map-get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map-get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n$custom-property-prefix: 'cds' !default;\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n $name,\n $fluid: false,\n $breakpoints: $carbon--grid-breakpoints\n) {\n @if not map-has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map-get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n // Otherwise remove token breakpoints\n @if $fluid == true and map-has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n @include custom-properties($name, map-remove($token, 'breakpoints'));\n } @else {\n // Otherwise, we just include all the property declarations directly on the\n // selector\n @include properties(map-remove($token, 'breakpoints'));\n }\n }\n}\n","//\n// Copyright IBM Corp. 2016, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n//----------------------------------------------\n// Mixins\n// ---------------------------------------------\n//\n// Category || Description\n// ===========================================\n// Misc || General helper @mixins\n// Deprecated || Not used anymore\n// ===========================================\n\n//----------------------------------------------\n// Misc\n// ---------------------------------------------\n\n@import 'vars';\n@import 'css--reset';\n@import 'typography';\n@import './vendor/@carbon/elements/scss/import-once/import-once';\n\n/// Adds text overflow styling\n/// @access public\n/// @param {Number} $width [false] - Value of width if you want to set width, else nothing\n/// @example @include text-overflow(300px);\n/// @group global-helpers\n@mixin text-overflow($width: false) {\n display: block;\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n // apply a width if width parameter exists\n @if ($width) {\n width: $width;\n }\n}\n\n/// Adds placeholder text color\n/// @access public\n/// @example @include placeholder-colors;\n/// @group global-helpers\n@mixin placeholder-colors {\n color: $text-05;\n opacity: 1;\n}\n\n/// Adds box shadow\n/// @access public\n/// @example @include box-shadow;\n/// @group global-helpers\n@mixin box-shadow {\n box-shadow: 0 2px 6px $shadow;\n}\n\n/// Adds outline styles depending on specific type\n/// @access public\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\n/// @example @include focus-outline('outline');\n/// @group global-helpers\n@mixin focus-outline($type: 'border') {\n @if ($type == 'border') {\n outline: 1px solid $focus;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'blurred') {\n box-shadow: 0 0 0 3px $focus;\n outline: 1px solid transparent;\n }\n\n @if ($type == 'outline') {\n outline: 2px solid $focus;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'outline-compat') {\n box-sizing: border-box;\n border: 2px solid $focus;\n\n @media screen and (prefers-contrast) {\n border-style: dotted;\n }\n }\n\n @if ($type == 'invalid') {\n outline: 2px solid $support-01;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'reset') {\n outline: 2px solid transparent;\n outline-offset: -2px;\n }\n}\n\n/// Adds rotational transformation\n/// @access public\n/// @param {Number} $deg - How many degrees to rotate\n/// @param {Number} $speed - Speed of rotation\n/// @param {Value} $origin [center] - `transform-origin`\n/// @example @include rotate(90deg, 300ms);\n/// @group global-helpers\n@mixin rotate($deg, $speed, $origin: center) {\n transform: rotate($deg);\n transform-origin: $origin;\n transition: transform $speed;\n}\n\n/// Adds styles to hide content\n/// @access public\n/// @group global-helpers\n@mixin hidden {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n}\n\n/// Resets button styles\n/// @access public\n/// @param {Bool} $width [true] - Sets width to 100% if true\n/// @example @include button-reset($width: false);\n/// @group global-helpers\n@mixin button-reset($width: true) {\n @include reset;\n\n display: inline-block;\n padding: 0;\n border: 0;\n appearance: none;\n background: none;\n cursor: pointer;\n\n @if ($width == true) {\n width: 100%;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n/// Skeleton loading animation\n/// @access public\n/// @example @include skeleton;\n/// @group global-helpers\n@mixin skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: $skeleton-01;\n box-shadow: none;\n pointer-events: none;\n\n &:hover,\n &:focus,\n &:active {\n border: none;\n cursor: default;\n outline: none;\n }\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n animation: 3000ms ease-in-out skeleton infinite;\n background: $skeleton-02;\n content: '';\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n\n@include exports('skeleton') {\n @keyframes skeleton {\n 0% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 20% {\n opacity: 1;\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 28% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 51% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 58% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 82% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 83% {\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 96% {\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 100% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n }\n}\n\n/// High Contrast Mode mixin for Windows and macOS\n/// @access public\n/// @example @include high-contrast-mode;\n/// @group global-helpers\n/// We should set HCM styles at the end of each file to ensure they are not overridden\n@mixin high-contrast-mode($type: '') {\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n @if ($type == 'icon-fill') {\n fill: ButtonText;\n }\n\n @if ($type == 'focus') {\n color: Highlight;\n outline: 1px solid Highlight;\n }\n\n @if ($type == 'outline') {\n outline: 1px solid transparent;\n }\n\n @if ($type == 'disabled') {\n color: GrayText;\n fill: GrayText;\n }\n\n @content;\n }\n}\n","@use '@carbon/colors';\n@use '@carbon/styles/scss/spacing';\n@use '@carbon/layout';\n@import '~@openmrs/esm-styleguide/src/vars';\n@import '~carbon-components/src/globals/scss/vars';\n@import '~carbon-components/src/globals/scss/mixins';\n\n.tileContainer {\n height: layout.$spacing-10;\n display: flex;\n justify-content: center;\n width: 100%;\n align-items: center;\n border: 1px solid colors.$gray-20;\n\n & > span {\n font-size: spacing.$spacing-05;\n color: colors.$gray-70;\n }\n}\n\n.bold {\n font-weight: bold;\n}\n\n.tileHeader {\n display: flex;\n justify-content: space-between;\n padding-bottom: spacing.$spacing-05;\n}\n\n.headerLabel {\n @include carbon--type-style('productive-heading-01');\n color: $text-02;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n 'black': (\n 100: #000000,\n ),\n 'blue': (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n 'cool-gray': (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n 'cyan': (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n 'gray': (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n 'green': (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n 'magenta': (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n 'orange': (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n 'purple': (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n 'red': (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n 'teal': (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n 'warm-gray': (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n 'white': (\n 0: #ffffff,\n ),\n 'yellow': (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n","// Code generated by @carbon/themes. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import './themes';\n\n/// Define theme variables from a map of tokens\n/// @access public\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\n///\n/// @example scss\n/// // Default usage\n/// @include carbon--theme();\n///\n/// // Alternate styling (not white theme)\n/// @include carbon--theme($carbon--theme--g90) {\n/// // declarations...\n/// }\n///\n/// // Inline styling\n/// @include carbon--theme($carbon--theme--g90) {\n/// .my-dark-theme {\n/// // declarations...\n/// }\n/// }\n///\n/// @group @carbon/themes\n@mixin carbon--theme(\n $theme: $carbon--theme,\n $emit-custom-properties: false,\n $emit-difference: false\n) {\n $parent-carbon-theme: $carbon--theme;\n $carbon--theme: $theme !global;\n $interactive-01: map-get($theme, 'interactive-01') !global;\n $interactive-02: map-get($theme, 'interactive-02') !global;\n $interactive-03: map-get($theme, 'interactive-03') !global;\n $interactive-04: map-get($theme, 'interactive-04') !global;\n $ui-background: map-get($theme, 'ui-background') !global;\n $ui-01: map-get($theme, 'ui-01') !global;\n $ui-02: map-get($theme, 'ui-02') !global;\n $ui-03: map-get($theme, 'ui-03') !global;\n $ui-04: map-get($theme, 'ui-04') !global;\n $ui-05: map-get($theme, 'ui-05') !global;\n $text-01: map-get($theme, 'text-01') !global;\n $text-02: map-get($theme, 'text-02') !global;\n $text-03: map-get($theme, 'text-03') !global;\n $text-04: map-get($theme, 'text-04') !global;\n $text-05: map-get($theme, 'text-05') !global;\n $text-error: map-get($theme, 'text-error') !global;\n $icon-01: map-get($theme, 'icon-01') !global;\n $icon-02: map-get($theme, 'icon-02') !global;\n $icon-03: map-get($theme, 'icon-03') !global;\n $link-01: map-get($theme, 'link-01') !global;\n $link-02: map-get($theme, 'link-02') !global;\n $inverse-link: map-get($theme, 'inverse-link') !global;\n $field-01: map-get($theme, 'field-01') !global;\n $field-02: map-get($theme, 'field-02') !global;\n $inverse-01: map-get($theme, 'inverse-01') !global;\n $inverse-02: map-get($theme, 'inverse-02') !global;\n $support-01: map-get($theme, 'support-01') !global;\n $support-02: map-get($theme, 'support-02') !global;\n $support-03: map-get($theme, 'support-03') !global;\n $support-04: map-get($theme, 'support-04') !global;\n $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\n $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\n $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\n $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\n $overlay-01: map-get($theme, 'overlay-01') !global;\n $danger-01: map-get($theme, 'danger-01') !global;\n $danger-02: map-get($theme, 'danger-02') !global;\n $focus: map-get($theme, 'focus') !global;\n $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\n $hover-primary: map-get($theme, 'hover-primary') !global;\n $active-primary: map-get($theme, 'active-primary') !global;\n $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\n $hover-secondary: map-get($theme, 'hover-secondary') !global;\n $active-secondary: map-get($theme, 'active-secondary') !global;\n $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\n $active-tertiary: map-get($theme, 'active-tertiary') !global;\n $hover-ui: map-get($theme, 'hover-ui') !global;\n $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\n $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\n $active-ui: map-get($theme, 'active-ui') !global;\n $active-light-ui: map-get($theme, 'active-light-ui') !global;\n $selected-ui: map-get($theme, 'selected-ui') !global;\n $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\n $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\n $hover-danger: map-get($theme, 'hover-danger') !global;\n $active-danger: map-get($theme, 'active-danger') !global;\n $hover-row: map-get($theme, 'hover-row') !global;\n $visited-link: map-get($theme, 'visited-link') !global;\n $disabled-01: map-get($theme, 'disabled-01') !global;\n $disabled-02: map-get($theme, 'disabled-02') !global;\n $disabled-03: map-get($theme, 'disabled-03') !global;\n $highlight: map-get($theme, 'highlight') !global;\n $decorative-01: map-get($theme, 'decorative-01') !global;\n $button-separator: map-get($theme, 'button-separator') !global;\n $skeleton-01: map-get($theme, 'skeleton-01') !global;\n $skeleton-02: map-get($theme, 'skeleton-02') !global;\n $background: map-get($theme, 'background') !global;\n $layer: map-get($theme, 'layer') !global;\n $layer-accent: map-get($theme, 'layer-accent') !global;\n $layer-accent-hover: map-get($theme, 'layer-accent-hover') !global;\n $layer-accent-active: map-get($theme, 'layer-accent-active') !global;\n $field: map-get($theme, 'field') !global;\n $background-inverse: map-get($theme, 'background-inverse') !global;\n $background-brand: map-get($theme, 'background-brand') !global;\n $interactive: map-get($theme, 'interactive') !global;\n $border-subtle: map-get($theme, 'border-subtle') !global;\n $border-strong: map-get($theme, 'border-strong') !global;\n $border-inverse: map-get($theme, 'border-inverse') !global;\n $border-interactive: map-get($theme, 'border-interactive') !global;\n $text-primary: map-get($theme, 'text-primary') !global;\n $text-secondary: map-get($theme, 'text-secondary') !global;\n $text-placeholder: map-get($theme, 'text-placeholder') !global;\n $text-helper: map-get($theme, 'text-helper') !global;\n $text-on-color: map-get($theme, 'text-on-color') !global;\n $text-inverse: map-get($theme, 'text-inverse') !global;\n $link-primary: map-get($theme, 'link-primary') !global;\n $link-secondary: map-get($theme, 'link-secondary') !global;\n $link-visited: map-get($theme, 'link-visited') !global;\n $link-inverse: map-get($theme, 'link-inverse') !global;\n $icon-primary: map-get($theme, 'icon-primary') !global;\n $icon-secondary: map-get($theme, 'icon-secondary') !global;\n $icon-on-color: map-get($theme, 'icon-on-color') !global;\n $icon-inverse: map-get($theme, 'icon-inverse') !global;\n $support-error: map-get($theme, 'support-error') !global;\n $support-success: map-get($theme, 'support-success') !global;\n $support-warning: map-get($theme, 'support-warning') !global;\n $support-info: map-get($theme, 'support-info') !global;\n $support-error-inverse: map-get($theme, 'support-error-inverse') !global;\n $support-success-inverse: map-get($theme, 'support-success-inverse') !global;\n $support-warning-inverse: map-get($theme, 'support-warning-inverse') !global;\n $support-info-inverse: map-get($theme, 'support-info-inverse') !global;\n $overlay: map-get($theme, 'overlay') !global;\n $toggle-off: map-get($theme, 'toggle-off') !global;\n $shadow: map-get($theme, 'shadow') !global;\n $button-primary: map-get($theme, 'button-primary') !global;\n $button-secondary: map-get($theme, 'button-secondary') !global;\n $button-tertiary: map-get($theme, 'button-tertiary') !global;\n $button-danger-primary: map-get($theme, 'button-danger-primary') !global;\n $button-danger-secondary: map-get($theme, 'button-danger-secondary') !global;\n $background-active: map-get($theme, 'background-active') !global;\n $layer-active: map-get($theme, 'layer-active') !global;\n $button-danger-active: map-get($theme, 'button-danger-active') !global;\n $button-primary-active: map-get($theme, 'button-primary-active') !global;\n $button-secondary-active: map-get($theme, 'button-secondary-active') !global;\n $button-tertiary-active: map-get($theme, 'button-tertiary-active') !global;\n $focus-inset: map-get($theme, 'focus-inset') !global;\n $focus-inverse: map-get($theme, 'focus-inverse') !global;\n $background-hover: map-get($theme, 'background-hover') !global;\n $layer-hover: map-get($theme, 'layer-hover') !global;\n $field-hover: map-get($theme, 'field-hover') !global;\n $background-inverse-hover: map-get(\n $theme,\n 'background-inverse-hover'\n ) !global;\n $link-primary-hover: map-get($theme, 'link-primary-hover') !global;\n $button-danger-hover: map-get($theme, 'button-danger-hover') !global;\n $button-primary-hover: map-get($theme, 'button-primary-hover') !global;\n $button-secondary-hover: map-get($theme, 'button-secondary-hover') !global;\n $button-tertiary-hover: map-get($theme, 'button-tertiary-hover') !global;\n $background-selected: map-get($theme, 'background-selected') !global;\n $background-selected-hover: map-get(\n $theme,\n 'background-selected-hover'\n ) !global;\n $layer-selected: map-get($theme, 'layer-selected') !global;\n $layer-selected-hover: map-get($theme, 'layer-selected-hover') !global;\n $layer-selected-inverse: map-get($theme, 'layer-selected-inverse') !global;\n $border-subtle-selected: map-get($theme, 'border-subtle-selected') !global;\n $border-disabled: map-get($theme, 'border-disabled') !global;\n $text-disabled: map-get($theme, 'text-disabled') !global;\n $button-disabled: map-get($theme, 'button-disabled') !global;\n $icon-disabled: map-get($theme, 'icon-disabled') !global;\n $text-on-color-disabled: map-get($theme, 'text-on-color-disabled') !global;\n $icon-on-color-disabled: map-get($theme, 'icon-on-color-disabled') !global;\n $layer-selected-disabled: map-get($theme, 'layer-selected-disabled') !global;\n $skeleton-background: map-get($theme, 'skeleton-background') !global;\n $skeleton-element: map-get($theme, 'skeleton-element') !global;\n $brand-01: map-get($theme, 'brand-01') !global;\n $brand-02: map-get($theme, 'brand-02') !global;\n $brand-03: map-get($theme, 'brand-03') !global;\n $active-01: map-get($theme, 'active-01') !global;\n $hover-field: map-get($theme, 'hover-field') !global;\n $danger: map-get($theme, 'danger') !global;\n $caption-01: map-get($theme, 'caption-01') !global;\n $caption-02: map-get($theme, 'caption-02') !global;\n $label-01: map-get($theme, 'label-01') !global;\n $label-02: map-get($theme, 'label-02') !global;\n $helper-text-01: map-get($theme, 'helper-text-01') !global;\n $helper-text-02: map-get($theme, 'helper-text-02') !global;\n $body-short-01: map-get($theme, 'body-short-01') !global;\n $body-long-01: map-get($theme, 'body-long-01') !global;\n $body-short-02: map-get($theme, 'body-short-02') !global;\n $body-long-02: map-get($theme, 'body-long-02') !global;\n $code-01: map-get($theme, 'code-01') !global;\n $code-02: map-get($theme, 'code-02') !global;\n $heading-01: map-get($theme, 'heading-01') !global;\n $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\n $heading-02: map-get($theme, 'heading-02') !global;\n $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\n $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\n $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\n $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\n $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\n $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\n $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\n $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\n $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\n $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\n $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\n $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\n $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\n $quotation-01: map-get($theme, 'quotation-01') !global;\n $quotation-02: map-get($theme, 'quotation-02') !global;\n $display-01: map-get($theme, 'display-01') !global;\n $display-02: map-get($theme, 'display-02') !global;\n $display-03: map-get($theme, 'display-03') !global;\n $display-04: map-get($theme, 'display-04') !global;\n $legal-01: map-get($theme, 'legal-01') !global;\n $legal-02: map-get($theme, 'legal-02') !global;\n $body-compact-01: map-get($theme, 'body-compact-01') !global;\n $body-compact-02: map-get($theme, 'body-compact-02') !global;\n $body-01: map-get($theme, 'body-01') !global;\n $body-02: map-get($theme, 'body-02') !global;\n $heading-compact-01: map-get($theme, 'heading-compact-01') !global;\n $heading-compact-02: map-get($theme, 'heading-compact-02') !global;\n $heading-03: map-get($theme, 'heading-03') !global;\n $heading-04: map-get($theme, 'heading-04') !global;\n $heading-05: map-get($theme, 'heading-05') !global;\n $heading-06: map-get($theme, 'heading-06') !global;\n $heading-07: map-get($theme, 'heading-07') !global;\n $fluid-heading-03: map-get($theme, 'fluid-heading-03') !global;\n $fluid-heading-04: map-get($theme, 'fluid-heading-04') !global;\n $fluid-heading-05: map-get($theme, 'fluid-heading-05') !global;\n $fluid-heading-06: map-get($theme, 'fluid-heading-06') !global;\n $fluid-paragraph-01: map-get($theme, 'fluid-paragraph-01') !global;\n $fluid-quotation-01: map-get($theme, 'fluid-quotation-01') !global;\n $fluid-quotation-02: map-get($theme, 'fluid-quotation-02') !global;\n $fluid-display-01: map-get($theme, 'fluid-display-01') !global;\n $fluid-display-02: map-get($theme, 'fluid-display-02') !global;\n $fluid-display-03: map-get($theme, 'fluid-display-03') !global;\n $fluid-display-04: map-get($theme, 'fluid-display-04') !global;\n $spacing-01: map-get($theme, 'spacing-01') !global;\n $spacing-02: map-get($theme, 'spacing-02') !global;\n $spacing-03: map-get($theme, 'spacing-03') !global;\n $spacing-04: map-get($theme, 'spacing-04') !global;\n $spacing-05: map-get($theme, 'spacing-05') !global;\n $spacing-06: map-get($theme, 'spacing-06') !global;\n $spacing-07: map-get($theme, 'spacing-07') !global;\n $spacing-08: map-get($theme, 'spacing-08') !global;\n $spacing-09: map-get($theme, 'spacing-09') !global;\n $spacing-10: map-get($theme, 'spacing-10') !global;\n $spacing-11: map-get($theme, 'spacing-11') !global;\n $spacing-12: map-get($theme, 'spacing-12') !global;\n $spacing-13: map-get($theme, 'spacing-13') !global;\n $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\n $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\n $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\n $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\n $layout-01: map-get($theme, 'layout-01') !global;\n $layout-02: map-get($theme, 'layout-02') !global;\n $layout-03: map-get($theme, 'layout-03') !global;\n $layout-04: map-get($theme, 'layout-04') !global;\n $layout-05: map-get($theme, 'layout-05') !global;\n $layout-06: map-get($theme, 'layout-06') !global;\n $layout-07: map-get($theme, 'layout-07') !global;\n $container-01: map-get($theme, 'container-01') !global;\n $container-02: map-get($theme, 'container-02') !global;\n $container-03: map-get($theme, 'container-03') !global;\n $container-04: map-get($theme, 'container-04') !global;\n $container-05: map-get($theme, 'container-05') !global;\n $size-xsmall: map-get($theme, 'size-xsmall') !global;\n $size-small: map-get($theme, 'size-small') !global;\n $size-medium: map-get($theme, 'size-medium') !global;\n $size-large: map-get($theme, 'size-large') !global;\n $size-xlarge: map-get($theme, 'size-xlarge') !global;\n $size-2XLarge: map-get($theme, 'size-2XLarge') !global;\n $icon-size-01: map-get($theme, 'icon-size-01') !global;\n $icon-size-02: map-get($theme, 'icon-size-02') !global;\n\n @if global-variable-exists('feature-flags') ==\n false or\n global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-v11-release') !=\n true\n {\n $background: $ui-background !global;\n $layer: $ui-01 !global;\n $layer-accent: $ui-03 !global;\n $field: $field-01 !global;\n $background-inverse: $inverse-02 !global;\n $background-brand: $interactive-01 !global;\n $interactive: $interactive-04 !global;\n $border-subtle: $ui-03 !global;\n $border-strong: $ui-04 !global;\n $border-inverse: $ui-05 !global;\n $border-interactive: $interactive-04 !global;\n $text-primary: $text-01 !global;\n $text-secondary: $text-02 !global;\n $text-placeholder: $text-03 !global;\n $text-helper: $text-05 !global;\n $text-on-color: $text-04 !global;\n $text-inverse: $inverse-01 !global;\n $link-primary: $link-01 !global;\n $link-secondary: $link-02 !global;\n $link-visited: $visited-link !global;\n $link-inverse: $inverse-link !global;\n $icon-primary: $icon-01 !global;\n $icon-secondary: $icon-02 !global;\n $icon-on-color: $icon-03 !global;\n $icon-inverse: $inverse-01 !global;\n $support-error: $support-01 !global;\n $support-success: $support-02 !global;\n $support-warning: $support-03 !global;\n $support-info: $support-04 !global;\n $support-error-inverse: $inverse-support-01 !global;\n $support-success-inverse: $inverse-support-02 !global;\n $support-warning-inverse: $inverse-support-03 !global;\n $support-info-inverse: $inverse-support-04 !global;\n $overlay: $overlay-01 !global;\n $toggle-off: $ui-04 !global;\n $button-primary: $interactive-01 !global;\n $button-secondary: $interactive-02 !global;\n $button-tertiary: $interactive-03 !global;\n $button-danger-primary: $danger-01 !global;\n $button-danger-secondary: $danger-02 !global;\n $background-active: $active-ui !global;\n $layer-active: $active-ui !global;\n $button-danger-active: $active-danger !global;\n $button-primary-active: $active-primary !global;\n $button-secondary-active: $active-secondary !global;\n $button-tertiary-active: $active-tertiary !global;\n $focus-inset: $inverse-01 !global;\n $focus-inverse: $inverse-focus-ui !global;\n $background-hover: $hover-ui !global;\n $layer-hover: $hover-ui !global;\n $field-hover: $hover-ui !global;\n $background-inverse-hover: $inverse-hover-ui !global;\n $link-primary-hover: $hover-primary-text !global;\n $button-danger-hover: $hover-danger !global;\n $button-primary-hover: $hover-primary !global;\n $button-secondary-hover: $hover-secondary !global;\n $button-tertiary-hover: $hover-tertiary !global;\n $background-selected: $selected-ui !global;\n $background-selected-hover: $hover-selected-ui !global;\n $layer-selected: $selected-ui !global;\n $layer-selected-hover: $hover-selected-ui !global;\n $layer-selected-inverse: $ui-05 !global;\n $border-subtle-selected: $active-ui !global;\n $border-disabled: $disabled-01 !global;\n $text-disabled: $disabled-02 !global;\n $button-disabled: $disabled-02 !global;\n $icon-disabled: $disabled-02 !global;\n $text-on-color-disabled: $disabled-03 !global;\n $icon-on-color-disabled: $disabled-03 !global;\n $layer-selected-disabled: $disabled-03 !global;\n $skeleton-background: $skeleton-01 !global;\n $skeleton-element: $skeleton-02 !global;\n }\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n $interactive-01: var(\n --#{$custom-property-prefix}-interactive-01,\n map-get($theme, 'interactive-01')\n ) !global;\n $interactive-02: var(\n --#{$custom-property-prefix}-interactive-02,\n map-get($theme, 'interactive-02')\n ) !global;\n $interactive-03: var(\n --#{$custom-property-prefix}-interactive-03,\n map-get($theme, 'interactive-03')\n ) !global;\n $interactive-04: var(\n --#{$custom-property-prefix}-interactive-04,\n map-get($theme, 'interactive-04')\n ) !global;\n $ui-background: var(\n --#{$custom-property-prefix}-ui-background,\n map-get($theme, 'ui-background')\n ) !global;\n $ui-01: var(\n --#{$custom-property-prefix}-ui-01,\n map-get($theme, 'ui-01')\n ) !global;\n $ui-02: var(\n --#{$custom-property-prefix}-ui-02,\n map-get($theme, 'ui-02')\n ) !global;\n $ui-03: var(\n --#{$custom-property-prefix}-ui-03,\n map-get($theme, 'ui-03')\n ) !global;\n $ui-04: var(\n --#{$custom-property-prefix}-ui-04,\n map-get($theme, 'ui-04')\n ) !global;\n $ui-05: var(\n --#{$custom-property-prefix}-ui-05,\n map-get($theme, 'ui-05')\n ) !global;\n $text-01: var(\n --#{$custom-property-prefix}-text-01,\n map-get($theme, 'text-01')\n ) !global;\n $text-02: var(\n --#{$custom-property-prefix}-text-02,\n map-get($theme, 'text-02')\n ) !global;\n $text-03: var(\n --#{$custom-property-prefix}-text-03,\n map-get($theme, 'text-03')\n ) !global;\n $text-04: var(\n --#{$custom-property-prefix}-text-04,\n map-get($theme, 'text-04')\n ) !global;\n $text-05: var(\n --#{$custom-property-prefix}-text-05,\n map-get($theme, 'text-05')\n ) !global;\n $text-error: var(\n --#{$custom-property-prefix}-text-error,\n map-get($theme, 'text-error')\n ) !global;\n $icon-01: var(\n --#{$custom-property-prefix}-icon-01,\n map-get($theme, 'icon-01')\n ) !global;\n $icon-02: var(\n --#{$custom-property-prefix}-icon-02,\n map-get($theme, 'icon-02')\n ) !global;\n $icon-03: var(\n --#{$custom-property-prefix}-icon-03,\n map-get($theme, 'icon-03')\n ) !global;\n $link-01: var(\n --#{$custom-property-prefix}-link-01,\n map-get($theme, 'link-01')\n ) !global;\n $link-02: var(\n --#{$custom-property-prefix}-link-02,\n map-get($theme, 'link-02')\n ) !global;\n $inverse-link: var(\n --#{$custom-property-prefix}-inverse-link,\n map-get($theme, 'inverse-link')\n ) !global;\n $field-01: var(\n --#{$custom-property-prefix}-field-01,\n map-get($theme, 'field-01')\n ) !global;\n $field-02: var(\n --#{$custom-property-prefix}-field-02,\n map-get($theme, 'field-02')\n ) !global;\n $inverse-01: var(\n --#{$custom-property-prefix}-inverse-01,\n map-get($theme, 'inverse-01')\n ) !global;\n $inverse-02: var(\n --#{$custom-property-prefix}-inverse-02,\n map-get($theme, 'inverse-02')\n ) !global;\n $support-01: var(\n --#{$custom-property-prefix}-support-01,\n map-get($theme, 'support-01')\n ) !global;\n $support-02: var(\n --#{$custom-property-prefix}-support-02,\n map-get($theme, 'support-02')\n ) !global;\n $support-03: var(\n --#{$custom-property-prefix}-support-03,\n map-get($theme, 'support-03')\n ) !global;\n $support-04: var(\n --#{$custom-property-prefix}-support-04,\n map-get($theme, 'support-04')\n ) !global;\n $inverse-support-01: var(\n --#{$custom-property-prefix}-inverse-support-01,\n map-get($theme, 'inverse-support-01')\n ) !global;\n $inverse-support-02: var(\n --#{$custom-property-prefix}-inverse-support-02,\n map-get($theme, 'inverse-support-02')\n ) !global;\n $inverse-support-03: var(\n --#{$custom-property-prefix}-inverse-support-03,\n map-get($theme, 'inverse-support-03')\n ) !global;\n $inverse-support-04: var(\n --#{$custom-property-prefix}-inverse-support-04,\n map-get($theme, 'inverse-support-04')\n ) !global;\n $overlay-01: var(\n --#{$custom-property-prefix}-overlay-01,\n map-get($theme, 'overlay-01')\n ) !global;\n $danger-01: var(\n --#{$custom-property-prefix}-danger-01,\n map-get($theme, 'danger-01')\n ) !global;\n $danger-02: var(\n --#{$custom-property-prefix}-danger-02,\n map-get($theme, 'danger-02')\n ) !global;\n $focus: var(\n --#{$custom-property-prefix}-focus,\n map-get($theme, 'focus')\n ) !global;\n $inverse-focus-ui: var(\n --#{$custom-property-prefix}-inverse-focus-ui,\n map-get($theme, 'inverse-focus-ui')\n ) !global;\n $hover-primary: var(\n --#{$custom-property-prefix}-hover-primary,\n map-get($theme, 'hover-primary')\n ) !global;\n $active-primary: var(\n --#{$custom-property-prefix}-active-primary,\n map-get($theme, 'active-primary')\n ) !global;\n $hover-primary-text: var(\n --#{$custom-property-prefix}-hover-primary-text,\n map-get($theme, 'hover-primary-text')\n ) !global;\n $hover-secondary: var(\n --#{$custom-property-prefix}-hover-secondary,\n map-get($theme, 'hover-secondary')\n ) !global;\n $active-secondary: var(\n --#{$custom-property-prefix}-active-secondary,\n map-get($theme, 'active-secondary')\n ) !global;\n $hover-tertiary: var(\n --#{$custom-property-prefix}-hover-tertiary,\n map-get($theme, 'hover-tertiary')\n ) !global;\n $active-tertiary: var(\n --#{$custom-property-prefix}-active-tertiary,\n map-get($theme, 'active-tertiary')\n ) !global;\n $hover-ui: var(\n --#{$custom-property-prefix}-hover-ui,\n map-get($theme, 'hover-ui')\n ) !global;\n $hover-light-ui: var(\n --#{$custom-property-prefix}-hover-light-ui,\n map-get($theme, 'hover-light-ui')\n ) !global;\n $hover-selected-ui: var(\n --#{$custom-property-prefix}-hover-selected-ui,\n map-get($theme, 'hover-selected-ui')\n ) !global;\n $active-ui: var(\n --#{$custom-property-prefix}-active-ui,\n map-get($theme, 'active-ui')\n ) !global;\n $active-light-ui: var(\n --#{$custom-property-prefix}-active-light-ui,\n map-get($theme, 'active-light-ui')\n ) !global;\n $selected-ui: var(\n --#{$custom-property-prefix}-selected-ui,\n map-get($theme, 'selected-ui')\n ) !global;\n $selected-light-ui: var(\n --#{$custom-property-prefix}-selected-light-ui,\n map-get($theme, 'selected-light-ui')\n ) !global;\n $inverse-hover-ui: var(\n --#{$custom-property-prefix}-inverse-hover-ui,\n map-get($theme, 'inverse-hover-ui')\n ) !global;\n $hover-danger: var(\n --#{$custom-property-prefix}-hover-danger,\n map-get($theme, 'hover-danger')\n ) !global;\n $active-danger: var(\n --#{$custom-property-prefix}-active-danger,\n map-get($theme, 'active-danger')\n ) !global;\n $hover-row: var(\n --#{$custom-property-prefix}-hover-row,\n map-get($theme, 'hover-row')\n ) !global;\n $visited-link: var(\n --#{$custom-property-prefix}-visited-link,\n map-get($theme, 'visited-link')\n ) !global;\n $disabled-01: var(\n --#{$custom-property-prefix}-disabled-01,\n map-get($theme, 'disabled-01')\n ) !global;\n $disabled-02: var(\n --#{$custom-property-prefix}-disabled-02,\n map-get($theme, 'disabled-02')\n ) !global;\n $disabled-03: var(\n --#{$custom-property-prefix}-disabled-03,\n map-get($theme, 'disabled-03')\n ) !global;\n $highlight: var(\n --#{$custom-property-prefix}-highlight,\n map-get($theme, 'highlight')\n ) !global;\n $decorative-01: var(\n --#{$custom-property-prefix}-decorative-01,\n map-get($theme, 'decorative-01')\n ) !global;\n $button-separator: var(\n --#{$custom-property-prefix}-button-separator,\n map-get($theme, 'button-separator')\n ) !global;\n $skeleton-01: var(\n --#{$custom-property-prefix}-skeleton-01,\n map-get($theme, 'skeleton-01')\n ) !global;\n $skeleton-02: var(\n --#{$custom-property-prefix}-skeleton-02,\n map-get($theme, 'skeleton-02')\n ) !global;\n $background: var(\n --#{$custom-property-prefix}-background,\n map-get($theme, 'background')\n ) !global;\n $layer: var(\n --#{$custom-property-prefix}-layer,\n map-get($theme, 'layer')\n ) !global;\n $layer-accent: var(\n --#{$custom-property-prefix}-layer-accent,\n map-get($theme, 'layer-accent')\n ) !global;\n $layer-accent-hover: var(\n --#{$custom-property-prefix}-layer-accent-hover,\n map-get($theme, 'layer-accent-hover')\n ) !global;\n $layer-accent-active: var(\n --#{$custom-property-prefix}-layer-accent-active,\n map-get($theme, 'layer-accent-active')\n ) !global;\n $field: var(\n --#{$custom-property-prefix}-field,\n map-get($theme, 'field')\n ) !global;\n $background-inverse: var(\n --#{$custom-property-prefix}-background-inverse,\n map-get($theme, 'background-inverse')\n ) !global;\n $background-brand: var(\n --#{$custom-property-prefix}-background-brand,\n map-get($theme, 'background-brand')\n ) !global;\n $interactive: var(\n --#{$custom-property-prefix}-interactive,\n map-get($theme, 'interactive')\n ) !global;\n $border-subtle: var(\n --#{$custom-property-prefix}-border-subtle,\n map-get($theme, 'border-subtle')\n ) !global;\n $border-strong: var(\n --#{$custom-property-prefix}-border-strong,\n map-get($theme, 'border-strong')\n ) !global;\n $border-inverse: var(\n --#{$custom-property-prefix}-border-inverse,\n map-get($theme, 'border-inverse')\n ) !global;\n $border-interactive: var(\n --#{$custom-property-prefix}-border-interactive,\n map-get($theme, 'border-interactive')\n ) !global;\n $text-primary: var(\n --#{$custom-property-prefix}-text-primary,\n map-get($theme, 'text-primary')\n ) !global;\n $text-secondary: var(\n --#{$custom-property-prefix}-text-secondary,\n map-get($theme, 'text-secondary')\n ) !global;\n $text-placeholder: var(\n --#{$custom-property-prefix}-text-placeholder,\n map-get($theme, 'text-placeholder')\n ) !global;\n $text-helper: var(\n --#{$custom-property-prefix}-text-helper,\n map-get($theme, 'text-helper')\n ) !global;\n $text-on-color: var(\n --#{$custom-property-prefix}-text-on-color,\n map-get($theme, 'text-on-color')\n ) !global;\n $text-inverse: var(\n --#{$custom-property-prefix}-text-inverse,\n map-get($theme, 'text-inverse')\n ) !global;\n $link-primary: var(\n --#{$custom-property-prefix}-link-primary,\n map-get($theme, 'link-primary')\n ) !global;\n $link-secondary: var(\n --#{$custom-property-prefix}-link-secondary,\n map-get($theme, 'link-secondary')\n ) !global;\n $link-visited: var(\n --#{$custom-property-prefix}-link-visited,\n map-get($theme, 'link-visited')\n ) !global;\n $link-inverse: var(\n --#{$custom-property-prefix}-link-inverse,\n map-get($theme, 'link-inverse')\n ) !global;\n $icon-primary: var(\n --#{$custom-property-prefix}-icon-primary,\n map-get($theme, 'icon-primary')\n ) !global;\n $icon-secondary: var(\n --#{$custom-property-prefix}-icon-secondary,\n map-get($theme, 'icon-secondary')\n ) !global;\n $icon-on-color: var(\n --#{$custom-property-prefix}-icon-on-color,\n map-get($theme, 'icon-on-color')\n ) !global;\n $icon-inverse: var(\n --#{$custom-property-prefix}-icon-inverse,\n map-get($theme, 'icon-inverse')\n ) !global;\n $support-error: var(\n --#{$custom-property-prefix}-support-error,\n map-get($theme, 'support-error')\n ) !global;\n $support-success: var(\n --#{$custom-property-prefix}-support-success,\n map-get($theme, 'support-success')\n ) !global;\n $support-warning: var(\n --#{$custom-property-prefix}-support-warning,\n map-get($theme, 'support-warning')\n ) !global;\n $support-info: var(\n --#{$custom-property-prefix}-support-info,\n map-get($theme, 'support-info')\n ) !global;\n $support-error-inverse: var(\n --#{$custom-property-prefix}-support-error-inverse,\n map-get($theme, 'support-error-inverse')\n ) !global;\n $support-success-inverse: var(\n --#{$custom-property-prefix}-support-success-inverse,\n map-get($theme, 'support-success-inverse')\n ) !global;\n $support-warning-inverse: var(\n --#{$custom-property-prefix}-support-warning-inverse,\n map-get($theme, 'support-warning-inverse')\n ) !global;\n $support-info-inverse: var(\n --#{$custom-property-prefix}-support-info-inverse,\n map-get($theme, 'support-info-inverse')\n ) !global;\n $overlay: var(\n --#{$custom-property-prefix}-overlay,\n map-get($theme, 'overlay')\n ) !global;\n $toggle-off: var(\n --#{$custom-property-prefix}-toggle-off,\n map-get($theme, 'toggle-off')\n ) !global;\n $shadow: var(\n --#{$custom-property-prefix}-shadow,\n map-get($theme, 'shadow')\n ) !global;\n $button-primary: var(\n --#{$custom-property-prefix}-button-primary,\n map-get($theme, 'button-primary')\n ) !global;\n $button-secondary: var(\n --#{$custom-property-prefix}-button-secondary,\n map-get($theme, 'button-secondary')\n ) !global;\n $button-tertiary: var(\n --#{$custom-property-prefix}-button-tertiary,\n map-get($theme, 'button-tertiary')\n ) !global;\n $button-danger-primary: var(\n --#{$custom-property-prefix}-button-danger-primary,\n map-get($theme, 'button-danger-primary')\n ) !global;\n $button-danger-secondary: var(\n --#{$custom-property-prefix}-button-danger-secondary,\n map-get($theme, 'button-danger-secondary')\n ) !global;\n $background-active: var(\n --#{$custom-property-prefix}-background-active,\n map-get($theme, 'background-active')\n ) !global;\n $layer-active: var(\n --#{$custom-property-prefix}-layer-active,\n map-get($theme, 'layer-active')\n ) !global;\n $button-danger-active: var(\n --#{$custom-property-prefix}-button-danger-active,\n map-get($theme, 'button-danger-active')\n ) !global;\n $button-primary-active: var(\n --#{$custom-property-prefix}-button-primary-active,\n map-get($theme, 'button-primary-active')\n ) !global;\n $button-secondary-active: var(\n --#{$custom-property-prefix}-button-secondary-active,\n map-get($theme, 'button-secondary-active')\n ) !global;\n $button-tertiary-active: var(\n --#{$custom-property-prefix}-button-tertiary-active,\n map-get($theme, 'button-tertiary-active')\n ) !global;\n $focus-inset: var(\n --#{$custom-property-prefix}-focus-inset,\n map-get($theme, 'focus-inset')\n ) !global;\n $focus-inverse: var(\n --#{$custom-property-prefix}-focus-inverse,\n map-get($theme, 'focus-inverse')\n ) !global;\n $background-hover: var(\n --#{$custom-property-prefix}-background-hover,\n map-get($theme, 'background-hover')\n ) !global;\n $layer-hover: var(\n --#{$custom-property-prefix}-layer-hover,\n map-get($theme, 'layer-hover')\n ) !global;\n $field-hover: var(\n --#{$custom-property-prefix}-field-hover,\n map-get($theme, 'field-hover')\n ) !global;\n $background-inverse-hover: var(\n --#{$custom-property-prefix}-background-inverse-hover,\n map-get($theme, 'background-inverse-hover')\n ) !global;\n $link-primary-hover: var(\n --#{$custom-property-prefix}-link-primary-hover,\n map-get($theme, 'link-primary-hover')\n ) !global;\n $button-danger-hover: var(\n --#{$custom-property-prefix}-button-danger-hover,\n map-get($theme, 'button-danger-hover')\n ) !global;\n $button-primary-hover: var(\n --#{$custom-property-prefix}-button-primary-hover,\n map-get($theme, 'button-primary-hover')\n ) !global;\n $button-secondary-hover: var(\n --#{$custom-property-prefix}-button-secondary-hover,\n map-get($theme, 'button-secondary-hover')\n ) !global;\n $button-tertiary-hover: var(\n --#{$custom-property-prefix}-button-tertiary-hover,\n map-get($theme, 'button-tertiary-hover')\n ) !global;\n $background-selected: var(\n --#{$custom-property-prefix}-background-selected,\n map-get($theme, 'background-selected')\n ) !global;\n $background-selected-hover: var(\n --#{$custom-property-prefix}-background-selected-hover,\n map-get($theme, 'background-selected-hover')\n ) !global;\n $layer-selected: var(\n --#{$custom-property-prefix}-layer-selected,\n map-get($theme, 'layer-selected')\n ) !global;\n $layer-selected-hover: var(\n --#{$custom-property-prefix}-layer-selected-hover,\n map-get($theme, 'layer-selected-hover')\n ) !global;\n $layer-selected-inverse: var(\n --#{$custom-property-prefix}-layer-selected-inverse,\n map-get($theme, 'layer-selected-inverse')\n ) !global;\n $border-subtle-selected: var(\n --#{$custom-property-prefix}-border-subtle-selected,\n map-get($theme, 'border-subtle-selected')\n ) !global;\n $border-disabled: var(\n --#{$custom-property-prefix}-border-disabled,\n map-get($theme, 'border-disabled')\n ) !global;\n $text-disabled: var(\n --#{$custom-property-prefix}-text-disabled,\n map-get($theme, 'text-disabled')\n ) !global;\n $button-disabled: var(\n --#{$custom-property-prefix}-button-disabled,\n map-get($theme, 'button-disabled')\n ) !global;\n $icon-disabled: var(\n --#{$custom-property-prefix}-icon-disabled,\n map-get($theme, 'icon-disabled')\n ) !global;\n $text-on-color-disabled: var(\n --#{$custom-property-prefix}-text-on-color-disabled,\n map-get($theme, 'text-on-color-disabled')\n ) !global;\n $icon-on-color-disabled: var(\n --#{$custom-property-prefix}-icon-on-color-disabled,\n map-get($theme, 'icon-on-color-disabled')\n ) !global;\n $layer-selected-disabled: var(\n --#{$custom-property-prefix}-layer-selected-disabled,\n map-get($theme, 'layer-selected-disabled')\n ) !global;\n $skeleton-background: var(\n --#{$custom-property-prefix}-skeleton-background,\n map-get($theme, 'skeleton-background')\n ) !global;\n $skeleton-element: var(\n --#{$custom-property-prefix}-skeleton-element,\n map-get($theme, 'skeleton-element')\n ) !global;\n $brand-01: var(\n --#{$custom-property-prefix}-brand-01,\n map-get($theme, 'brand-01')\n ) !global;\n $brand-02: var(\n --#{$custom-property-prefix}-brand-02,\n map-get($theme, 'brand-02')\n ) !global;\n $brand-03: var(\n --#{$custom-property-prefix}-brand-03,\n map-get($theme, 'brand-03')\n ) !global;\n $active-01: var(\n --#{$custom-property-prefix}-active-01,\n map-get($theme, 'active-01')\n ) !global;\n $hover-field: var(\n --#{$custom-property-prefix}-hover-field,\n map-get($theme, 'hover-field')\n ) !global;\n $danger: var(\n --#{$custom-property-prefix}-danger,\n map-get($theme, 'danger')\n ) !global;\n $spacing-01: var(\n --#{$custom-property-prefix}-spacing-01,\n map-get($theme, 'spacing-01')\n ) !global;\n $spacing-02: var(\n --#{$custom-property-prefix}-spacing-02,\n map-get($theme, 'spacing-02')\n ) !global;\n $spacing-03: var(\n --#{$custom-property-prefix}-spacing-03,\n map-get($theme, 'spacing-03')\n ) !global;\n $spacing-04: var(\n --#{$custom-property-prefix}-spacing-04,\n map-get($theme, 'spacing-04')\n ) !global;\n $spacing-05: var(\n --#{$custom-property-prefix}-spacing-05,\n map-get($theme, 'spacing-05')\n ) !global;\n $spacing-06: var(\n --#{$custom-property-prefix}-spacing-06,\n map-get($theme, 'spacing-06')\n ) !global;\n $spacing-07: var(\n --#{$custom-property-prefix}-spacing-07,\n map-get($theme, 'spacing-07')\n ) !global;\n $spacing-08: var(\n --#{$custom-property-prefix}-spacing-08,\n map-get($theme, 'spacing-08')\n ) !global;\n $spacing-09: var(\n --#{$custom-property-prefix}-spacing-09,\n map-get($theme, 'spacing-09')\n ) !global;\n $spacing-10: var(\n --#{$custom-property-prefix}-spacing-10,\n map-get($theme, 'spacing-10')\n ) !global;\n $spacing-11: var(\n --#{$custom-property-prefix}-spacing-11,\n map-get($theme, 'spacing-11')\n ) !global;\n $spacing-12: var(\n --#{$custom-property-prefix}-spacing-12,\n map-get($theme, 'spacing-12')\n ) !global;\n $spacing-13: var(\n --#{$custom-property-prefix}-spacing-13,\n map-get($theme, 'spacing-13')\n ) !global;\n $fluid-spacing-01: var(\n --#{$custom-property-prefix}-fluid-spacing-01,\n map-get($theme, 'fluid-spacing-01')\n ) !global;\n $fluid-spacing-02: var(\n --#{$custom-property-prefix}-fluid-spacing-02,\n map-get($theme, 'fluid-spacing-02')\n ) !global;\n $fluid-spacing-03: var(\n --#{$custom-property-prefix}-fluid-spacing-03,\n map-get($theme, 'fluid-spacing-03')\n ) !global;\n $fluid-spacing-04: var(\n --#{$custom-property-prefix}-fluid-spacing-04,\n map-get($theme, 'fluid-spacing-04')\n ) !global;\n $layout-01: var(\n --#{$custom-property-prefix}-layout-01,\n map-get($theme, 'layout-01')\n ) !global;\n $layout-02: var(\n --#{$custom-property-prefix}-layout-02,\n map-get($theme, 'layout-02')\n ) !global;\n $layout-03: var(\n --#{$custom-property-prefix}-layout-03,\n map-get($theme, 'layout-03')\n ) !global;\n $layout-04: var(\n --#{$custom-property-prefix}-layout-04,\n map-get($theme, 'layout-04')\n ) !global;\n $layout-05: var(\n --#{$custom-property-prefix}-layout-05,\n map-get($theme, 'layout-05')\n ) !global;\n $layout-06: var(\n --#{$custom-property-prefix}-layout-06,\n map-get($theme, 'layout-06')\n ) !global;\n $layout-07: var(\n --#{$custom-property-prefix}-layout-07,\n map-get($theme, 'layout-07')\n ) !global;\n $container-01: var(\n --#{$custom-property-prefix}-container-01,\n map-get($theme, 'container-01')\n ) !global;\n $container-02: var(\n --#{$custom-property-prefix}-container-02,\n map-get($theme, 'container-02')\n ) !global;\n $container-03: var(\n --#{$custom-property-prefix}-container-03,\n map-get($theme, 'container-03')\n ) !global;\n $container-04: var(\n --#{$custom-property-prefix}-container-04,\n map-get($theme, 'container-04')\n ) !global;\n $container-05: var(\n --#{$custom-property-prefix}-container-05,\n map-get($theme, 'container-05')\n ) !global;\n $size-xsmall: var(\n --#{$custom-property-prefix}-size-xsmall,\n map-get($theme, 'size-xsmall')\n ) !global;\n $size-small: var(\n --#{$custom-property-prefix}-size-small,\n map-get($theme, 'size-small')\n ) !global;\n $size-medium: var(\n --#{$custom-property-prefix}-size-medium,\n map-get($theme, 'size-medium')\n ) !global;\n $size-large: var(\n --#{$custom-property-prefix}-size-large,\n map-get($theme, 'size-large')\n ) !global;\n $size-xlarge: var(\n --#{$custom-property-prefix}-size-xlarge,\n map-get($theme, 'size-xlarge')\n ) !global;\n $size-2XLarge: var(\n --#{$custom-property-prefix}-size-2XLarge,\n map-get($theme, 'size-2XLarge')\n ) !global;\n $icon-size-01: var(\n --#{$custom-property-prefix}-icon-size-01,\n map-get($theme, 'icon-size-01')\n ) !global;\n $icon-size-02: var(\n --#{$custom-property-prefix}-icon-size-02,\n map-get($theme, 'icon-size-02')\n ) !global;\n }\n @if $emit-custom-properties == true {\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-01',\n map-get($theme, 'interactive-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-02',\n map-get($theme, 'interactive-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-03',\n map-get($theme, 'interactive-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-04',\n map-get($theme, 'interactive-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'ui-background',\n $emit-difference\n )\n {\n @include custom-property(\n 'ui-background',\n map-get($theme, 'ui-background')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\n @include custom-property('ui-01', map-get($theme, 'ui-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\n @include custom-property('ui-02', map-get($theme, 'ui-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\n @include custom-property('ui-03', map-get($theme, 'ui-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\n @include custom-property('ui-04', map-get($theme, 'ui-04'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\n @include custom-property('ui-05', map-get($theme, 'ui-05'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\n @include custom-property('text-01', map-get($theme, 'text-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\n @include custom-property('text-02', map-get($theme, 'text-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\n @include custom-property('text-03', map-get($theme, 'text-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\n @include custom-property('text-04', map-get($theme, 'text-04'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\n @include custom-property('text-05', map-get($theme, 'text-05'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'text-error',\n $emit-difference\n )\n {\n @include custom-property('text-error', map-get($theme, 'text-error'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\n @include custom-property('icon-01', map-get($theme, 'icon-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\n @include custom-property('icon-02', map-get($theme, 'icon-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\n @include custom-property('icon-03', map-get($theme, 'icon-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\n @include custom-property('link-01', map-get($theme, 'link-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\n @include custom-property('link-02', map-get($theme, 'link-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-link',\n $emit-difference\n )\n {\n @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\n {\n @include custom-property('field-01', map-get($theme, 'field-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\n {\n @include custom-property('field-02', map-get($theme, 'field-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-01',\n $emit-difference\n )\n {\n @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-02',\n $emit-difference\n )\n {\n @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-01',\n $emit-difference\n )\n {\n @include custom-property('support-01', map-get($theme, 'support-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-02',\n $emit-difference\n )\n {\n @include custom-property('support-02', map-get($theme, 'support-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-03',\n $emit-difference\n )\n {\n @include custom-property('support-03', map-get($theme, 'support-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-04',\n $emit-difference\n )\n {\n @include custom-property('support-04', map-get($theme, 'support-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-01',\n map-get($theme, 'inverse-support-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-02',\n map-get($theme, 'inverse-support-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-03',\n map-get($theme, 'inverse-support-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-04',\n map-get($theme, 'inverse-support-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'overlay-01',\n $emit-difference\n )\n {\n @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\n {\n @include custom-property('danger-01', map-get($theme, 'danger-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\n {\n @include custom-property('danger-02', map-get($theme, 'danger-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\n @include custom-property('focus', map-get($theme, 'focus'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-focus-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-focus-ui',\n map-get($theme, 'inverse-focus-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-primary',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-primary',\n map-get($theme, 'hover-primary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-primary',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-primary',\n map-get($theme, 'active-primary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-primary-text',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-primary-text',\n map-get($theme, 'hover-primary-text')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-secondary',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-secondary',\n map-get($theme, 'hover-secondary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-secondary',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-secondary',\n map-get($theme, 'active-secondary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-tertiary',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-tertiary',\n map-get($theme, 'hover-tertiary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-tertiary',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-tertiary',\n map-get($theme, 'active-tertiary')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\n {\n @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-light-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-light-ui',\n map-get($theme, 'hover-light-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-selected-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-selected-ui',\n map-get($theme, 'hover-selected-ui')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\n {\n @include custom-property('active-ui', map-get($theme, 'active-ui'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-light-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-light-ui',\n map-get($theme, 'active-light-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'selected-ui',\n $emit-difference\n )\n {\n @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'selected-light-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'selected-light-ui',\n map-get($theme, 'selected-light-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-hover-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-hover-ui',\n map-get($theme, 'inverse-hover-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-danger',\n $emit-difference\n )\n {\n @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-danger',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-danger',\n map-get($theme, 'active-danger')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\n {\n @include custom-property('hover-row', map-get($theme, 'hover-row'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'visited-link',\n $emit-difference\n )\n {\n @include custom-property('visited-link', map-get($theme, 'visited-link'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'disabled-01',\n $emit-difference\n )\n {\n @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'disabled-02',\n $emit-difference\n )\n {\n @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'disabled-03',\n $emit-difference\n )\n {\n @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\n {\n @include custom-property('highlight', map-get($theme, 'highlight'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'decorative-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'decorative-01',\n map-get($theme, 'decorative-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-separator',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-separator',\n map-get($theme, 'button-separator')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'skeleton-01',\n $emit-difference\n )\n {\n @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'skeleton-02',\n $emit-difference\n )\n {\n @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'background',\n $emit-difference\n )\n {\n @include custom-property('background', map-get($theme, 'background'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layer', $emit-difference) {\n @include custom-property('layer', map-get($theme, 'layer'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'layer-accent',\n $emit-difference\n )\n {\n @include custom-property('layer-accent', map-get($theme, 'layer-accent'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'layer-accent-hover',\n $emit-difference\n )\n {\n @include custom-property(\n 'layer-accent-hover',\n map-get($theme, 'layer-accent-hover')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'layer-accent-active',\n $emit-difference\n )\n {\n @include custom-property(\n 'layer-accent-active',\n map-get($theme, 'layer-accent-active')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'field', $emit-difference) {\n @include custom-property('field', map-get($theme, 'field'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'background-inverse',\n $emit-difference\n )\n {\n @include custom-property(\n 'background-inverse',\n map-get($theme, 'background-inverse')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'background-brand',\n $emit-difference\n )\n {\n @include custom-property(\n 'background-brand',\n map-get($theme, 'background-brand')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive',\n $emit-difference\n )\n {\n @include custom-property('interactive', map-get($theme, 'interactive'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'border-subtle',\n $emit-difference\n )\n {\n @include custom-property(\n 'border-subtle',\n map-get($theme, 'border-subtle')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'border-strong',\n $emit-difference\n )\n {\n @include custom-property(\n 'border-strong',\n map-get($theme, 'border-strong')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'border-inverse',\n $emit-difference\n )\n {\n @include custom-property(\n 'border-inverse',\n map-get($theme, 'border-inverse')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'border-interactive',\n $emit-difference\n )\n {\n @include custom-property(\n 'border-interactive',\n map-get($theme, 'border-interactive')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'text-primary',\n $emit-difference\n )\n {\n @include custom-property('text-primary', map-get($theme, 'text-primary'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'text-secondary',\n $emit-difference\n )\n {\n @include custom-property(\n 'text-secondary',\n map-get($theme, 'text-secondary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'text-placeholder',\n $emit-difference\n )\n {\n @include custom-property(\n 'text-placeholder',\n map-get($theme, 'text-placeholder')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'text-helper',\n $emit-difference\n )\n {\n @include custom-property('text-helper', map-get($theme, 'text-helper'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'text-on-color',\n $emit-difference\n )\n {\n @include custom-property(\n 'text-on-color',\n map-get($theme, 'text-on-color')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'text-inverse',\n $emit-difference\n )\n {\n @include custom-property('text-inverse', map-get($theme, 'text-inverse'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'link-primary',\n $emit-difference\n )\n {\n @include custom-property('link-primary', map-get($theme, 'link-primary'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'link-secondary',\n $emit-difference\n )\n {\n @include custom-property(\n 'link-secondary',\n map-get($theme, 'link-secondary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'link-visited',\n $emit-difference\n )\n {\n @include custom-property('link-visited', map-get($theme, 'link-visited'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'link-inverse',\n $emit-difference\n )\n {\n @include custom-property('link-inverse', map-get($theme, 'link-inverse'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-primary',\n $emit-difference\n )\n {\n @include custom-property('icon-primary', map-get($theme, 'icon-primary'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-secondary',\n $emit-difference\n )\n {\n @include custom-property(\n 'icon-secondary',\n map-get($theme, 'icon-secondary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-on-color',\n $emit-difference\n )\n {\n @include custom-property(\n 'icon-on-color',\n map-get($theme, 'icon-on-color')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-inverse',\n $emit-difference\n )\n {\n @include custom-property('icon-inverse', map-get($theme, 'icon-inverse'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-error',\n $emit-difference\n )\n {\n @include custom-property(\n 'support-error',\n map-get($theme, 'support-error')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-success',\n $emit-difference\n )\n {\n @include custom-property(\n 'support-success',\n map-get($theme, 'support-success')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-warning',\n $emit-difference\n )\n {\n @include custom-property(\n 'support-warning',\n map-get($theme, 'support-warning')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-info',\n $emit-difference\n )\n {\n @include custom-property('support-info', map-get($theme, 'support-info'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-error-inverse',\n $emit-difference\n )\n {\n @include custom-property(\n 'support-error-inverse',\n map-get($theme, 'support-error-inverse')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-success-inverse',\n $emit-difference\n )\n {\n @include custom-property(\n 'support-success-inverse',\n map-get($theme, 'support-success-inverse')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-warning-inverse',\n $emit-difference\n )\n {\n @include custom-property(\n 'support-warning-inverse',\n map-get($theme, 'support-warning-inverse')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-info-inverse',\n $emit-difference\n )\n {\n @include custom-property(\n 'support-info-inverse',\n map-get($theme, 'support-info-inverse')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'overlay', $emit-difference) {\n @include custom-property('overlay', map-get($theme, 'overlay'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'toggle-off',\n $emit-difference\n )\n {\n @include custom-property('toggle-off', map-get($theme, 'toggle-off'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'shadow', $emit-difference) {\n @include custom-property('shadow', map-get($theme, 'shadow'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-primary',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-primary',\n map-get($theme, 'button-primary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-secondary',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-secondary',\n map-get($theme, 'button-secondary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-tertiary',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-tertiary',\n map-get($theme, 'button-tertiary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-danger-primary',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-danger-primary',\n map-get($theme, 'button-danger-primary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-danger-secondary',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-danger-secondary',\n map-get($theme, 'button-danger-secondary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'background-active',\n $emit-difference\n )\n {\n @include custom-property(\n 'background-active',\n map-get($theme, 'background-active')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'layer-active',\n $emit-difference\n )\n {\n @include custom-property('layer-active', map-get($theme, 'layer-active'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-danger-active',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-danger-active',\n map-get($theme, 'button-danger-active')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-primary-active',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-primary-active',\n map-get($theme, 'button-primary-active')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-secondary-active',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-secondary-active',\n map-get($theme, 'button-secondary-active')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-tertiary-active',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-tertiary-active',\n map-get($theme, 'button-tertiary-active')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'focus-inset',\n $emit-difference\n )\n {\n @include custom-property('focus-inset', map-get($theme, 'focus-inset'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'focus-inverse',\n $emit-difference\n )\n {\n @include custom-property(\n 'focus-inverse',\n map-get($theme, 'focus-inverse')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'background-hover',\n $emit-difference\n )\n {\n @include custom-property(\n 'background-hover',\n map-get($theme, 'background-hover')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'layer-hover',\n $emit-difference\n )\n {\n @include custom-property('layer-hover', map-get($theme, 'layer-hover'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'field-hover',\n $emit-difference\n )\n {\n @include custom-property('field-hover', map-get($theme, 'field-hover'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'background-inverse-hover',\n $emit-difference\n )\n {\n @include custom-property(\n 'background-inverse-hover',\n map-get($theme, 'background-inverse-hover')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'link-primary-hover',\n $emit-difference\n )\n {\n @include custom-property(\n 'link-primary-hover',\n map-get($theme, 'link-primary-hover')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-danger-hover',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-danger-hover',\n map-get($theme, 'button-danger-hover')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-primary-hover',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-primary-hover',\n map-get($theme, 'button-primary-hover')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-secondary-hover',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-secondary-hover',\n map-get($theme, 'button-secondary-hover')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-tertiary-hover',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-tertiary-hover',\n map-get($theme, 'button-tertiary-hover')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'background-selected',\n $emit-difference\n )\n {\n @include custom-property(\n 'background-selected',\n map-get($theme, 'background-selected')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'background-selected-hover',\n $emit-difference\n )\n {\n @include custom-property(\n 'background-selected-hover',\n map-get($theme, 'background-selected-hover')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'layer-selected',\n $emit-difference\n )\n {\n @include custom-property(\n 'layer-selected',\n map-get($theme, 'layer-selected')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'layer-selected-hover',\n $emit-difference\n )\n {\n @include custom-property(\n 'layer-selected-hover',\n map-get($theme, 'layer-selected-hover')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'layer-selected-inverse',\n $emit-difference\n )\n {\n @include custom-property(\n 'layer-selected-inverse',\n map-get($theme, 'layer-selected-inverse')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'border-subtle-selected',\n $emit-difference\n )\n {\n @include custom-property(\n 'border-subtle-selected',\n map-get($theme, 'border-subtle-selected')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'border-disabled',\n $emit-difference\n )\n {\n @include custom-property(\n 'border-disabled',\n map-get($theme, 'border-disabled')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'text-disabled',\n $emit-difference\n )\n {\n @include custom-property(\n 'text-disabled',\n map-get($theme, 'text-disabled')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-disabled',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-disabled',\n map-get($theme, 'button-disabled')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-disabled',\n $emit-difference\n )\n {\n @include custom-property(\n 'icon-disabled',\n map-get($theme, 'icon-disabled')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'text-on-color-disabled',\n $emit-difference\n )\n {\n @include custom-property(\n 'text-on-color-disabled',\n map-get($theme, 'text-on-color-disabled')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-on-color-disabled',\n $emit-difference\n )\n {\n @include custom-property(\n 'icon-on-color-disabled',\n map-get($theme, 'icon-on-color-disabled')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'layer-selected-disabled',\n $emit-difference\n )\n {\n @include custom-property(\n 'layer-selected-disabled',\n map-get($theme, 'layer-selected-disabled')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'skeleton-background',\n $emit-difference\n )\n {\n @include custom-property(\n 'skeleton-background',\n map-get($theme, 'skeleton-background')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'skeleton-element',\n $emit-difference\n )\n {\n @include custom-property(\n 'skeleton-element',\n map-get($theme, 'skeleton-element')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\n {\n @include custom-property('brand-01', map-get($theme, 'brand-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\n {\n @include custom-property('brand-02', map-get($theme, 'brand-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\n {\n @include custom-property('brand-03', map-get($theme, 'brand-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\n {\n @include custom-property('active-01', map-get($theme, 'active-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-field',\n $emit-difference\n )\n {\n @include custom-property('hover-field', map-get($theme, 'hover-field'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\n @include custom-property('danger', map-get($theme, 'danger'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'caption-01',\n $emit-difference\n )\n {\n @include custom-property('caption-01', map-get($theme, 'caption-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'caption-02',\n $emit-difference\n )\n {\n @include custom-property('caption-02', map-get($theme, 'caption-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\n {\n @include custom-property('label-01', map-get($theme, 'label-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'label-02', $emit-difference)\n {\n @include custom-property('label-02', map-get($theme, 'label-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'helper-text-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'helper-text-01',\n map-get($theme, 'helper-text-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'helper-text-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'helper-text-02',\n map-get($theme, 'helper-text-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-short-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'body-short-01',\n map-get($theme, 'body-short-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-long-01',\n $emit-difference\n )\n {\n @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-short-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'body-short-02',\n map-get($theme, 'body-short-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-long-02',\n $emit-difference\n )\n {\n @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\n @include custom-property('code-01', map-get($theme, 'code-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\n @include custom-property('code-02', map-get($theme, 'code-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-01',\n $emit-difference\n )\n {\n @include custom-property('heading-01', map-get($theme, 'heading-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-01',\n map-get($theme, 'productive-heading-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-02',\n $emit-difference\n )\n {\n @include custom-property('heading-02', map-get($theme, 'heading-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-02',\n map-get($theme, 'productive-heading-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-03',\n map-get($theme, 'productive-heading-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-04',\n map-get($theme, 'productive-heading-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-05',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-05',\n map-get($theme, 'productive-heading-05')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-06',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-06',\n map-get($theme, 'productive-heading-06')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-07',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-07',\n map-get($theme, 'productive-heading-07')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-01',\n map-get($theme, 'expressive-heading-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-02',\n map-get($theme, 'expressive-heading-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-03',\n map-get($theme, 'expressive-heading-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-04',\n map-get($theme, 'expressive-heading-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-05',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-05',\n map-get($theme, 'expressive-heading-05')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-06',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-06',\n map-get($theme, 'expressive-heading-06')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-paragraph-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-paragraph-01',\n map-get($theme, 'expressive-paragraph-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'quotation-01',\n $emit-difference\n )\n {\n @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'quotation-02',\n $emit-difference\n )\n {\n @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-01',\n $emit-difference\n )\n {\n @include custom-property('display-01', map-get($theme, 'display-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-02',\n $emit-difference\n )\n {\n @include custom-property('display-02', map-get($theme, 'display-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-03',\n $emit-difference\n )\n {\n @include custom-property('display-03', map-get($theme, 'display-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-04',\n $emit-difference\n )\n {\n @include custom-property('display-04', map-get($theme, 'display-04'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'legal-01', $emit-difference)\n {\n @include custom-property('legal-01', map-get($theme, 'legal-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'legal-02', $emit-difference)\n {\n @include custom-property('legal-02', map-get($theme, 'legal-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-compact-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'body-compact-01',\n map-get($theme, 'body-compact-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-compact-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'body-compact-02',\n map-get($theme, 'body-compact-02')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'body-01', $emit-difference) {\n @include custom-property('body-01', map-get($theme, 'body-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'body-02', $emit-difference) {\n @include custom-property('body-02', map-get($theme, 'body-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-compact-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'heading-compact-01',\n map-get($theme, 'heading-compact-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-compact-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'heading-compact-02',\n map-get($theme, 'heading-compact-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-03',\n $emit-difference\n )\n {\n @include custom-property('heading-03', map-get($theme, 'heading-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-04',\n $emit-difference\n )\n {\n @include custom-property('heading-04', map-get($theme, 'heading-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-05',\n $emit-difference\n )\n {\n @include custom-property('heading-05', map-get($theme, 'heading-05'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-06',\n $emit-difference\n )\n {\n @include custom-property('heading-06', map-get($theme, 'heading-06'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-07',\n $emit-difference\n )\n {\n @include custom-property('heading-07', map-get($theme, 'heading-07'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-heading-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-heading-03',\n map-get($theme, 'fluid-heading-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-heading-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-heading-04',\n map-get($theme, 'fluid-heading-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-heading-05',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-heading-05',\n map-get($theme, 'fluid-heading-05')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-heading-06',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-heading-06',\n map-get($theme, 'fluid-heading-06')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-paragraph-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-paragraph-01',\n map-get($theme, 'fluid-paragraph-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-quotation-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-quotation-01',\n map-get($theme, 'fluid-quotation-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-quotation-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-quotation-02',\n map-get($theme, 'fluid-quotation-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-display-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-display-01',\n map-get($theme, 'fluid-display-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-display-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-display-02',\n map-get($theme, 'fluid-display-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-display-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-display-03',\n map-get($theme, 'fluid-display-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-display-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-display-04',\n map-get($theme, 'fluid-display-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-01',\n $emit-difference\n )\n {\n @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-02',\n $emit-difference\n )\n {\n @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-03',\n $emit-difference\n )\n {\n @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-04',\n $emit-difference\n )\n {\n @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-05',\n $emit-difference\n )\n {\n @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-06',\n $emit-difference\n )\n {\n @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-07',\n $emit-difference\n )\n {\n @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-08',\n $emit-difference\n )\n {\n @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-09',\n $emit-difference\n )\n {\n @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-10',\n $emit-difference\n )\n {\n @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-11',\n $emit-difference\n )\n {\n @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-12',\n $emit-difference\n )\n {\n @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-13',\n $emit-difference\n )\n {\n @include custom-property('spacing-13', map-get($theme, 'spacing-13'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-01',\n map-get($theme, 'fluid-spacing-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-02',\n map-get($theme, 'fluid-spacing-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-03',\n map-get($theme, 'fluid-spacing-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-04',\n map-get($theme, 'fluid-spacing-04')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\n {\n @include custom-property('layout-01', map-get($theme, 'layout-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\n {\n @include custom-property('layout-02', map-get($theme, 'layout-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\n {\n @include custom-property('layout-03', map-get($theme, 'layout-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\n {\n @include custom-property('layout-04', map-get($theme, 'layout-04'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\n {\n @include custom-property('layout-05', map-get($theme, 'layout-05'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\n {\n @include custom-property('layout-06', map-get($theme, 'layout-06'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\n {\n @include custom-property('layout-07', map-get($theme, 'layout-07'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-01',\n $emit-difference\n )\n {\n @include custom-property('container-01', map-get($theme, 'container-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-02',\n $emit-difference\n )\n {\n @include custom-property('container-02', map-get($theme, 'container-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-03',\n $emit-difference\n )\n {\n @include custom-property('container-03', map-get($theme, 'container-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-04',\n $emit-difference\n )\n {\n @include custom-property('container-04', map-get($theme, 'container-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-05',\n $emit-difference\n )\n {\n @include custom-property('container-05', map-get($theme, 'container-05'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'size-xsmall',\n $emit-difference\n )\n {\n @include custom-property('size-xsmall', map-get($theme, 'size-xsmall'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'size-small',\n $emit-difference\n )\n {\n @include custom-property('size-small', map-get($theme, 'size-small'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'size-medium',\n $emit-difference\n )\n {\n @include custom-property('size-medium', map-get($theme, 'size-medium'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'size-large',\n $emit-difference\n )\n {\n @include custom-property('size-large', map-get($theme, 'size-large'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'size-xlarge',\n $emit-difference\n )\n {\n @include custom-property('size-xlarge', map-get($theme, 'size-xlarge'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'size-2XLarge',\n $emit-difference\n )\n {\n @include custom-property('size-2XLarge', map-get($theme, 'size-2XLarge'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-size-01',\n $emit-difference\n )\n {\n @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-size-02',\n $emit-difference\n )\n {\n @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\n }\n }\n\n @content;\n\n // Reset to default theme after apply in content\n @if $carbon--theme != $parent-carbon-theme {\n $carbon--theme: $parent-carbon-theme !global;\n\n @include carbon--theme();\n }\n}\n"],sourceRoot:""}]),r.locals={tileContainer:"-esm-appointments__days-of-week__tileContainer___hI7UA",bold:"-esm-appointments__days-of-week__bold___fBlxx",tileHeader:"-esm-appointments__days-of-week__tileHeader___LWrCf",headerLabel:"-esm-appointments__days-of-week__headerLabel___qwuO3",skeleton:"-esm-appointments__days-of-week__skeleton___2g7Ep"};const l=r},3159:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),i=t.n(a),o=t(2609),r=t.n(o)()(i());r.push([e.id,".-esm-appointments__monthly-header-module__container___JdNv6{display:flex;justify-content:space-between;align-items:center;width:100%;height:4rem}.-esm-appointments__monthly-header-module__workLoadCard___yTgGJ{display:flex;color:#000}","",{version:3,sources:["webpack://./src/appointments-calendar/monthly-header.module.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAGA,6DACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,UAAA,CACA,WCgDW,CD9Cb,gEACE,YAAA,CACA,UEJM",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n\n.container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: layout.$spacing-10;\n}\n.workLoadCard {\n display: flex;\n color: colors.$black;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n 'black': (\n 100: #000000,\n ),\n 'blue': (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n 'cool-gray': (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n 'cyan': (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n 'gray': (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n 'green': (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n 'magenta': (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n 'orange': (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n 'purple': (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n 'red': (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n 'teal': (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n 'warm-gray': (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n 'white': (\n 0: #ffffff,\n ),\n 'yellow': (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n"],sourceRoot:""}]),r.locals={container:"-esm-appointments__monthly-header-module__container___JdNv6",workLoadCard:"-esm-appointments__monthly-header-module__workLoadCard___yTgGJ"};const l=r},5328:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),i=t.n(a),o=t(2609),r=t.n(o)()(i());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__monthly-view-workload__monthly-cell___-ciM2{border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fff;color:#000;padding:.125rem;text-align:right;font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-appointments__monthly-view-workload__monthly-cell___-ciM2:nth-child(-n+7){border-top:1px solid #e0e0e0}.-esm-appointments__monthly-view-workload__monthly-cell___-ciM2:nth-child(7n){border-right:1px solid #e0e0e0}.-esm-appointments__monthly-view-workload__monthly-cell-disabled___Y8ymw{border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.-esm-appointments__monthly-view-workload__monthly-cell-disabled___Y8ymw:last-child{border-right:1px solid #e0e0e0}.-esm-appointments__monthly-view-workload__identifiers___0NJyn{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#8d8d8d;display:list-item}.-esm-appointments__monthly-view-workload__identifiers___0NJyn span:not(:first-child){margin:0rem .75rem}.-esm-appointments__monthly-view-workload__identifierTag___nuLXI{display:flex;align-items:center}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6{position:relative;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;min-height:120px;color:#fff}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6 .-esm-appointments__monthly-view-workload__week-time___1UJVJ{display:none}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6:nth-child(-n+8){border-top:1px solid #e0e0e0}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6:first-child{border-top:none}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6:nth-child(8n+1){border-bottom:none}.-esm-appointments__monthly-view-workload__weekly-cell___LXrN6:nth-child(8n+1) .-esm-appointments__monthly-view-workload__week-time___1UJVJ{white-space:nowrap;display:inline;color:#fff;position:absolute;top:-11px;height:1.5rem;width:2rem}.-esm-appointments__monthly-view-workload__currentData___8W8sA{margin:2px}.-esm-appointments__monthly-view-workload__currentData___8W8sA>span{font-size:var(--cds-label-02-font-size, 0.875rem);font-weight:var(--cds-label-02-font-weight, 400);line-height:var(--cds-label-02-line-height, 1.28572);letter-spacing:var(--cds-label-02-letter-spacing, 0.16px)}.-esm-appointments__monthly-view-workload__greyBackground___HgDGQ{background-color:#f4f4f4}.-esm-appointments__monthly-view-workload__serviceArea___oSQFS{display:grid;column-gap:2rem;grid-template-columns:1fr 1fr;justify-content:flex-start;text-align:left;margin:.125rem;font-size:var(--cds-label-02-font-size, 0.875rem);font-weight:var(--cds-label-02-font-weight, 400);line-height:var(--cds-label-02-line-height, 1.28572);letter-spacing:var(--cds-label-02-letter-spacing, 0.16px);color:#020f1b;cursor:pointer}.-esm-appointments__monthly-view-workload__serviceArea___oSQFS>span:first-child{text-align:left;text-overflow:ellipsis;width:1.5rem}.-esm-appointments__monthly-view-workload__smallDesktop___edukX{height:100px}.-esm-appointments__monthly-view-workload__largeDesktop___Rxffz{height:150px}.-esm-appointments__monthly-view-workload__red___HWZ7D{background-color:#a2191f;color:#fff;font-weight:bold;padding:.3rem}.-esm-appointments__monthly-view-workload__purple___B3Tvw{background-color:#684e00;color:#fff;font-weight:bold;padding:.3rem}.-esm-appointments__monthly-view-workload__blue___68rfu{background-color:#0043ce;color:#fff;font-weight:bold;padding:.3rem}.-esm-appointments__monthly-view-workload__green___XT2wj{background-color:#0e6027;color:#fff;font-weight:bold;padding:.3rem}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/appointments-calendar/monthly-view-workload.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CClDF,gEACE,6BAAA,CACA,+BAAA,CACA,eCCM,CAAA,UADA,CDEN,eECW,CAAA,gBAAA,CC+zBT,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CH5zBF,gFACE,4BAAA,CAGF,8EACE,8BAAA,CAGF,yEACE,6BAAA,CACA,+BAAA,CAEF,oFACE,8BAAA,CAGJ,+DG4yBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CH1yBF,aD7BM,CC8BN,iBAAA,CAEA,sFACE,kBAAA,CAGJ,iEACE,YAAA,CACA,kBAAA,CAEF,+DACE,iBAAA,CACA,8BAAA,CACA,+BAAA,CACA,gBAAA,CACA,UCvCM,CDyCN,4HACE,YAAA,CAGF,+EACE,4BAAA,CAGF,2EACE,eAAA,CAGF,+EACE,kBAAA,CAEA,4IACE,kBAAA,CACA,cAAA,CACA,UC3DE,CD4DF,iBAAA,CACA,SAAA,CACA,aEnCO,CFoCP,UE/BO,CFoCb,+DACE,UAAA,CAEA,oEG0vBE,iDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CHrvBJ,kEACE,wBC5CQ,CD+CV,+DACE,YAAA,CACA,eAAA,CACA,6BAAA,CACA,0BAAA,CACA,eAAA,CACA,cAAA,CG2uBE,iDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CHzuBF,aAAA,CACA,cAAA,CAEA,gFACE,eAAA,CACA,sBAAA,CACA,YEnES,CFuEb,gEACE,YAAA,CAGF,gEACE,YAAA,CAGF,uDACE,wBClBO,CDmBP,UC5GM,CD6GN,gBAAA,CACA,aAAA,CAGF,0DACE,wBCMU,CDLV,UCnHM,CDoHN,gBAAA,CACA,aAAA,CAGF,wDACE,wBChHQ,CDiHR,UC1HM,CD2HN,gBAAA,CACA,aAAA,CAGF,yDACE,wBC/ES,CDgFT,UCjIM,CDkIN,gBAAA,CACA,aAAA",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/styles/scss/type';\n@use '@carbon/colors';\n@use '@carbon/layout';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.monthly-cell {\n border-left: 1px solid colors.$gray-20;\n border-bottom: 1px solid colors.$gray-20;\n background: colors.$white;\n color: colors.$black;\n padding: layout.$spacing-01;\n text-align: right;\n @include type.type-style('body-compact-02');\n\n &:nth-child(-n + 7) {\n border-top: 1px solid colors.$gray-20;\n }\n\n &:nth-child(7n) {\n border-right: 1px solid colors.$gray-20;\n }\n\n &-disabled {\n border-left: 1px solid colors.$gray-20;\n border-bottom: 1px solid colors.$gray-20;\n }\n &-disabled:last-child {\n border-right: 1px solid colors.$gray-20;\n }\n}\n.identifiers {\n @include type.type-style('body-compact-02');\n color: $ui-04;\n display: list-item;\n\n span:not(:first-child) {\n margin: 0rem 0.75rem;\n }\n}\n.identifierTag {\n display: flex;\n align-items: center;\n}\n.weekly-cell {\n position: relative;\n border-right: 1px solid colors.$gray-20;\n border-bottom: 1px solid colors.$gray-20;\n min-height: 120px;\n color: colors.$white;\n\n .week-time {\n display: none;\n }\n\n &:nth-child(-n + 8) {\n border-top: 1px solid colors.$gray-20;\n }\n\n &:first-child {\n border-top: none;\n }\n\n &:nth-child(8n + 1) {\n border-bottom: none;\n\n .week-time {\n white-space: nowrap;\n display: inline;\n color: colors.$white;\n position: absolute;\n top: -11px;\n height: layout.$spacing-06;\n width: layout.$spacing-07;\n }\n }\n}\n\n.currentData {\n margin: 2px;\n\n & > span {\n @include type.type-style('label-02');\n }\n}\n\n.greyBackground {\n background-color: colors.$gray-10;\n}\n\n.serviceArea {\n display: grid;\n column-gap: 2rem;\n grid-template-columns: 1fr 1fr;\n justify-content: flex-start;\n text-align: left;\n margin: 0.125rem;\n @include type.type-style('label-02');\n color: #020f1b;\n cursor: pointer;\n\n & > span:first-child {\n text-align: left;\n text-overflow: ellipsis;\n width: layout.$spacing-06;\n }\n}\n\n.smallDesktop {\n height: 100px;\n}\n\n.largeDesktop {\n height: 150px;\n}\n\n.red {\n background-color: colors.$red-70;\n color: colors.$white;\n font-weight: bold;\n padding: 0.3rem;\n}\n\n.purple {\n background-color: colors.$yellow-70;\n color: colors.$white;\n font-weight: bold;\n padding: 0.3rem;\n}\n\n.blue {\n background-color: colors.$blue-70;\n color: colors.$white;\n font-weight: bold;\n padding: 0.3rem;\n}\n\n.green {\n background-color: colors.$green-70;\n color: colors.$white;\n font-weight: bold;\n padding: 0.3rem;\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n 'black': (\n 100: #000000,\n ),\n 'blue': (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n 'cool-gray': (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n 'cyan': (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n 'gray': (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n 'green': (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n 'magenta': (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n 'orange': (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n 'purple': (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n 'red': (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n 'teal': (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n 'warm-gray': (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n 'white': (\n 0: #ffffff,\n ),\n 'yellow': (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),r.locals={"monthly-cell":"-esm-appointments__monthly-view-workload__monthly-cell___-ciM2","monthly-cell-disabled":"-esm-appointments__monthly-view-workload__monthly-cell-disabled___Y8ymw",identifiers:"-esm-appointments__monthly-view-workload__identifiers___0NJyn",identifierTag:"-esm-appointments__monthly-view-workload__identifierTag___nuLXI","weekly-cell":"-esm-appointments__monthly-view-workload__weekly-cell___LXrN6","week-time":"-esm-appointments__monthly-view-workload__week-time___1UJVJ",currentData:"-esm-appointments__monthly-view-workload__currentData___8W8sA",greyBackground:"-esm-appointments__monthly-view-workload__greyBackground___HgDGQ",serviceArea:"-esm-appointments__monthly-view-workload__serviceArea___oSQFS",smallDesktop:"-esm-appointments__monthly-view-workload__smallDesktop___edukX",largeDesktop:"-esm-appointments__monthly-view-workload__largeDesktop___Rxffz",red:"-esm-appointments__monthly-view-workload__red___HWZ7D",purple:"-esm-appointments__monthly-view-workload__purple___B3Tvw",blue:"-esm-appointments__monthly-view-workload__blue___68rfu",green:"-esm-appointments__monthly-view-workload__green___XT2wj"};const l=r},4096:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),i=t.n(a),o=t(2609),r=t.n(o)()(i());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__appointments-header__header___1BXcm{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#525252;height:6rem;background-color:#fff;border:1px solid #e0e0e0;border-left:0px;display:flex;justify-content:space-between}.-esm-appointments__appointments-header__left-justified-items___w526P{display:flex;flex-direction:row;align-items:center}.-esm-appointments__appointments-header__right-justified-items___RTdyD{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);color:#525252;padding-top:1rem}.-esm-appointments__appointments-header__page-name___z9emR{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-appointments__appointments-header__page-labels___a8OE- p:first-of-type{margin-bottom:.25rem}.-esm-appointments__appointments-header__date-and-location___r18-o{display:flex;justify-content:flex-end;align-items:center;margin-right:1rem}.-esm-appointments__appointments-header__value___baWtC{margin-left:.25rem}.-esm-appointments__appointments-header__middot___2QdbQ{margin:0 .5rem}.-esm-appointments__appointments-header__view___yHKw3{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px)}.-esm-appointments__appointments-header__dropdown___1DzhT{display:flex;align-items:center;justify-content:flex-end;margin-top:.25rem}.-esm-appointments__appointments-header__dropdown___1DzhT .cds--dropdown__wrapper--inline{align-items:center;display:flex}.-esm-appointments__appointments-header__dropdown___1DzhT .cds--list-box__menu{left:-10.15rem}.-esm-appointments__appointments-header__datePicker___2Ca3c{background-color:rgba(0,0,0,0);width:10rem;border:none}.-esm-appointments__appointments-header__datePicker___2Ca3c>input{color:#edf5ff}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/appointments-header/appointments-header.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CClDF,wDCq0BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDn0BF,aDFQ,CCGR,WE0DW,CFzDX,qBDRM,CCSN,wBAAA,CACA,eAAA,CACA,YAAA,CACA,6BAAA,CAGF,sEACE,YAAA,CACA,kBAAA,CACA,kBAAA,CAGF,uECozBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDlzBF,aDnBQ,CCoBR,gBAAA,CAGF,2DC8yBI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CDzyBF,6EACE,oBAAA,CAIJ,mEACE,YAAA,CACA,wBAAA,CACA,kBAAA,CACA,iBAAA,CAGF,uDACE,kBAAA,CAGF,wDACE,cAAA,CAGF,sDCqxBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDjxBJ,0DACE,YAAA,CACA,kBAAA,CACA,wBAAA,CACA,iBAAA,CAEA,0FACE,kBAAA,CACA,YAAA,CAGF,+EACE,cAAA,CAIJ,4DACE,8BAAA,CACA,WAAA,CACA,WAAA,CACA,kEACE,aGlEM",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/colors';\n@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.header {\n @include type.type-style('body-compact-02');\n color: $text-02;\n height: spacing.$spacing-12;\n background-color: $ui-02;\n border: 1px solid $ui-03;\n border-left: 0px;\n display: flex;\n justify-content: space-between;\n}\n\n.left-justified-items {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.right-justified-items {\n @include type.type-style('body-compact-02');\n color: $text-02;\n padding-top: 1rem;\n}\n\n.page-name {\n @include type.type-style('heading-04');\n}\n\n.page-labels {\n p:first-of-type {\n margin-bottom: 0.25rem;\n }\n}\n\n.date-and-location {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-right: 1rem;\n}\n\n.value {\n margin-left: 0.25rem;\n}\n\n.middot {\n margin: 0 0.5rem;\n}\n\n.view {\n @include type.type-style('label-01');\n}\n\n.dropdown {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-top: 0.25rem;\n\n :global(.cds--dropdown__wrapper--inline) {\n align-items: center;\n display: flex;\n }\n\n :global(.cds--list-box__menu) {\n left: -10.15rem;\n }\n}\n\n.datePicker {\n background-color: transparent;\n width: 10rem;\n border: none;\n & > input {\n color: colors.$blue-10;\n }\n}\n","//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n 'black': (\n 100: #000000,\n ),\n 'blue': (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n 'cool-gray': (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n 'cyan': (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n 'gray': (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n 'green': (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n 'magenta': (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n 'orange': (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n 'purple': (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n 'red': (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n 'teal': (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n 'warm-gray': (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n 'white': (\n 0: #ffffff,\n ),\n 'yellow': (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n"],sourceRoot:""}]),r.locals={header:"-esm-appointments__appointments-header__header___1BXcm","left-justified-items":"-esm-appointments__appointments-header__left-justified-items___w526P","right-justified-items":"-esm-appointments__appointments-header__right-justified-items___RTdyD","page-name":"-esm-appointments__appointments-header__page-name___z9emR","page-labels":"-esm-appointments__appointments-header__page-labels___a8OE-","date-and-location":"-esm-appointments__appointments-header__date-and-location___r18-o",value:"-esm-appointments__appointments-header__value___baWtC",middot:"-esm-appointments__appointments-header__middot___2QdbQ",view:"-esm-appointments__appointments-header__view___yHKw3",dropdown:"-esm-appointments__appointments-header__dropdown___1DzhT",datePicker:"-esm-appointments__appointments-header__datePicker___2Ca3c"};const l=r},3950:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),i=t.n(a),o=t(2609),r=t.n(o)()(i());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__missed-appointment-list__productiveHeading01___YOIgt{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-appointments__missed-appointment-list__productiveHeading02___p9EQ0{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-appointments__missed-appointment-list__productiveHeading03___6KG8a{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-appointments__missed-appointment-list__productiveHeading04___6MGPI{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-appointments__missed-appointment-list__bodyLong01___s-UAY{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-appointments__missed-appointment-list__bodyShort01___FwtNZ{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-appointments__missed-appointment-list__bodyShort02___gk28t{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-appointments__missed-appointment-list__text02___lEv2W{color:#525252}.-esm-appointments__missed-appointment-list__label01___-X2aD{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px)}.-esm-appointments__missed-appointment-list__modal___fRM8V{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}.-esm-appointments__missed-appointment-list__appointmentList___y9bTu{height:100%;width:100%;background-color:#fff}.-esm-appointments__missed-appointment-list__wrapper___cVxLY{margin:1rem}.-esm-appointments__missed-appointment-list__heading___Sk1VM{margin:1.5rem;color:#161616}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./src/appointments/missed-appointment-list.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,yECs0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDl0BJ,yECk0BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD9zBJ,yEC8zBI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD1zBJ,yEC0zBI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CDtzBJ,gECszBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDlzBJ,iECkzBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD9yBJ,iEC8yBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD1yBJ,4DACE,aD5BQ,CC+BV,6DCsyBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDlyBJ,2DACE,cAAA,CACA,WAAA,CACA,YAAA,CACA,YAAA,CACA,+BAAA,CACA,YAAA,CACA,oBAAA,CACA,kBAAA,CE5CF,qEACE,WAAA,CACA,UAAA,CACA,qBHNM,CGSR,6DACE,WCoBW,CDjBb,6DACE,aCqBW,CDpBX,aHZM",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.productiveHeading03 {\n @include type.type-style('heading-03');\n}\n\n.productiveHeading04 {\n @include type.type-style('heading-04');\n}\n\n.bodyLong01 {\n @include type.type-style('body-01');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.bodyShort02 {\n @include type.type-style('body-compact-02');\n}\n\n.text02 {\n color: $text-02;\n}\n\n.label01 {\n @include type.type-style('label-01');\n}\n\n.modal {\n position: fixed;\n width: 100vw;\n height: 100vh;\n display: grid;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9000;\n justify-items: center;\n align-items: center;\n}\n","//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '../root.scss';\n\n.appointmentList {\n height: 100%;\n width: 100%;\n background-color: $ui-02;\n}\n\n.wrapper {\n margin: spacing.$spacing-05;\n}\n\n.heading {\n margin: spacing.$spacing-06;\n color: $ui-05;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),r.locals={productiveHeading01:"-esm-appointments__missed-appointment-list__productiveHeading01___YOIgt",productiveHeading02:"-esm-appointments__missed-appointment-list__productiveHeading02___p9EQ0",productiveHeading03:"-esm-appointments__missed-appointment-list__productiveHeading03___6KG8a",productiveHeading04:"-esm-appointments__missed-appointment-list__productiveHeading04___6MGPI",bodyLong01:"-esm-appointments__missed-appointment-list__bodyLong01___s-UAY",bodyShort01:"-esm-appointments__missed-appointment-list__bodyShort01___FwtNZ",bodyShort02:"-esm-appointments__missed-appointment-list__bodyShort02___gk28t",text02:"-esm-appointments__missed-appointment-list__text02___lEv2W",label01:"-esm-appointments__missed-appointment-list__label01___-X2aD",modal:"-esm-appointments__missed-appointment-list__modal___fRM8V",appointmentList:"-esm-appointments__missed-appointment-list__appointmentList___y9bTu",wrapper:"-esm-appointments__missed-appointment-list__wrapper___cVxLY",heading:"-esm-appointments__missed-appointment-list__heading___Sk1VM"};const l=r},7927:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),i=t.n(a),o=t(2609),r=t.n(o)()(i());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__appointments-dashboard__productiveHeading01___KRi5f{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-dashboard__productiveHeading02___\\+adnV{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-appointments__appointments-dashboard__productiveHeading03___axnjA{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-appointments__appointments-dashboard__productiveHeading04___CYqqO{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-appointments__appointments-dashboard__bodyLong01___T-FLc{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-dashboard__bodyShort01___UG1fZ{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-appointments__appointments-dashboard__bodyShort02___FhTyW{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-appointments__appointments-dashboard__text02___FwUPB{color:#525252}.-esm-appointments__appointments-dashboard__label01___LV058{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px)}.-esm-appointments__appointments-dashboard__modal___gYCht{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}.-esm-appointments__appointments-dashboard__dashboardContainer___k6evV{display:-webkit-flex;min-height:100vh;position:relative;overflow-y:hidden;background-color:#fff}.-esm-appointments__appointments-dashboard__dashboardContent___ei7lq{margin:0;flex-basis:75%;flex-grow:1;flex-shrink:1;position:relative;overflow-y:auto;margin-left:16rem;padding-left:0;padding-right:0;max-width:100% !important}@media(max-width: 1200px){.-esm-appointments__appointments-dashboard__dashboardContent___ei7lq{margin-left:0}}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./src/dashboard/appointments-dashboard.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,wECs0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDl0BJ,yECk0BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD9zBJ,wEC8zBI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD1zBJ,wEC0zBI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CDtzBJ,+DCszBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDlzBJ,gECkzBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD9yBJ,gEC8yBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD1yBJ,2DACE,aD5BQ,CC+BV,4DCsyBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDlyBJ,0DACE,cAAA,CACA,WAAA,CACA,YAAA,CACA,YAAA,CACA,+BAAA,CACA,YAAA,CACA,oBAAA,CACA,kBAAA,CE9CF,uEACE,oBAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,qBAAA,CAGF,qEACE,QAAA,CACA,cAAA,CACA,WAAA,CACA,aAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,cAAA,CACA,eAAA,CACA,yBAAA,CAGF,0BACE,qEACE,aAAA,CAAA",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.productiveHeading03 {\n @include type.type-style('heading-03');\n}\n\n.productiveHeading04 {\n @include type.type-style('heading-04');\n}\n\n.bodyLong01 {\n @include type.type-style('body-01');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.bodyShort02 {\n @include type.type-style('body-compact-02');\n}\n\n.text02 {\n color: $text-02;\n}\n\n.label01 {\n @include type.type-style('label-01');\n}\n\n.modal {\n position: fixed;\n width: 100vw;\n height: 100vh;\n display: grid;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9000;\n justify-items: center;\n align-items: center;\n}\n","//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","@import '../root.scss';\n\n.dashboardContainer {\n display: -webkit-flex;\n min-height: 100vh;\n position: relative;\n overflow-y: hidden;\n background-color: white;\n}\n\n.dashboardContent {\n margin: 0;\n flex-basis: 75%;\n flex-grow: 1;\n flex-shrink: 1;\n position: relative;\n overflow-y: auto;\n margin-left: 16rem;\n padding-left: 0;\n padding-right: 0;\n max-width: 100% !important;\n}\n\n@media (max-width: 1200px) {\n .dashboardContent {\n margin-left: 0;\n }\n}\n"],sourceRoot:""}]),r.locals={productiveHeading01:"-esm-appointments__appointments-dashboard__productiveHeading01___KRi5f",productiveHeading02:"-esm-appointments__appointments-dashboard__productiveHeading02___+adnV",productiveHeading03:"-esm-appointments__appointments-dashboard__productiveHeading03___axnjA",productiveHeading04:"-esm-appointments__appointments-dashboard__productiveHeading04___CYqqO",bodyLong01:"-esm-appointments__appointments-dashboard__bodyLong01___T-FLc",bodyShort01:"-esm-appointments__appointments-dashboard__bodyShort01___UG1fZ",bodyShort02:"-esm-appointments__appointments-dashboard__bodyShort02___FhTyW",text02:"-esm-appointments__appointments-dashboard__text02___FwUPB",label01:"-esm-appointments__appointments-dashboard__label01___LV058",modal:"-esm-appointments__appointments-dashboard__modal___gYCht",dashboardContainer:"-esm-appointments__appointments-dashboard__dashboardContainer___k6evV",dashboardContent:"-esm-appointments__appointments-dashboard__dashboardContent___ei7lq"};const l=r},227:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(1799),i=t.n(a),o=t(2609),r=t.n(o)()(i());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-appointments__overlay__productiveHeading01___\\+elvs{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-appointments__overlay__productiveHeading02___BIxPm{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-appointments__overlay__productiveHeading03___Tu\\+RV{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.-esm-appointments__overlay__productiveHeading04___IbOTi{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}.-esm-appointments__overlay__bodyLong01___wKS0S{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-appointments__overlay__bodyShort01___\\+SoTY{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-appointments__overlay__bodyShort02___EWI6c{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0)}.-esm-appointments__overlay__text02___GhyI9{color:#525252}.-esm-appointments__overlay__label01___\\+LGbq{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px)}.-esm-appointments__overlay__modal___T2ZUj{position:fixed;width:100vw;height:100vh;display:grid;background-color:rgba(0,0,0,.5);z-index:9000;justify-items:center;align-items:center}.-esm-appointments__overlay__desktopOverlay___Fnqq2{position:fixed;top:3rem;width:37rem;right:0;bottom:0;border-left:1px solid #a8a8a8;background-color:#f4f4f4;overflow-y:auto;height:calc(100vh - 3rem);z-index:1}.-esm-appointments__overlay__desktopOverlay___Fnqq2::after{height:100%;border-left:1px solid #a8a8a8}.-esm-appointments__overlay__tabletOverlay___up7d4{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;background-color:#f4f4f4;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;z-index:1}.-esm-appointments__overlay__tabletOverlay___up7d4::-webkit-scrollbar{width:0}.-esm-appointments__overlay__tabletOverlay___up7d4>div{margin-top:3rem}.-esm-appointments__overlay__tabletOverlayHeader___VZVIv button{background-color:#005d5d;background-color:var(--brand-01)}.-esm-appointments__overlay__tabletOverlayHeader___VZVIv .-esm-appointments__overlay__headerContent___r8UCR{color:#fff}.-esm-appointments__overlay__desktopHeader___SJ6dj{display:flex;justify-content:space-between;align-items:center;background-color:#e0e0e0;border-bottom:1px solid #a8a8a8;position:sticky;position:-webkit-sticky;width:100%;z-index:1000;top:0}.-esm-appointments__overlay__headerContent___r8UCR{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0);padding:0 1rem;color:#161616}.-esm-appointments__overlay__closeButton___vBMDD{background-color:#fff;color:#161616;fill:#161616}.omrs-breakpoint-gt-tablet .-esm-appointments__overlay__overlayContent___ESBr2{padding:0 0 0 0;overflow-y:auto}.omrs-breakpoint-lt-desktop .-esm-appointments__overlay__overlayContent___ESBr2{padding:0 0 0 0;overflow-y:auto}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/root.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./src/overlay.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CAHF,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,0DCs0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDl0BJ,yDCk0BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD9zBJ,0DC8zBI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CD1zBJ,yDC0zBI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CDtzBJ,gDCszBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CDlzBJ,kDCkzBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CD9yBJ,iDC8yBI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD1yBJ,4CACE,aD5BQ,CC+BV,8CCsyBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CDlyBJ,2CACE,cAAA,CACA,WAAA,CACA,YAAA,CACA,YAAA,CACA,+BAAA,CACA,YAAA,CACA,oBAAA,CACA,kBAAA,CE3CF,oDACE,cAAA,CACA,QC4CW,CD3CX,WAAA,CACA,OAAA,CACA,QAAA,CACA,6BAAA,CACA,wBHZM,CGaN,eAAA,CACA,yBAAA,CACA,SAAA,CAGF,2DACE,WAAA,CACA,6BAAA,CAGF,mDACE,cAAA,CACA,KAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,YAAA,CACA,wBH9BM,CG+BN,iBAAA,CACA,uBAAA,CACA,oBAAA,CACA,SAAA,CAEA,sEACE,OAAA,CAGF,uDACE,eCUS,CDLX,gEHRA,wBAAA,CACA,gCAAA,CGWA,4GACE,UHlDI,CGsDR,mDACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,wBHzDM,CG0DN,+BAAA,CACA,eAAA,CACA,uBAAA,CACA,UAAA,CACA,YAAA,CACA,KAAA,CAGF,mDDswBI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CCpwBF,cAAA,CACA,aHnEM,CGsER,iDACE,qBHpEc,CGqEd,aHxEM,CGyEN,YHzEM,CG8EN,+EACE,eAAA,CACA,eAAA,CAMF,gFACE,eAAA,CACA,eAAA",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.productiveHeading03 {\n @include type.type-style('heading-03');\n}\n\n.productiveHeading04 {\n @include type.type-style('heading-04');\n}\n\n.bodyLong01 {\n @include type.type-style('body-01');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.bodyShort02 {\n @include type.type-style('body-compact-02');\n}\n\n.text02 {\n color: $text-02;\n}\n\n.label01 {\n @include type.type-style('label-01');\n}\n\n.modal {\n position: fixed;\n width: 100vw;\n height: 100vh;\n display: grid;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9000;\n justify-items: center;\n align-items: center;\n}\n","//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n@import './root.scss';\n\n.desktopOverlay {\n position: fixed;\n top: spacing.$spacing-09;\n width: 37rem;\n right: 0;\n bottom: 0;\n border-left: 1px solid $text-03;\n background-color: $ui-01;\n overflow-y: auto;\n height: calc(100vh - 3rem);\n z-index: 1;\n}\n\n.desktopOverlay::after {\n height: 100%;\n border-left: 1px solid $text-03;\n}\n\n.tabletOverlay {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 9999;\n background-color: $ui-01;\n overflow-y: scroll;\n -ms-overflow-style: none;\n scrollbar-width: none;\n z-index: 1;\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n & > div {\n margin-top: spacing.$spacing-09;\n }\n}\n\n.tabletOverlayHeader {\n button {\n @include brand-01(background-color);\n }\n\n .headerContent {\n color: $ui-02;\n }\n}\n\n.desktopHeader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: $ui-03;\n border-bottom: 1px solid $text-03;\n position: sticky;\n position: -webkit-sticky;\n width: 100%;\n z-index: 1000;\n top: 0;\n}\n\n.headerContent {\n @include type.type-style('heading-compact-02');\n padding: 0 spacing.$spacing-05;\n color: $ui-05;\n}\n\n.closeButton {\n background-color: $ui-background;\n color: $ui-05;\n fill: $ui-05;\n}\n\n/* Desktop */\n:global(.omrs-breakpoint-gt-tablet) {\n .overlayContent {\n padding: 0 0 0 0;\n overflow-y: auto;\n }\n}\n\n/* Tablet */\n:global(.omrs-breakpoint-lt-desktop) {\n .overlayContent {\n padding: 0 0 0 0;\n overflow-y: auto;\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),r.locals={productiveHeading01:"-esm-appointments__overlay__productiveHeading01___+elvs",productiveHeading02:"-esm-appointments__overlay__productiveHeading02___BIxPm",productiveHeading03:"-esm-appointments__overlay__productiveHeading03___Tu+RV",productiveHeading04:"-esm-appointments__overlay__productiveHeading04___IbOTi",bodyLong01:"-esm-appointments__overlay__bodyLong01___wKS0S",bodyShort01:"-esm-appointments__overlay__bodyShort01___+SoTY",bodyShort02:"-esm-appointments__overlay__bodyShort02___EWI6c",text02:"-esm-appointments__overlay__text02___GhyI9",label01:"-esm-appointments__overlay__label01___+LGbq",modal:"-esm-appointments__overlay__modal___T2ZUj",desktopOverlay:"-esm-appointments__overlay__desktopOverlay___Fnqq2",tabletOverlay:"-esm-appointments__overlay__tabletOverlay___up7d4",tabletOverlayHeader:"-esm-appointments__overlay__tabletOverlayHeader___VZVIv",headerContent:"-esm-appointments__overlay__headerContent___r8UCR",desktopHeader:"-esm-appointments__overlay__desktopHeader___SJ6dj",closeButton:"-esm-appointments__overlay__closeButton___vBMDD",overlayContent:"-esm-appointments__overlay__overlayContent___ESBr2"};const l=r},8430:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Ne});var a=t(268),i=t.n(a),o=t(9984),r=t(8744),l=t(8179),p=t(906),s=(0,p.createGlobalStore)("appointments-nav-groups",{navGroups:[]}),c=(0,p.createUseStore)(s),d=t(4924),f=t(4717);const u=function(){return i().createElement("svg",{width:"92",height:"94",viewBox:"0 0 92 94",xmlns:"http://www.w3.org/2000/svg"},i().createElement("title",null,"Patient queue illustration"),i().createElement("g",{fill:"none",fillRule:"evenodd"},i().createElement("path",{fill:"#FFF",d:"M0 0h92v94H0z"}),i().createElement("path",{d:"M40 32c.84-.602 1.12-1.797 1-3 .12-5.005-3.96-9-9-9s-9.12 3.995-9 9c-.12 3.572 2.1 6.706 5 8-6.76 1.741-12 7.91-12 15v15h28V32h-4zM76 67V52c0-7.09-5.24-13.278-12-15 2.9-1.294 5.12-4.428 5-8 .12-5.005-3.96-9-9-9s-9.12 3.995-9 9c-.12 1.203.14 2.398 1 3h-4v35h28z",fill:"#CEE6E5"}),i().createElement("path",{d:"M32 75V60.312c0-7.402 5.24-13.59 12.3-15.216-3.2-1.39-5.42-4.523-5.42-8.166 0-4.935 4.08-8.93 9.12-8.93 5.04 0 9.12 3.995 9.12 8.93 0 3.642-2.22 6.776-5.42 8.166C58.76 46.741 64 52.91 64 60.313V75",fill:"#7BBCB9"})))};var g=t(6062),h=t.n(g),m=t(4036),$=t.n(m),b=t(6793),y=t.n(b),v=t(7892),A=t.n(v),x=t(1173),w=t.n(x),k=t(2464),_=t.n(k),C=t(4096),z={};z.styleTagTransform=_(),z.setAttributes=A(),z.insert=y().bind(null,"head"),z.domAPI=$(),z.insertStyleElement=w(),h()(C.Z,z);const M=C.Z&&C.Z.locals?C.Z.locals:void 0;var B=t(1948),E=t(8879),D=t.n(E),I=t(1427);function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function T(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],r=!0,l=!1;try{for(t=t.call(e);!(r=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);r=!0);}catch(e){l=!0,i=e}finally{try{r||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return N(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const S=function(e){var n,t=e.title,o=(0,d.useTranslation)().t,r=(0,p.useSession)(),l=(0,a.useRef)(null),s=T((0,a.useState)(new Date),2),c=s[0],g=(s[1],null==r||null===(n=r.sessionLocation)||void 0===n?void 0:n.display);return i().createElement("div",{className:M.header},i().createElement("div",{className:M["left-justified-items"]},i().createElement(u,null),i().createElement("div",{className:M["page-labels"]},i().createElement("p",null,o("appointments","Appointments")),i().createElement("p",{className:M["page-name"]},t))),i().createElement("div",{className:M["right-justified-items"]},i().createElement("div",{className:M["date-and-location"]},i().createElement(f.Ye,{size:16}),i().createElement("span",{className:M.value},g),i().createElement("span",{className:M.middot},"·"),i().createElement(B.Mtg,{onChange:function(e){var n=T(e,1)[0];return(0,I.es)(new Date(n))},ref:l,dateFormat:"d-M-Y",datePickerType:"single"},i().createElement(B.aj6,{style:{backgroundColor:"transparent",border:"none",maxWidth:"10rem"},id:"date-picker-calendar-id",placeholder:"DD-MMM-YYYY",labelText:"",type:"text",value:D()(c).format("DD MMM YYYY")})))))};var q=t(7927),L={};L.styleTagTransform=_(),L.setAttributes=A(),L.insert=y().bind(null,"head"),L.domAPI=$(),L.insertStyleElement=w(),h()(q.Z,L);const F=q.Z&&q.Z.locals?q.Z.locals:void 0;var H=function(e){var n=e.dashboardSlot,t=e.title;return i().createElement(p.ExtensionSlot,{style:{backgroundColor:"white"},extensionSlotName:n,state:{dashboardTitle:t}})};const O=function(){var e,n=(0,r.useParams)().view,t=c().navGroups,o=(0,p.useExtensionStore)(),l=(0,p.useLayoutType)(),s=(null===(e=o.slots["appointments-dashboard-slot"])||void 0===e?void 0:e.assignedExtensions.map((function(e){return e.meta})).filter((function(e){return Object.keys(e).length})))||[],d=t.map((function(e){var n;return null===(n=o.slots[e])||void 0===n?void 0:n.assignedExtensions.map((function(e){return e.meta}))})).flat(),f=s.concat(d),u=f.find((function(e){return e.name===n}))||f[0];return(0,a.useEffect)((function(){return(0,p.isDesktop)(l)||(0,p.attach)("global-nav-menu-slot","appointments-side-nav-ext"),function(){return(0,p.detach)("global-nav-menu-slot","appointments-side-nav-ext")}}),[l]),i().createElement("div",{className:F.dashboardContainer},(0,p.isDesktop)(l)&&i().createElement(p.ExtensionSlot,{extensionSlotName:"appointments-sidebar-slot",key:l}),u&&i().createElement("div",{className:"cds--grid ".concat(F.dashboardContent)},i().createElement(S,{title:u.title}),i().createElement(H,{dashboardSlot:u.slot,title:u.title,key:u.slot})))};var G=t(2074),j=t(6759),W=t(1723),Y=t(227),U={};U.styleTagTransform=_(),U.setAttributes=A(),U.insert=y().bind(null,"head"),U.domAPI=$(),U.insertStyleElement=w(),h()(Y.Z,U);const P=Y.Z&&Y.Z.locals?Y.Z.locals:void 0,V=function(){var e=(0,W.Ir)(),n=e.header,t=e.component,a=e.isOverlayOpen,o=(0,p.useLayoutType)();return i().createElement(i().Fragment,null,a&&i().createElement("div",{className:"tablet"!==o?P.desktopOverlay:P.tabletOverlay},"tablet"!==o?i().createElement("div",{className:P.desktopHeader},i().createElement("div",{className:P.headerContent},n),i().createElement(B.zxk,{className:P.closePanelButton,onClick:function(){return(0,W.Km)()},kind:"ghost",hasIconOnly:!0},i().createElement(G.x8,{size:16}))):i().createElement(B.h4i,{onClick:function(){return(0,W.Km)()},"aria-label":"Tablet overlay",className:P.tabletOverlayHeader},i().createElement(B.zxk,{hasIconOnly:!0},i().createElement(j.Xd,{size:16})),i().createElement("div",{className:P.headerContent},n)),i().createElement("div",null,t)))};var R=t(7631),Z=t(3636),J={};J.styleTagTransform=_(),J.setAttributes=A(),J.insert=y().bind(null,"head"),J.domAPI=$(),J.insertStyleElement=w(),h()(Z.Z,J);const X=Z.Z&&Z.Z.locals?Z.Z.locals:void 0,Q=function(e){var n=e.onChangeView,t=(e.calendarView,(0,d.useTranslation)().t);return i().createElement("div",{className:X.calendarHeaderContainer},i().createElement("div",{className:X.titleContainer},i().createElement("p",null,t("calendar","Calendar")),i().createElement(B.zxk,{size:"md",kind:"ghost",renderIcon:j.ol},t("addNewClinicDay","Add new clinic day"))),i().createElement("div",{className:X.titleContent},i().createElement(B.zxk,{size:"md",renderIcon:R.wn,kind:"ghost"},t("filter","Filter")),i().createElement(B.GHR,{selectedIndex:2,size:"md",style:{maxWidth:"30rem"},onChange:function(e){var t=e.name;return n(t)}},i().createElement(B.rsf,{name:"daily",text:t("daily","Daily")}),i().createElement(B.rsf,{name:"weekly",text:t("weekly","Weekly")}),i().createElement(B.rsf,{name:"monthly",text:t("monthly","Monthly")}))))};var K=t(30),ee=t.n(K),ne=t(5326),te=t(3593),ae={};ae.styleTagTransform=_(),ae.setAttributes=A(),ae.insert=y().bind(null,"head"),ae.domAPI=$(),ae.insertStyleElement=w(),h()(te.Z,ae);const ie=te.Z&&te.Z.locals?te.Z.locals:void 0;var oe=t(5328),re={};re.styleTagTransform=_(),re.setAttributes=A(),re.insert=y().bind(null,"head"),re.domAPI=$(),re.insertStyleElement=w(),h()(oe.Z,re);const le=oe.Z&&oe.Z.locals?oe.Z.locals:void 0,pe=function(e){var n,t=e.type,a=e.dateTime,o=e.currentDate,r=e.events,l=(0,p.useLayoutType)(),s=null==r?void 0:r.find((function(e){return D()(e.appointmentDate).format("YYYY-MM-DD")===D()(a).format("YYYY-MM-DD")})),c={HIV:"red","Lab testing":"purple",Refill:"blue"},f=(0,d.useTranslation)().t;return i().createElement("div",{className:"".concat(le[(0,I.xj)(a,o)?"monthly-cell":"monthly-cell-disabled"]," ").concat((null==s?void 0:s.service)?le.greyBackground:""," ").concat("small-desktop"===l?le.smallDesktop:le.largeDesktop)},"monthly"===t?i().createElement("p",null,(0,I.xj)(a,o)&&i().createElement(i().Fragment,null,!(null==s?void 0:s.service)&&a.format("D")," ","",(null==s?void 0:s.service)&&i().createElement("div",{className:le.currentData},null==s?void 0:s.service.map((function(e){var n=e.serviceName,t=e.count;return i().createElement("div",{key:n,className:"".concat(le.serviceArea," ").concat(le[c[n]])},i().createElement("span",null,n),i().createElement("span",null,t))})),i().createElement("div",{className:"".concat(le.serviceArea," ").concat(le.green)},i().createElement("span",null,f("total","Total")),i().createElement("span",null,null==s?void 0:s.service.reduce((function(e,t){return null!==(n=e+(null==t?void 0:t.count))&&void 0!==n?n:0}),0)))))):null)};var se=t(3159),ce={};ce.styleTagTransform=_(),ce.setAttributes=A(),ce.insert=y().bind(null,"head"),ce.domAPI=$(),ce.insertStyleElement=w(),h()(se.Z,ce);const de=se.Z&&se.Z.locals?se.Z.locals:void 0;var fe=t(1215),ue={};ue.styleTagTransform=_(),ue.setAttributes=A(),ue.insert=y().bind(null,"head"),ue.domAPI=$(),ue.insertStyleElement=w(),h()(fe.Z,ue);const ge=fe.Z&&fe.Z.locals?fe.Z.locals:void 0,he=function(e){var n=e.dayOfWeek,t=D()(new Date).format("ddd").toUpperCase()===n;return i().createElement("div",{tabIndex:0,role:"button",className:"".concat(ge.tileContainer," ")},i().createElement("span",{className:t?ge.bold:""},n))};var me={monthly:"month",weekly:"week",daily:"day"},$e=["SUN","MON","TUE","WED","THUR","FRI","SAT"];const be=function(e){var n=e.type,t=e.currentDate,a=e.setCurrentDate,o=(0,d.useTranslation)().t;return i().createElement(i().Fragment,null,i().createElement("div",{className:de.container},i().createElement(B.zxk,{size:"sm",onClick:function(){return a(t.subtract(1,me[n]))},kind:"tertiary"},o("prev","Prev")),i().createElement("span",null,t.format("MMMM, YYYY")),i().createElement(B.zxk,{size:"sm",onClick:function(){return a(t.add(1,me[n]))},kind:"tertiary"},o("next","Next"))),i().createElement("div",{className:de.workLoadCard},null==$e?void 0:$e.map((function(e){return i().createElement(he,{dayOfWeek:e})}))))};function ye(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}D().extend(ee());const ve=function(e){var n,t,o=e.type,r=e.events,l=(n=(0,a.useState)(D()()),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],r=!0,l=!1;try{for(t=t.call(e);!(r=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);r=!0);}catch(e){l=!0,i=e}finally{try{r||null==t.return||t.return()}finally{if(l)throw i}}return o}}(n,t)||function(e,n){if(e){if("string"==typeof e)return ye(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ye(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=l[0],s=l[1];return i().createElement("div",{style:{margin:"1rem"}},i().createElement(be,{type:o,currentDate:p,setCurrentDate:s}),i().createElement("div",{className:ie.wrapper},"monthly"===o?i().createElement("div",{className:ie["monthly-calendar"]},(0,ne.aN)(p).map((function(e,n){return i().createElement(pe,{type:o,key:n,dateTime:e,currentDate:p,events:r})}))):null))};function Ae(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}const xe=function(){var e,n,t=(0,d.useTranslation)().t,o=(e=(0,a.useState)("monthly"),n=2,function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],r=!0,l=!1;try{for(t=t.call(e);!(r=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);r=!0);}catch(e){l=!0,i=e}finally{try{r||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ae(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Ae(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),r=o[0],l=o[1];return i().createElement("div",{className:ie.backgroundColor},i().createElement(S,{title:t("appointments","Appointments")}),i().createElement(Q,{onChangeView:l,calendarView:r}),"monthly"===r&&i().createElement(ve,{type:"monthly",events:we}))};var we=[{appointmentDate:"2022-12-01 05:20:00",service:[{serviceName:"HIV",count:10},{serviceName:"Lab testing",count:7},{serviceName:"Refill",count:15}]},{appointmentDate:"2022-12-05 10:20:00",service:[{serviceName:"HIV",count:5},{serviceName:"Lab testing",count:3},{serviceName:"Refill",count:1}]},{appointmentDate:"2022-11-24 09:20:00",service:[{serviceName:"Test",count:10},{serviceName:"Lab testing",count:10}]},{appointmentDate:"2022-11-21 10:00:00",service:[{serviceName:"HIV",count:1},{serviceName:"Lab testing",count:1},{serviceName:"Refill",count:1}]},{appointmentDate:"2022-11-18 08:20:00",service:[{serviceName:"HIV",count:21},{serviceName:"Drug Pickup",count:4},{serviceName:"Lab testing",count:10},{serviceName:"Refill",count:3}]},{appointmentDate:"2022-12-14 12:20:00",service:[{serviceName:"HIV",count:10},{serviceName:"Refill",count:2}]},{appointmentDate:"2022-12-11 14:20:00",service:[{serviceName:"HIV",count:1},{serviceName:"Lab testing",count:10}]},{appointmentDate:"2022-11-26 13:20:00",service:[{serviceName:"HIV",count:10},{serviceName:"Lab testing",count:10},{serviceName:"Refill",count:15}]},{appointmentDate:"2022-10-27 15:20:00",service:[{serviceName:"HIV",count:1},{serviceName:"Drug pickup",count:4},{serviceName:"Refill",count:1}]},{appointmentDate:"2022-10-22 17:20:00",service:[{serviceName:"HIV",count:13}]}],ke=t(6306),_e=t(1961);const Ce=function(e){var n=e.status,t=e.title,a=(0,ke.z)(n),o=a.appointments,r=a.isLoading,l=a.mutate;return(0,d.useTranslation)().t,i().createElement("div",null,i().createElement(_e.Z,{appointments:o,isLoading:r,mutate:l,tableHeading:t}))};var ze=t(3950),Me={};Me.styleTagTransform=_(),Me.setAttributes=A(),Me.insert=y().bind(null,"head"),Me.domAPI=$(),Me.insertStyleElement=w(),h()(ze.Z,Me);const Be=ze.Z&&ze.Z.locals?ze.Z.locals:void 0;var Ee;!function(e){e.MISSED="Scheduled",e.DEFAULTERS="Defaulters",e.LTFU="Ltfu",e.PROMISED="Promised"}(Ee||(Ee={}));const De=function(){var e=(0,d.useTranslation)().t;return i().createElement("div",{className:Be.appointmentList},i().createElement("h3",{className:Be.heading},e("missedAppointmentsList","Missed Appointments List")),i().createElement("div",{className:Be.wrapper},i().createElement(B.mQc,{className:Be.tabs},i().createElement(B.tdY,{"aria-label":"Appointment tabs",contained:!0},i().createElement(B.OK9,null,e("missed","Missed")),i().createElement(B.OK9,null,e("defaulters","Defaulters")),i().createElement(B.OK9,null,e("lostToFollowUp","Lost To Follow Up")),i().createElement(B.OK9,null,e("promisedPatients","Promised Patients"))),i().createElement(B.nPR,null,i().createElement(B.x45,null,i().createElement(Ce,{status:Ee.MISSED,title:e("missedAppointmentsList","Missed Appointments List")})),i().createElement(B.x45,null,i().createElement(Ce,{status:Ee.DEFAULTERS,title:e("defaulters","Defaulters")})),i().createElement(B.x45,null,i().createElement(Ce,{status:Ee.LTFU,title:e("lostToFollowupAppointments","Lost To Followup Appointments")})),i().createElement(B.x45,null,i().createElement(Ce,{status:Ee.PROMISED,title:e("promisedPateints","Promised Patients")}))))))};var Ie={errorRetryCount:3};const Ne=function(){return i().createElement("main",null,i().createElement(o.J$,{value:Ie},i().createElement(r.BrowserRouter,{basename:l.JB},i().createElement(r.Routes,null,i().createElement(r.Route,{path:"",element:i().createElement(O,null)}),i().createElement(r.Route,{path:"/calendar",element:i().createElement(xe,null)}),i().createElement(r.Route,{path:"/missed",element:i().createElement(De,null)})),i().createElement(V,null))))}}}]);