npm - @kenyaemr/esm-admin-app - Versions diffs - 5.4.1-pre.2021 → 5.4.1-pre.2025 - Mend

@kenyaemr/esm-admin-app 5.4.1-pre.2021 → 5.4.1-pre.2025

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 (22) hide show

package/.turbo/turbo-build.log +17 -17
package/dist/163.js +1 -1
package/dist/163.js.map +1 -1
package/dist/300.js +1 -1
package/dist/{253.js → 430.js} +2 -2
package/dist/430.js.map +1 -0
package/dist/kenyaemr-esm-admin-app.js +1 -1
package/dist/kenyaemr-esm-admin-app.js.buildmanifest.json +36 -36
package/dist/main.js +1 -1
package/dist/main.js.map +1 -1
package/dist/routes.json +1 -1
package/package.json +1 -1
package/src/components/modal/hwr-confirmation.modal.tsx +4 -1
package/src/components/modal/hwr-sync.modal.tsx +6 -0
package/src/components/users/manage-users/user-details/user-details.component.tsx +12 -0
package/src/components/users/manage-users/user-list/user-list.component.tsx +20 -3
package/src/components/users/manage-users/user-management.workspace.tsx +39 -0
package/src/components/users/userManagementFormSchema.tsx +1 -0
package/src/config-schema.ts +6 -0
package/translations/en.json +1 -0
package/dist/253.js.map +0 -1
/package/dist/{253.js.LICENSE.txt → 430.js.LICENSE.txt} +0 -0

package/dist/163.js CHANGED Viewed

	@@ -1 +1 @@
1	- (globalThis.webpackChunk_kenyaemr_esm_admin_app=globalThis.webpackChunk_kenyaemr_esm_admin_app\|\|[]).push([[163],{6322:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__dashboard__omrs-main-content___\\+arGi{background-color:#fff}.-esm-admin__dashboard__btnLayer___pyQcG{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}.-esm-admin__dashboard__tableLayer___reKBA{padding-left:1rem;padding-right:1rem;background:#fff;padding-top:.125rem}.-esm-admin__dashboard__loading___dc13U{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}","",{version:3,sources:["webpack://./src/components/dashboard/dashboard.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,mDACE,qBAAA,CAGF,yCACE,YAAA,CACA,gBCqBW,CDpBX,kBCoBW,CDnBX,mBCmBW,CDlBX,eCkBW,CDjBX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA,CAGF,2CACE,iBCUW,CDTX,kBCSW,CDRX,eAAA,CACA,mBCbW,CDgBb,wCACE,YAAA,CACA,gBCEW,CDDX,kBCCW,CAAA,mBAAA,CDCX,eCDW,CDEX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.omrs-main-content {\n background-color: white;\n}\n\n.btnLayer {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n\n.tableLayer {\n padding-left: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n background: white;\n padding-top: layout.$spacing-01;\n}\n\n.loading {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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={"omrs-main-content":"-esm-admin__dashboard__omrs-main-content___+arGi",btnLayer:"-esm-admin__dashboard__btnLayer___pyQcG",tableLayer:"-esm-admin__dashboard__tableLayer___reKBA",loading:"-esm-admin__dashboard__loading___dc13U"};const o=r},3945:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__empty-state-log__emptyStateContainer___XuEDY{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background-color:#f4f4f4;row-gap:.25rem}.-esm-admin__empty-state-log__emptyStateContainer___XuEDY form{border:none}.-esm-admin__empty-state-log__emptyStateContainer___XuEDY .-esm-admin__empty-state-log__subTitle___r9uwJ{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);color:#4d5358;margin-top:.75rem}svg.-esm-admin__empty-state-log__iconOverrides___tPs8J{width:5rem;height:5rem;fill:var(--brand-03)}","",{version:3,sources:["webpack://./src/components/empty-state/empty-state-log.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:"AAIA,0DACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,sBAAA,CACA,gBAAA,CACA,wBCgCQ,CD/BR,cEKW,CFHX,+DACE,WAAA,CAEF,yGGk1BE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CHh1BA,aCUW,CDTX,iBEOS,CFHb,uDACE,UEqCW,CFpCX,WEoCW,CFnCX,oBAAA",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.emptyStateContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 300px;\n background-color: colors.$gray-10;\n row-gap: layout.$spacing-02;\n\n & form {\n border: none;\n }\n .subTitle {\n @include type.type-style('body-compact-01');\n color: colors.$cool-gray-70;\n margin-top: layout.$spacing-04;\n }\n}\n\nsvg.iconOverrides {\n width: layout.$spacing-11;\n height: layout.$spacing-11;\n fill: var(--brand-03);\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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={emptyStateContainer:"-esm-admin__empty-state-log__emptyStateContainer___XuEDY",subTitle:"-esm-admin__empty-state-log__subTitle___r9uwJ",iconOverrides:"-esm-admin__empty-state-log__iconOverrides___tPs8J"};const o=r},9857:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__facility-info__omrs-main-content___mlxc\\+{background-color:#fff}.-esm-admin__facility-info__bottomBorder___Yyi24{margin-bottom:1rem}.-esm-admin__facility-info__btnLayer___HvRUM{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}.-esm-admin__facility-info__tableLayer___FRL4l{padding-left:1rem;padding-right:1rem;background:#fff;padding-top:.125rem}.-esm-admin__facility-info__loading___ITF5u{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}.-esm-admin__facility-info__facilityInfoContainer___jt8UJ{margin:1rem}.-esm-admin__facility-info__card___kBaT\\+{padding:1rem;background-color:#f4f4f4;border:1px solid #e0e0e0;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.-esm-admin__facility-info__cardTitle___V\\+Rjs{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.-esm-admin__facility-info__cardDivider___IZid6{border:none;border-top:1px solid #e0e0e0;margin:.5rem 0}.-esm-admin__facility-info__cardContent___dUvGm{font-size:1rem;line-height:1.8}.-esm-admin__facility-info__cardContent___dUvGm p{display:flex;justify-content:space-between;margin-bottom:.5rem}.-esm-admin__facility-info__cardContent___dUvGm br{display:flex;justify-content:space-between;margin-bottom:.5rem}.-esm-admin__facility-info__cardContent___dUvGm strong{min-width:150px;display:inline-block;color:#393939}","",{version:3,sources:["webpack://./src/components/facility-setup/facility-info.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,uDACE,qBCIM,CDDR,iDACE,kBEsBW,CFnBb,6CACE,YAAA,CACA,gBEiBW,CFhBX,kBEgBW,CFfX,mBEeW,CFdX,eEcW,CFbX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA,CAGF,+CACE,iBEMW,CFLX,kBEKW,CFJX,eAAA,CACA,mBEjBW,CFoBb,4CACE,YAAA,CACA,gBEFW,CFGX,kBEHW,CFIX,mBEJW,CFKX,eELW,CFMX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA,CAGF,0DACE,WEbW,CFgBb,0CACE,YAAA,CACA,wBCPQ,CDQR,wBAAA,CACA,iBAAA,CACA,mCAAA,CAGF,+CACE,kBAAA,CACA,iBAAA,CACA,eAAA,CAGF,gDACE,WAAA,CACA,4BAAA,CACA,cAAA,CAEF,gDACE,cAAA,CACA,eAAA,CAGF,kDACE,YAAA,CACA,6BAAA,CACA,mBAAA,CAEF,mDACE,YAAA,CACA,6BAAA,CACA,mBAAA,CAGF,uDACE,eAAA,CACA,oBAAA,CACA,aAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.omrs-main-content {\n background-color: colors.$white;\n}\n\n.bottomBorder {\n margin-bottom: layout.$spacing-05;\n}\n\n.btnLayer {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n\n.tableLayer {\n padding-left: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n background: white;\n padding-top: layout.$spacing-01;\n}\n\n.loading {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n\n.facilityInfoContainer {\n margin: layout.$spacing-05;\n}\n\n.card {\n padding: 1rem;\n background-color: colors.$gray-10;\n border: 1px solid #e0e0e0;\n border-radius: 2px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.cardTitle {\n margin-bottom: 1rem;\n font-size: 1.25rem;\n font-weight: 600;\n}\n\n.cardDivider {\n border: none;\n border-top: 1px solid #e0e0e0;\n margin: 0.5rem 0;\n}\n.cardContent {\n font-size: 1rem;\n line-height: 1.8;\n}\n\n.cardContent p {\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n}\n.cardContent br {\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n}\n\n.cardContent strong {\n min-width: 150px;\n display: inline-block;\n color: #393939;\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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={"omrs-main-content":"-esm-admin__facility-info__omrs-main-content___mlxc+",bottomBorder:"-esm-admin__facility-info__bottomBorder___Yyi24",btnLayer:"-esm-admin__facility-info__btnLayer___HvRUM",tableLayer:"-esm-admin__facility-info__tableLayer___FRL4l",loading:"-esm-admin__facility-info__loading___ITF5u",facilityInfoContainer:"-esm-admin__facility-info__facilityInfoContainer___jt8UJ",card:"-esm-admin__facility-info__card___kBaT+",cardTitle:"-esm-admin__facility-info__cardTitle___V+Rjs",cardDivider:"-esm-admin__facility-info__cardDivider___IZid6",cardContent:"-esm-admin__facility-info__cardContent___dUvGm"};const o=r},7066:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__facility-setup__omrs-main-content___0dBrx{background-color:#fff}.-esm-admin__facility-setup__btnLayer___gBKbT{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}.-esm-admin__facility-setup__tableLayer___FGvin{padding-left:1rem;padding-right:1rem;background:#fff;padding-top:.125rem}.-esm-admin__facility-setup__loading___FkN\\+3{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}","",{version:3,sources:["webpack://./src/components/facility-setup/facility-setup.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,uDACE,qBAAA,CAGF,8CACE,YAAA,CACA,gBCqBW,CDpBX,kBCoBW,CDnBX,mBCmBW,CDlBX,eCkBW,CDjBX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA,CAGF,gDACE,iBCUW,CDTX,kBCSW,CDRX,eAAA,CACA,mBCbW,CDgBb,8CACE,YAAA,CACA,gBCEW,CDDX,kBCCW,CAAA,mBAAA,CDCX,eCDW,CDEX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.omrs-main-content {\n background-color: white;\n}\n\n.btnLayer {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n\n.tableLayer {\n padding-left: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n background: white;\n padding-top: layout.$spacing-01;\n}\n\n.loading {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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={"omrs-main-content":"-esm-admin__facility-setup__omrs-main-content___0dBrx",btnLayer:"-esm-admin__facility-setup__btnLayer___gBKbT",tableLayer:"-esm-admin__facility-setup__tableLayer___FGvin",loading:"-esm-admin__facility-setup__loading___FkN+3"};const o=r},4626:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__header__header___IEIUL{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);height:6rem;display:flex;justify-content:space-between;padding:1rem;background:#fff;border:1px solid #e0e0e0}.-esm-admin__header__svgContainer___Aq5\\+2 svg{width:4rem;height:4rem;margin-right:1.5rem;fill:var(--brand-03)}","",{version:3,sources:["webpack://./src/components/facility-setup/header/header.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,oCC81BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD51BF,WE4DW,CF3DX,YAAA,CACA,6BAAA,CACA,YEsBW,CFrBX,eAAA,CACA,wBAAA,CAEF,+CACE,UE0CW,CFzCX,WEyCW,CFxCX,mBEoBW,CFnBX,oBAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.header {\n @include type.type-style('body-compact-02');\n height: layout.$spacing-12;\n display: flex;\n justify-content: space-between;\n padding: layout.$spacing-05;\n background: white;\n border: 1px solid colors.$gray-20;\n}\n.svgContainer svg {\n width: layout.$spacing-10;\n height: layout.$spacing-10;\n margin-right: layout.$spacing-06;\n fill: var(--brand-03);\n}\n","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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, 2023\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={header:"-esm-admin__header__header___IEIUL",svgContainer:"-esm-admin__header__svgContainer___Aq5+2"};const o=r},4458:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__header__header___uIrzQ{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);height:6rem;display:flex;justify-content:space-between;padding:1rem;background:#fff;border:1px solid #e0e0e0}.-esm-admin__header__svgContainer___nHaJ4 svg{width:4rem;height:4rem;margin-right:1.5rem;fill:var(--brand-03)}","",{version:3,sources:["webpack://./src/components/header/header.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,oCC81BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD51BF,WE4DW,CF3DX,YAAA,CACA,6BAAA,CACA,YEsBW,CFrBX,eAAA,CACA,wBAAA,CAEF,8CACE,UE0CW,CFzCX,WEyCW,CFxCX,mBEoBW,CFnBX,oBAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.header {\n @include type.type-style('body-compact-02');\n height: layout.$spacing-12;\n display: flex;\n justify-content: space-between;\n padding: layout.$spacing-05;\n background: white;\n border: 1px solid colors.$gray-20;\n}\n.svgContainer svg {\n width: layout.$spacing-10;\n height: layout.$spacing-10;\n margin-right: layout.$spacing-06;\n fill: var(--brand-03);\n}\n","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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, 2023\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={header:"-esm-admin__header__header___uIrzQ",svgContainer:"-esm-admin__header__svgContainer___nHaJ4"};const o=r},4776:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__operation-log__logTable___QjWfF{margin:0 auto}.-esm-admin__operation-log__table___MMxRo{border:1px solid #c6c6c6}","",{version:3,sources:["webpack://./src/components/logs-table/operation-log.scss"],names:[],mappings:"AAIA,6CACE,aAAA,CAEF,0CACE,wBAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.logTable {\n margin: 0 auto;\n}\n.table {\n border: 1px solid colors.$gray-30;\n}\n"],sourceRoot:""}]),r.locals={logTable:"-esm-admin__operation-log__logTable___QjWfF",table:"-esm-admin__operation-log__table___MMxRo"};const o=r},8279:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__hwr-confirmation-modal__healthWorkerInfoContainer___l8xow{display:grid;grid-template-columns:.25fr .75fr;margin:.25rem}.-esm-admin__hwr-confirmation-modal__healthWorkerInfoLabel___S\\+Qs-{min-width:5rem;font-weight:bold}.-esm-admin__hwr-confirmation-modal__healthWorkerOverview___6Sgz9{display:flex;margin:1rem}.-esm-admin__hwr-confirmation-modal__healthWorkerPhoto___--9ic{display:flex;align-items:center}","",{version:3,sources:["webpack://./src/components/modal/hwr-confirmation.modal.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,uEACE,YAAA,CACA,iCAAA,CACA,aCSW,CDPb,oEACE,cCmDW,CDlDX,gBAAA,CAEF,kEACE,YAAA,CACA,WCgBW,CDdb,+DACE,YAAA,CACA,kBAAA",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.healthWorkerInfoContainer {\n display: grid;\n grid-template-columns: 0.25fr 0.75fr;\n margin: layout.$spacing-02;\n}\n.healthWorkerInfoLabel {\n min-width: layout.$spacing-11;\n font-weight: bold;\n}\n.healthWorkerOverview {\n display: flex;\n margin: layout.$spacing-05;\n}\n.healthWorkerPhoto {\n display: flex;\n align-items: center;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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={healthWorkerInfoContainer:"-esm-admin__hwr-confirmation-modal__healthWorkerInfoContainer___l8xow",healthWorkerInfoLabel:"-esm-admin__hwr-confirmation-modal__healthWorkerInfoLabel___S+Qs-",healthWorkerOverview:"-esm-admin__hwr-confirmation-modal__healthWorkerOverview___6Sgz9",healthWorkerPhoto:"-esm-admin__hwr-confirmation-modal__healthWorkerPhoto___--9ic"};const o=r},6689:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__hwr-sync-modal__modalContainer___8shjg{display:flex;justify-content:center;gap:1rem;margin-top:.5rem;margin-bottom:4rem;height:auto;align-items:center;width:100%}.-esm-admin__hwr-sync-modal__identifierTypeColumn___8cwEw{margin-top:1rem;margin-bottom:4rem;flex-grow:1;min-width:250px}.-esm-admin__hwr-sync-modal__identifierTypeHeader___sbt8R{color:#525252;display:inline-block;font-size:.75rem;line-height:1rem;margin-bottom:.5rem;vertical-align:baseline}","",{version:3,sources:["webpack://./src/components/modal/hwr-sync.modal.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAIA,oDACE,YAAA,CACA,sBAAA,CACA,QCwBW,CDvBX,gBCaW,CDZX,kBC+CW,CD9CX,WAAA,CACA,kBAAA,CACA,UAAA,CAGF,0DACE,eCeW,CDdX,kBCuCW,CDtCX,WAAA,CACA,eAAA,CAGF,0DACE,aEyBQ,CFxBR,oBAAA,CACA,gBCCW,CAAA,gBAKA,CDJX,mBCNW,CDOX,uBAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.modalContainer {\n display: flex;\n justify-content: center;\n gap: layout.$spacing-05;\n margin-top: layout.$spacing-03;\n margin-bottom: layout.$spacing-10;\n height: auto;\n align-items: center;\n width: 100%;\n}\n\n.identifierTypeColumn {\n margin-top: layout.$spacing-05;\n margin-bottom: layout.$spacing-10;\n flex-grow: 1;\n min-width: 250px;\n}\n\n.identifierTypeHeader {\n color: colors.$gray-70;\n display: inline-block;\n font-size: layout.$spacing-04;\n line-height: layout.$spacing-05;\n margin-bottom: layout.$spacing-03;\n vertical-align: baseline;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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={modalContainer:"-esm-admin__hwr-sync-modal__modalContainer___8shjg",identifierTypeColumn:"-esm-admin__hwr-sync-modal__identifierTypeColumn___8cwEw",identifierTypeHeader:"-esm-admin__hwr-sync-modal__identifierTypeHeader___sbt8R"};const o=r},2255:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__left-panel__leftPanel___8a59U{border-right:1px solid #e0e0e0;padding-top:1rem}.-esm-admin__left-panel__leftPanel___8a59U .cds--side-nav__link{color:#525252;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-admin__left-panel__leftPanel___8a59U .cds--side-nav__link:focus,.-esm-admin__left-panel__leftPanel___8a59U .cds--side-nav__link:hover{background-color:#e8e8e8}.-esm-admin__left-panel__leftPanel___8a59U .cds--side-nav__link.active-left-nav-link{color:#161616;border-left:.25rem solid var(--brand-01);outline:none;padding:0 .75rem;background-color:#e0e0e0}.omrs-breakpoint-gt-tablet .cds--side-nav__link{height:2rem}.omrs-breakpoint-lt-desktop .cds--side-nav__link{height:3rem}","",{version:3,sources:["webpack://./src/components/side-menu/left-panel.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAIA,2CACE,8BAAA,CACA,gBCyBW,CDtBX,gEACE,aEsCM,CCkzBN,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CHr1BA,4IAEE,wBEuJU,CFnJZ,qFACE,aE+BK,CF9BL,wCAAA,CACA,YAAA,CACA,gBAAA,CACA,wBEmBI,CFZR,gDACE,WCSS,CDHX,iDACE,WCYS",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.leftPanel {\n border-right: 1px solid colors.$gray-20;\n padding-top: layout.$spacing-05;\n\n // Left nav menu item\n :global(.cds--side-nav__link) {\n color: colors.$gray-70;\n @include type.type-style('heading-compact-01');\n\n &:focus,\n &:hover {\n background-color: colors.$gray-10-hover;\n }\n\n // Active menu item\n &:global(.active-left-nav-link) {\n color: colors.$gray-100;\n border-left: layout.$spacing-02 solid var(--brand-01);\n outline: none;\n padding: 0 layout.$spacing-04;\n background-color: colors.$gray-20;\n }\n }\n}\n\n/ Desktop /\n:global(.omrs-breakpoint-gt-tablet) {\n :global(.cds--side-nav__link) {\n height: layout.$spacing-07;\n }\n}\n\n/ Tablet /\n:global(.omrs-breakpoint-lt-desktop) {\n :global(.cds--side-nav__link) {\n height: layout.$spacing-09;\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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={leftPanel:"-esm-admin__left-panel__leftPanel___8a59U"};const o=r},3905:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-admin__header__header___n-zWR{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-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem}.-esm-admin__header__leftJustifiedItems___kuHPq{display:flex;flex-direction:row;align-items:center;cursor:pointer;align-items:center}.-esm-admin__header__rightJustifiedItems___yv4lI{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;display:flex;flex-direction:column;justify-content:space-between}.-esm-admin__header__pageName___CMtJ6{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-admin__header__pageLabels___6SwMu{margin:1rem}.-esm-admin__header__pageLabels___6SwMu p:first-of-type{margin-bottom:.25rem}.-esm-admin__header__dateAndLocation___yAUYR{display:flex;justify-content:flex-end;align-items:center}.-esm-admin__header__userContainer___m9D8e{display:flex;justify-content:flex-end;gap:1rem}.-esm-admin__header__value___xYd6X{margin-left:.25rem}.-esm-admin__header__middot___31Exk{margin:0 .5rem}.-esm-admin__header__view___gGZWm{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)}html[dir=rtl] .-esm-admin__header__date-and-location___\\+ISZ6>svg{order:-1}html[dir=rtl] .-esm-admin__header__date-and-location___\\+ISZ6>span:nth-child(2){order:-2}.-esm-admin__header__userIcon___9Xgz4{fill:#161616;margin:.125rem}.-esm-admin__header__svgContainer___ZEU\\+w svg{width:4rem;height:4rem;margin-right:1.5rem;fill:var(--brand-03)}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/components/users/header/header.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCvDF,oCC81BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD51BF,aDDQ,CCER,WE2DW,CF1DX,qBDPM,CCQN,+BAAA,CACA,YAAA,CACA,6BAAA,CACA,YEmBW,CFhBb,gDACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,cAAA,CACA,kBAAA,CAGF,iDC20BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDz0BF,aDpBQ,CCqBR,YAAA,CACA,qBAAA,CACA,6BAAA,CAGF,sCCm0BI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CD/zBJ,wCACE,WELW,CFOX,wDACE,oBEvBS,CF2Bb,6CACE,YAAA,CACA,wBAAA,CACA,kBAAA,CAGF,2CACE,YAAA,CACA,wBAAA,CACA,QErBW,CFwBb,mCACE,kBExCW,CF2Cb,oCACE,cAAA,CAGF,kCCmyBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CD5xBA,kEACE,QAAA,CAEF,gFACE,QAAA,CAKN,sCACE,YD5EM,CC6EN,cEtEW,CFyEb,+CACE,UE7BW,CF8BX,WE9BW,CF+BX,mBEnDW,CFoDX,oBAAA",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 --bottom-nav-height: 4rem;\n --workspace-header-height: 3rem;\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\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/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as ;\n\n.header {\n @include type.type-style('body-compact-02');\n color: $text-02;\n height: layout.$spacing-12;\n background-color: $ui-02;\n border-bottom: 1px solid $ui-03;\n display: flex;\n justify-content: space-between;\n padding: layout.$spacing-05;\n}\n\n.leftJustifiedItems {\n display: flex;\n flex-direction: row;\n align-items: center;\n cursor: pointer;\n align-items: center;\n}\n\n.rightJustifiedItems {\n @include type.type-style('body-compact-02');\n color: $text-02;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.pageName {\n @include type.type-style('heading-04');\n}\n\n.pageLabels {\n margin: layout.$spacing-05;\n\n p:first-of-type {\n margin-bottom: layout.$spacing-02;\n }\n}\n\n.dateAndLocation {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n\n.userContainer {\n display: flex;\n justify-content: flex-end;\n gap: layout.$spacing-05;\n}\n\n.value {\n margin-left: layout.$spacing-02;\n}\n\n.middot {\n margin: 0 layout.$spacing-03;\n}\n\n.view {\n @include type.type-style('label-01');\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n .date-and-location {\n & > svg {\n order: -1;\n }\n & > span:nth-child(2) {\n order: -2;\n }\n }\n}\n\n.userIcon {\n fill: $ui-05;\n margin: layout.$spacing-01;\n}\n\n.svgContainer svg {\n width: layout.$spacing-10;\n height: layout.$spacing-10;\n margin-right: layout.$spacing-06;\n fill: var(--brand-03);\n}\n","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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, 2023\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={header:"-esm-admin__header__header___n-zWR",leftJustifiedItems:"-esm-admin__header__leftJustifiedItems___kuHPq",rightJustifiedItems:"-esm-admin__header__rightJustifiedItems___yv4lI",pageName:"-esm-admin__header__pageName___CMtJ6",pageLabels:"-esm-admin__header__pageLabels___6SwMu",dateAndLocation:"-esm-admin__header__dateAndLocation___yAUYR",userContainer:"-esm-admin__header__userContainer___m9D8e",value:"-esm-admin__header__value___xYd6X",middot:"-esm-admin__header__middot___31Exk",view:"-esm-admin__header__view___gGZWm","date-and-location":"-esm-admin__header__date-and-location___+ISZ6",userIcon:"-esm-admin__header__userIcon___9Xgz4",svgContainer:"-esm-admin__header__svgContainer___ZEU+w"};const o=r},9765:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__user-role-fields__roleStockFields___QRGN7{display:flex;flex-direction:column;gap:1rem;outline:1px solid #f4f4f4;padding:1rem}.-esm-admin__user-role-fields__checkBoxColumn___AqKCb{background-color:#f4f4f4;margin:1rem;padding:.5rem;border-radius:1rem}.-esm-admin__user-role-fields__checkboxLabelSingleLine___cEq-V{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:14px}.-esm-admin__user-role-fields__checkboxGroupGrid___e1jE4{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:.5rem;column-gap:.25rem;font-size:14px}.-esm-admin__user-role-fields__checkboxGroupGrid___e1jE4 .cds--fieldset-legend{font-size:14px}.-esm-admin__user-role-fields__CheckboxGroup___GyAWk .-esm-admin__user-role-fields__bx--fieldset-legend___UGVcE{font-size:14px}.-esm-admin__user-role-fields__btn___a2s\\+W{min-width:50%}.-esm-admin__user-role-fields__checkboxLabelSelected___xDiK6{background-color:#defbe6;border-radius:1rem;padding:.25rem;display:flex;align-items:center;font-size:14px;transition:background-color .3s ease}.-esm-admin__user-role-fields__checkboxLabel___iS8H5{background-color:rgba(0,0,0,0);border-radius:1rem;padding:.25rem;display:flex;align-items:center;transition:background-color .3s ease;font-size:14px}.-esm-admin__user-role-fields__leftContainer___dWm2-{display:flex;flex-direction:column;border-radius:1rem;overflow:hidden}.-esm-admin__user-role-fields__leftLayout___i2uNx{display:flex;flex-direction:row;height:100%}.-esm-admin__user-role-fields__progressIndicator___J2bg\\+{display:flex;flex-direction:column;min-width:200px;padding-top:.5rem;border-right:1px solid #c6c6c6}.-esm-admin__user-role-fields__sections___kBEzm{flex:1;padding:.75rem}@media(max-width: 768px){.-esm-admin__user-role-fields__leftLayout___i2uNx{flex-direction:column}.-esm-admin__user-role-fields__progressIndicator___J2bg\\+{flex-direction:row;border-right:none;border-bottom:1px solid #c6c6c6;min-width:unset;justify-content:space-between;padding:.25rem}.-esm-admin__user-role-fields__sections___kBEzm{padding:.5rem}}.-esm-admin__user-role-fields__multilineCheckboxLabel___yQZBy .-esm-admin__user-role-fields__cds--checkbox-label___z9MBv{display:block;white-space:normal;word-wrap:break-word;line-height:1.4}","",{version:3,sources:["webpack://./src/components/users/manage-users/manage-user-role-scope/user-role-scope-workspace/user-role-fields.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAGA,uDACE,YAAA,CACA,qBAAA,CACA,QCyBW,CDxBX,yBAAA,CACA,YCuBW,CDpBb,sDACE,wBE8BQ,CF7BR,WCkBW,CDjBX,aCOW,CDNX,kBCgBW,CDbb,+DACE,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,oBAAA,CACA,cAAA,CAGF,yDACE,YAAA,CACA,oCAAA,CACA,aCRW,CDSX,iBCdW,CDeX,cAAA,CAEA,+EACE,cAAA,CAIJ,gHACE,cAAA,CAGF,4CACE,aAAA,CAGF,6DACE,wBEKS,CFJT,kBCjBW,CDkBX,cCjCW,CDkCX,YAAA,CACA,kBAAA,CACA,cAAA,CACA,oCAAA,CAGF,qDACE,8BAAA,CACA,kBC3BW,CD4BX,cC3CW,CD4CX,YAAA,CACA,kBAAA,CACA,oCAAA,CACA,cAAA,CAGF,qDACE,YAAA,CACA,qBAAA,CACA,kBCtCW,CDuCX,eAAA,CAGF,kDACE,YAAA,CACA,kBAAA,CACA,WAAA,CAGF,0DACE,YAAA,CACA,qBAAA,CACA,eAAA,CACA,iBC9DW,CD+DX,8BAAA,CAGF,gDACE,MAAA,CACA,cC/DW,CDkEb,yBACE,kDACE,qBAAA,CAGF,0DACE,kBAAA,CACA,iBAAA,CACA,+BAAA,CACA,eAAA,CACA,6BAAA,CACA,cCvFS,CD0FX,gDACE,aCtFS,CAAA,CD0Fb,yHACE,aAAA,CACA,kBAAA,CACA,oBAAA,CACA,eAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/colors';\n\n.roleStockFields {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-05;\n outline: 1px solid colors.$gray-10;\n padding: layout.$spacing-05;\n}\n\n.checkBoxColumn {\n background-color: colors.$gray-10;\n margin: layout.$spacing-05;\n padding: layout.$spacing-03;\n border-radius: layout.$spacing-05;\n}\n\n.checkboxLabelSingleLine {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n font-size: 14px;\n}\n\n.checkboxGroupGrid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n row-gap: layout.$spacing-03;\n column-gap: layout.$spacing-02;\n font-size: 14px;\n\n :global(.cds--fieldset-legend) {\n font-size: 14px;\n }\n}\n\n.CheckboxGroup .bx--fieldset-legend {\n font-size: 14px;\n}\n\n.btn {\n min-width: 50%;\n}\n\n.checkboxLabelSelected {\n background-color: colors.$green-10;\n border-radius: layout.$spacing-05;\n padding: layout.$spacing-02;\n display: flex;\n align-items: center;\n font-size: 14px;\n transition: background-color 0.3s ease;\n}\n\n.checkboxLabel {\n background-color: transparent;\n border-radius: layout.$spacing-05;\n padding: layout.$spacing-02;\n display: flex;\n align-items: center;\n transition: background-color 0.3s ease;\n font-size: 14px;\n}\n\n.leftContainer {\n display: flex;\n flex-direction: column;\n border-radius: layout.$spacing-05;\n overflow: hidden;\n}\n\n.leftLayout {\n display: flex;\n flex-direction: row;\n height: 100%;\n}\n\n.progressIndicator {\n display: flex;\n flex-direction: column;\n min-width: 200px;\n padding-top: layout.$spacing-03;\n border-right: 1px solid colors.$gray-30;\n}\n\n.sections {\n flex: 1;\n padding: layout.$spacing-04;\n}\n\n@media (max-width: 768px) {\n .leftLayout {\n flex-direction: column;\n }\n\n .progressIndicator {\n flex-direction: row;\n border-right: none;\n border-bottom: 1px solid colors.$gray-30;\n min-width: unset;\n justify-content: space-between;\n padding: layout.$spacing-02;\n }\n\n .sections {\n padding: layout.$spacing-03;\n }\n}\n\n.multilineCheckboxLabel .cds--checkbox-label {\n display: block;\n white-space: normal;\n word-wrap: break-word;\n line-height: 1.4;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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={roleStockFields:"-esm-admin__user-role-fields__roleStockFields___QRGN7",checkBoxColumn:"-esm-admin__user-role-fields__checkBoxColumn___AqKCb",checkboxLabelSingleLine:"-esm-admin__user-role-fields__checkboxLabelSingleLine___cEq-V",checkboxGroupGrid:"-esm-admin__user-role-fields__checkboxGroupGrid___e1jE4",CheckboxGroup:"-esm-admin__user-role-fields__CheckboxGroup___GyAWk","bx--fieldset-legend":"-esm-admin__user-role-fields__bx--fieldset-legend___UGVcE",btn:"-esm-admin__user-role-fields__btn___a2s+W",checkboxLabelSelected:"-esm-admin__user-role-fields__checkboxLabelSelected___xDiK6",checkboxLabel:"-esm-admin__user-role-fields__checkboxLabel___iS8H5",leftContainer:"-esm-admin__user-role-fields__leftContainer___dWm2-",leftLayout:"-esm-admin__user-role-fields__leftLayout___i2uNx",progressIndicator:"-esm-admin__user-role-fields__progressIndicator___J2bg+",sections:"-esm-admin__user-role-fields__sections___kBEzm",multilineCheckboxLabel:"-esm-admin__user-role-fields__multilineCheckboxLabel___yQZBy","cds--checkbox-label":"-esm-admin__user-role-fields__cds--checkbox-label___z9MBv"};const o=r},1334:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__manage-user__container___bjLyy{height:calc(100vh - 3rem)}.-esm-admin__manage-user__servicesTableContainer___9gZB-{margin:1rem}.-esm-admin__manage-user__illo___YX59k{margin-top:1rem}.-esm-admin__manage-user__content___\\+nhMN{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);color:#525252;margin-top:1rem}.-esm-admin__manage-user__tile___45XCP{border:1px solid #e0e0e0;padding:1rem 0;text-align:center}.-esm-admin__manage-user__section___sgle\\+{border-right:1px solid #e0e0e0}","",{version:3,sources:["webpack://./src/components/users/manage-users/manage-user.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAIA,4CACE,yBAAA,CAGF,yDACE,WCsBW,CDnBb,uCACE,eCkBW,CDfb,2CEk1BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CFh1BF,aG8BQ,CH7BR,eCYW,CDTb,uCACE,wBAAA,CACA,cAAA,CACA,iBAAA,CAGF,2CACE,8BAAA",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.container {\n height: calc(100vh - 3rem);\n}\n\n.servicesTableContainer {\n margin: layout.$spacing-05;\n}\n\n.illo {\n margin-top: layout.$spacing-05;\n}\n\n.content {\n @include type.type-style('heading-compact-01');\n color: colors.$gray-70;\n margin-top: layout.$spacing-05;\n}\n\n.tile {\n border: 1px solid colors.$gray-20;\n padding: layout.$spacing-05 0;\n text-align: center;\n}\n\n.section {\n border-right: 1px solid colors.$gray-20;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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, 2023\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-admin__manage-user__container___bjLyy",servicesTableContainer:"-esm-admin__manage-user__servicesTableContainer___9gZB-",illo:"-esm-admin__manage-user__illo___YX59k",content:"-esm-admin__manage-user__content___+nhMN",tile:"-esm-admin__manage-user__tile___45XCP",section:"-esm-admin__manage-user__section___sgle+"};const o=r},1181:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-admin__user-detail__patientName___6vZMy{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:#161616;font-weight:800;margin-left:.75rem;margin-right:.125rem}.-esm-admin__user-detail__middot___bTZMX{margin:0 .125rem}.-esm-admin__user-detail__spanField___k1q6Q{margin-left:.75rem;margin-right:.125rem}.-esm-admin__user-detail__gender___GvcoA{display:flex;align-items:center;color:#525252;gap:.125rem;margin-left:.25rem}.-esm-admin__user-detail__statusTag___lOuZR{display:flex;align-items:center;color:#525252;gap:.125rem;margin-left:.25rem}.-esm-admin__user-detail__demographics___W3dk0{display:flex;align-items:center;margin-bottom:.25rem;color:#525252;text-transform:uppercase}.-esm-admin__user-detail__patientBanner___voRgO{display:flex}.-esm-admin__user-detail__patientInfo___mHyGZ{display:flex;flex-direction:column;width:100%}.-esm-admin__user-detail__flexRow___3UlJT{display:flex;flex-flow:row wrap;align-items:center;margin-top:.75rem}.-esm-admin__user-detail__patientAvatar___fFKZO{margin-top:1.5rem}.-esm-admin__user-detail__viewRoles___pOnaM{margin-top:1.5rem}.-esm-admin__user-detail__roleContainer___uHs2i{display:flex;flex-direction:column;gap:.5rem}.-esm-admin__user-detail__roleDescription___s-e6n{margin:0;color:#525252;font-size:.75rem}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/components/users/manage-users/user-details/user-detail.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCtDF,8CC61BI,iDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CD31BF,aE4CS,CF3CT,eAAA,CACA,kBGiBW,CHhBX,oBGCW,CHCb,yCACE,gBAAA,CAEF,4CACE,kBGUW,CHTX,oBGNW,CHSb,yCACE,YAAA,CACA,kBAAA,CACA,aEyBQ,CFxBR,WGbW,CHcX,kBGTW,CHWb,4CACE,YAAA,CACA,kBAAA,CACA,aEkBQ,CFjBR,WGpBW,CHqBX,kBGhBW,CHkBb,+CACE,YAAA,CACA,kBAAA,CACA,oBGrBW,CHsBX,aDjCQ,CCkCR,wBAAA,CAGF,gDACE,YAAA,CAGF,8CACE,YAAA,CACA,qBAAA,CACA,UAAA,CAGF,0CACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,iBG9BW,CHgCb,gDACE,iBGvBW,CHyBb,4CACE,iBG1BW,CH4Bb,gDACE,YAAA,CACA,qBAAA,CACA,SAAA,CAGF,kDACE,QAAA,CACA,aExBQ,CFyBR,gBAAA",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 --bottom-nav-height: 4rem;\n --workspace-header-height: 3rem;\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\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/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n@use '@openmrs/esm-styleguide/src/vars' as ;\n\n.patientName {\n @include type.type-style('label-02');\n color: colors.$gray-100;\n font-weight: 800;\n margin-left: layout.$spacing-04;\n margin-right: layout.$spacing-01;\n}\n.middot {\n margin: 0 layout.$spacing-01;\n}\n.spanField {\n margin-left: layout.$spacing-04;\n margin-right: layout.$spacing-01;\n}\n\n.gender {\n display: flex;\n align-items: center;\n color: colors.$gray-70;\n gap: layout.$spacing-01;\n margin-left: layout.$spacing-02;\n}\n.statusTag {\n display: flex;\n align-items: center;\n color: colors.$gray-70;\n gap: layout.$spacing-01;\n margin-left: layout.$spacing-02;\n}\n.demographics {\n display: flex;\n align-items: center;\n margin-bottom: layout.$spacing-02;\n color: $text-02;\n text-transform: uppercase;\n}\n\n.patientBanner {\n display: flex;\n}\n\n.patientInfo {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.flexRow {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n margin-top: layout.$spacing-04;\n}\n.patientAvatar {\n margin-top: layout.$spacing-06;\n}\n.viewRoles {\n margin-top: layout.$spacing-06;\n}\n.roleContainer {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.roleDescription {\n margin: 0;\n color: colors.$gray-70;\n font-size: type.type-scale(1);\n}\n","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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, 2023\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, 2023\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={patientName:"-esm-admin__user-detail__patientName___6vZMy",middot:"-esm-admin__user-detail__middot___bTZMX",spanField:"-esm-admin__user-detail__spanField___k1q6Q",gender:"-esm-admin__user-detail__gender___GvcoA",statusTag:"-esm-admin__user-detail__statusTag___lOuZR",demographics:"-esm-admin__user-detail__demographics___W3dk0",patientBanner:"-esm-admin__user-detail__patientBanner___voRgO",patientInfo:"-esm-admin__user-detail__patientInfo___mHyGZ",flexRow:"-esm-admin__user-detail__flexRow___3UlJT",patientAvatar:"-esm-admin__user-detail__patientAvatar___fFKZO",viewRoles:"-esm-admin__user-detail__viewRoles___pOnaM",roleContainer:"-esm-admin__user-detail__roleContainer___uHs2i",roleDescription:"-esm-admin__user-detail__roleDescription___s-e6n"};const o=r},9544:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__user-list__buttonContainer___8\\+uWR{display:flex;justify-content:flex-end;align-items:center;gap:.25rem;margin-bottom:1rem}.-esm-admin__user-list__buttonContainer___8\\+uWR .-esm-admin__user-list__filterByText___o1WGV{margin:0;display:flex;align-items:center;padding-right:.5rem}.-esm-admin__user-list__dropDownFilter___2BeyU{margin-right:.5rem;min-width:205px;text-align:start}.-esm-admin__user-list__widgetCard___vPGK4{background-color:#fff}.-esm-admin__user-list__Container___KGUxf{margin:1rem}.-esm-admin__user-list__providerContainer___1d\\+Vc{background-color:#fff;border:1px solid #e0e0e0;border-bottom:none;width:100%;margin:0 auto}","",{version:3,sources:["webpack://./src/components/users/manage-users/user-list/user-list.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,iDACE,YAAA,CACA,wBAAA,CACA,kBAAA,CACA,UCQW,CDPX,kBCsBW,CDpBX,8FACE,QAAA,CACA,YAAA,CACA,kBAAA,CACA,mBCMS,CDHb,+CACE,kBCEW,CDDX,eAAA,CACA,gBAAA,CAGF,2CACE,qBAAA,CAEF,0CACE,WCGW,CDDb,mDACE,qBAAA,CACA,wBAAA,CACA,kBAAA,CACA,UAAA,CACA,aAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/colors';\n@use '@carbon/type';\n\n.buttonContainer {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: layout.$spacing-02;\n margin-bottom: layout.$spacing-05;\n\n .filterByText {\n margin: 0;\n display: flex;\n align-items: center;\n padding-right: layout.$spacing-03;\n }\n}\n.dropDownFilter {\n margin-right: layout.$spacing-03;\n min-width: 205px;\n text-align: start;\n}\n\n.widgetCard {\n background-color: white;\n}\n.Container {\n margin: layout.$spacing-05;\n}\n.providerContainer {\n background-color: white;\n border: 1px solid colors.$gray-20;\n border-bottom: none;\n width: 100%;\n margin: 0 auto;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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={buttonContainer:"-esm-admin__user-list__buttonContainer___8+uWR",filterByText:"-esm-admin__user-list__filterByText___o1WGV",dropDownFilter:"-esm-admin__user-list__dropDownFilter___2BeyU",widgetCard:"-esm-admin__user-list__widgetCard___vPGK4",Container:"-esm-admin__user-list__Container___KGUxf",providerContainer:"-esm-admin__user-list__providerContainer___1d+Vc"};const o=r},1273:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,'.-esm-admin__user-management-workspace__form___J-YXE{display:flex;flex-direction:column;justify-content:space-between;height:100%}.-esm-admin__user-management-workspace__formContainer___Hdg7U{margin-right:1rem;margin-left:0;margin-top:1rem;margin-bottom:1rem}.-esm-admin__user-management-workspace__tablet___RPMV2{padding:1.5rem 1rem;background-color:#fff}.-esm-admin__user-management-workspace__desktop___67qHp{padding:0;width:100%}.-esm-admin__user-management-workspace__formStackControl___gS5TL{row-gap:1rem}.-esm-admin__user-management-workspace__checkBoxColumn___hu1tV{background-color:#f4f4f4;margin:1rem;padding:.5rem;border-radius:1rem}.-esm-admin__user-management-workspace__checkboxLabelSingleLine___tQo08{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:14px}.-esm-admin__user-management-workspace__checkboxGroupGrid___fVtjF{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:.5rem;column-gap:.25rem;font-size:14px}.-esm-admin__user-management-workspace__checkboxGroupGrid___fVtjF .cds--fieldset-legend{font-size:14px}.-esm-admin__user-management-workspace__CheckboxGroup___A3Jch .-esm-admin__user-management-workspace__bx--fieldset-legend___LLcQy{font-size:14px}.-esm-admin__user-management-workspace__btn___y\\+xMM{min-width:50%}.-esm-admin__user-management-workspace__checkboxLabelSelected___PK0zA{background-color:#defbe6;border-radius:1rem;padding:.25rem;display:flex;align-items:center;font-size:14px;transition:background-color .3s ease}.-esm-admin__user-management-workspace__checkboxLabel___-uUw8{background-color:rgba(0,0,0,0);border-radius:1rem;padding:.25rem;display:flex;align-items:center;transition:background-color .3s ease;font-size:14px}.-esm-admin__user-management-workspace__leftContainer___mB-D1{display:flex;flex-direction:column;border-radius:1rem;overflow:hidden}.-esm-admin__user-management-workspace__leftLayout___WEH2F{display:flex;flex-direction:row;height:100%}.-esm-admin__user-management-workspace__progressIndicator___CiTVJ{display:flex;flex-direction:column;min-width:200px;padding-top:.5rem;border-right:1px solid #c6c6c6}.-esm-admin__user-management-workspace__sections___iy6-A{flex:1;padding:.75rem}@media(max-width: 768px){.-esm-admin__user-management-workspace__leftLayout___WEH2F{flex-direction:column}.-esm-admin__user-management-workspace__progressIndicator___CiTVJ{flex-direction:row;border-right:none;border-bottom:1px solid #c6c6c6;min-width:unset;justify-content:space-between;padding:.25rem}.-esm-admin__user-management-workspace__sections___iy6-A{padding:.5rem}}.-esm-admin__user-management-workspace__multilineCheckboxLabel___HihKp .-esm-admin__user-management-workspace__cds--checkbox-label___AaXeO{display:block;white-space:normal;word-wrap:break-word;line-height:1.4}.-esm-admin__user-management-workspace__formHeaderSection___Fmuy9{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);display:flex;align-items:center;justify-content:space-between;row-gap:1.5rem;position:relative}.-esm-admin__user-management-workspace__formHeaderSection___Fmuy9::after{content:"";display:block;width:2rem;border-bottom:.375rem solid var(--brand-03);position:absolute;bottom:-0.75rem;left:0}.-esm-admin__user-management-workspace__formHeaderSection___Fmuy9>span{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-admin__user-management-workspace__formIdentifierType___-kth7{color:#525252;display:inline-block;font-size:.75rem;line-height:1rem;line-height:1rem;margin-bottom:.5rem;vertical-align:baseline}.-esm-admin__user-management-workspace__formRow___eptg0{display:flex;align-items:center}.-esm-admin__user-management-workspace__roleStockFields___61HJJ{display:flex;flex-direction:column;gap:1rem;outline:1px solid #f4f4f4;padding:1rem}',"",{version:3,sources:["webpack://./src/components/users/manage-users/user-management.workspace.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_layout.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAIA,qDACE,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,WAAA,CAGF,8DACE,iBCmBW,CDlBX,aAAA,CACA,eCiBW,CDhBX,kBCgBW,CDbb,uDACE,mBAAA,CACA,qBEXM,CFcR,wDACE,SAAA,CACA,UAAA,CAGF,iEACE,YGlBU,CHqBZ,+DACE,wBESQ,CFRR,WCHW,CDIX,aCdW,CDeX,kBCLW,CDQb,wEACE,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,oBAAA,CACA,cAAA,CAGF,kEACE,YAAA,CACA,oCAAA,CACA,aC7BW,CD8BX,iBCnCW,CDoCX,cAAA,CAEA,wFACE,cAAA,CAIJ,kIACE,cAAA,CAGF,qDACE,aAAA,CAGF,sEACE,wBEhBS,CFiBT,kBCtCW,CDuCX,cCtDW,CDuDX,YAAA,CACA,kBAAA,CACA,cAAA,CACA,oCAAA,CAGF,8DACE,8BAAA,CACA,kBChDW,CDiDX,cChEW,CDiEX,YAAA,CACA,kBAAA,CACA,oCAAA,CACA,cAAA,CAGF,8DACE,YAAA,CACA,qBAAA,CACA,kBC3DW,CD4DX,eAAA,CAGF,2DACE,YAAA,CACA,kBAAA,CACA,WAAA,CAGF,kEACE,YAAA,CACA,qBAAA,CACA,eAAA,CACA,iBCnFW,CDoFX,8BAAA,CAGF,yDACE,MAAA,CACA,cCpFW,CDuFb,yBACE,2DACE,qBAAA,CAGF,kEACE,kBAAA,CACA,iBAAA,CACA,+BAAA,CACA,eAAA,CACA,6BAAA,CACA,cC5GS,CD+GX,yDACE,aC3GS,CAAA,CD+Gb,2IACE,aAAA,CACA,kBAAA,CACA,oBAAA,CACA,eAAA,CAGF,kEIutBI,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CJrtBF,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,cC5GW,CD6GX,iBAAA,CAEA,yEACE,UAAA,CACA,aAAA,CACA,UC7GS,CD8GT,2CAAA,CACA,iBAAA,CACA,eAAA,CACA,MAAA,CAGF,uEIqsBE,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CJjsBJ,mEACE,aElHQ,CFmHR,oBAAA,CACA,gBC1IW,CD2IX,gBCtIW,CDuIX,gBCvIW,CDwIX,mBClJW,CDmJX,uBAAA,CAEF,wDACE,YAAA,CACA,kBAAA,CAEF,gEACE,YAAA,CACA,qBAAA,CACA,QClJW,CDmJX,yBAAA,CACA,YCpJW",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.form {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n}\n\n.formContainer {\n margin-right: layout.$spacing-05;\n margin-left: 0;\n margin-top: layout.$spacing-05;\n margin-bottom: layout.$spacing-05;\n}\n\n.tablet {\n padding: layout.$spacing-06 layout.$spacing-05;\n background-color: colors.$white;\n}\n\n.desktop {\n padding: 0;\n width: 100%;\n}\n\n.formStackControl {\n row-gap: layout.$layout-01;\n}\n\n.checkBoxColumn {\n background-color: colors.$gray-10;\n margin: layout.$spacing-05;\n padding: layout.$spacing-03;\n border-radius: layout.$spacing-05;\n}\n\n.checkboxLabelSingleLine {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n font-size: 14px;\n}\n\n.checkboxGroupGrid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n row-gap: layout.$spacing-03;\n column-gap: layout.$spacing-02;\n font-size: 14px;\n\n :global(.cds--fieldset-legend) {\n font-size: 14px;\n }\n}\n\n.CheckboxGroup .bx--fieldset-legend {\n font-size: 14px;\n}\n\n.btn {\n min-width: 50%;\n}\n\n.checkboxLabelSelected {\n background-color: colors.$green-10;\n border-radius: layout.$spacing-05;\n padding: layout.$spacing-02;\n display: flex;\n align-items: center;\n font-size: 14px;\n transition: background-color 0.3s ease;\n}\n\n.checkboxLabel {\n background-color: transparent;\n border-radius: layout.$spacing-05;\n padding: layout.$spacing-02;\n display: flex;\n align-items: center;\n transition: background-color 0.3s ease;\n font-size: 14px;\n}\n\n.leftContainer {\n display: flex;\n flex-direction: column;\n border-radius: layout.$spacing-05;\n overflow: hidden;\n}\n\n.leftLayout {\n display: flex;\n flex-direction: row;\n height: 100%;\n}\n\n.progressIndicator {\n display: flex;\n flex-direction: column;\n min-width: 200px;\n padding-top: layout.$spacing-03;\n border-right: 1px solid colors.$gray-30;\n}\n\n.sections {\n flex: 1;\n padding: layout.$spacing-04;\n}\n\n@media (max-width: 768px) {\n .leftLayout {\n flex-direction: column;\n }\n\n .progressIndicator {\n flex-direction: row;\n border-right: none;\n border-bottom: 1px solid colors.$gray-30;\n min-width: unset;\n justify-content: space-between;\n padding: layout.$spacing-02;\n }\n\n .sections {\n padding: layout.$spacing-03;\n }\n}\n\n.multilineCheckboxLabel .cds--checkbox-label {\n display: block;\n white-space: normal;\n word-wrap: break-word;\n line-height: 1.4;\n}\n\n.formHeaderSection {\n @include type.type-style('heading-02');\n display: flex;\n align-items: center;\n justify-content: space-between;\n row-gap: layout.$spacing-06;\n position: relative;\n\n &::after {\n content: '';\n display: block;\n width: layout.$spacing-07;\n border-bottom: 0.375rem solid var(--brand-03);\n position: absolute;\n bottom: -0.75rem;\n left: 0;\n }\n\n & > span {\n @include type.type-style('body-01');\n }\n}\n.formIdentifierType {\n color: colors.$gray-70;\n display: inline-block;\n font-size: layout.$spacing-04;\n line-height: layout.$spacing-05;\n line-height: layout.$spacing-05;\n margin-bottom: layout.$spacing-03;\n vertical-align: baseline;\n}\n.formRow {\n display: flex;\n align-items: center;\n}\n.roleStockFields {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-05;\n outline: 1px solid colors.$gray-10;\n padding: layout.$spacing-05;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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, 2023\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$layout-01: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-02: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-03: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-04: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-05: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-06: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-07: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$layout: (\n layout-01: $layout-01,\n layout-02: $layout-02,\n layout-03: $layout-03,\n layout-04: $layout-04,\n layout-05: $layout-05,\n layout-06: $layout-06,\n layout-07: $layout-07,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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={form:"-esm-admin__user-management-workspace__form___J-YXE",formContainer:"-esm-admin__user-management-workspace__formContainer___Hdg7U",tablet:"-esm-admin__user-management-workspace__tablet___RPMV2",desktop:"-esm-admin__user-management-workspace__desktop___67qHp",formStackControl:"-esm-admin__user-management-workspace__formStackControl___gS5TL",checkBoxColumn:"-esm-admin__user-management-workspace__checkBoxColumn___hu1tV",checkboxLabelSingleLine:"-esm-admin__user-management-workspace__checkboxLabelSingleLine___tQo08",checkboxGroupGrid:"-esm-admin__user-management-workspace__checkboxGroupGrid___fVtjF",CheckboxGroup:"-esm-admin__user-management-workspace__CheckboxGroup___A3Jch","bx--fieldset-legend":"-esm-admin__user-management-workspace__bx--fieldset-legend___LLcQy",btn:"-esm-admin__user-management-workspace__btn___y+xMM",checkboxLabelSelected:"-esm-admin__user-management-workspace__checkboxLabelSelected___PK0zA",checkboxLabel:"-esm-admin__user-management-workspace__checkboxLabel___-uUw8",leftContainer:"-esm-admin__user-management-workspace__leftContainer___mB-D1",leftLayout:"-esm-admin__user-management-workspace__leftLayout___WEH2F",progressIndicator:"-esm-admin__user-management-workspace__progressIndicator___CiTVJ",sections:"-esm-admin__user-management-workspace__sections___iy6-A",multilineCheckboxLabel:"-esm-admin__user-management-workspace__multilineCheckboxLabel___HihKp","cds--checkbox-label":"-esm-admin__user-management-workspace__cds--checkbox-label___AaXeO",formHeaderSection:"-esm-admin__user-management-workspace__formHeaderSection___Fmuy9",formIdentifierType:"-esm-admin__user-management-workspace__formIdentifierType___-kth7",formRow:"-esm-admin__user-management-workspace__formRow___eptg0",roleStockFields:"-esm-admin__user-management-workspace__roleStockFields___61HJJ"};const o=r},3734:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__root__container___Q6d43{background-color:#fff;height:calc(100vh - 3rem)}.omrs-breakpoint-gt-tablet .-esm-admin__root__container___Q6d43{margin-left:var(--omrs-sidenav-width)}","",{version:3,sources:["webpack://./src/root.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAIA,qCACE,qBCqHQ,CDpHR,yBAAA,CAGF,gEACE,qCAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.container {\n background-color: colors.$white-0;\n height: calc(100vh - layout.$spacing-09);\n}\n\n:global(.omrs-breakpoint-gt-tablet) .container {\n margin-left: var(--omrs-sidenav-width);\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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-admin__root__container___Q6d43"};const o=r},8750:(e,n,a)=>{"use strict";a.r(n),a.d(n,{etlAdministrationLeftPannelLink:()=>Xa,facilitySetupLeftPanelLink:()=>Ya,hwrConfirmationModal:()=>Ja,hwrEmptyModal:()=>Qa,hwrSyncModal:()=>Va,importTranslation:()=>Pa,manageUserWorkspace:()=>qa,operationConfirmationModal:()=>ja,root:()=>Ra,startupApp:()=>Ua,userManagementLeftPannelLink:()=>Ha,userRoleScopeWorkspace:()=>Ga});var t=a(1083),i={providerNationalIdUuid:{_type:t.Type.String,_description:"UUID for provider national id",_default:"3d152c97-2293-4a2b-802e-e0f1009b7b15"},passportNumberUuid:{_type:t.Type.String,_description:"UUID for passport number identification for provider",_default:"5b4b88e8-9db3-41e6-a175-5e39f2c8a9a5"},providerHieFhirReference:{_type:t.Type.String,_description:"UUID for provider hie fhir reference",_default:"67b94e8e-4d61-4810-b0f1-d86497f6e553"},qualificationUuid:{_type:t.Type.String,_description:"UUID for provider hie qualification",_default:"43f99413-6e7f-4812-bc60-066bb1d43f94"},licenseBodyUuid:{_type:t.Type.String,_description:"UUID for license body",_default:"ba18bb97-d17c-4640-80d2-58e7df90ca4c"},licenseNumberUuid:{_type:t.Type.String,_description:"UUID for license number",_default:"bcaaa67b-cc72-4662-90c2-e1e992ceda66"},licenseExpiryDateUuid:{_type:t.Type.String,_description:"UUID for license expiry date",_default:"00539959-a1c7-4848-a5ed-8941e9d5e835"},phoneNumberUuid:{_type:t.Type.String,_description:"UUID for provider phone number",_default:"37daed7f-1f4e-4e62-8e83-6048ade18a87"},providerAddressUuid:{_type:t.Type.String,_description:"UUID for provider address",_default:"033ff604-ecf7-464f-b623-5b77c733667f"},personEmailAttributeUuid:{_type:t.Type.String,_description:"UUID for person email attribute",_default:"b8d0b331-1d2d-4a9a-b741-1816f498bdb6"},personPhonenumberAttributeUuid:{_type:t.Type.String,_description:"UUID for person phone number attribute",_default:"b2c38640-2603-4629-aebd-3b54f33f1e3a"},identifierTypes:{_type:t.Type.Array,_elements:{_type:t.Type.Object,properties:{key:{_type:t.Type.String},name:{_type:t.Type.String}}},_default:[{key:"National ID",name:"National ID"},{key:"registration_number",name:"Registration Number"},{key:"Passport",name:"Passport Number"}],_description:"List of identifier types with unique keys for each."}},l="@kenyaemr/esm-admin-app",r=("".concat(window.spaBase),function(){var e=new Date;return new Date(e.getFullYear(),e.getMonth(),e.getDate())}),o="DD/MM/YYYY",s=function(e){return e?new Date(e):""},c="NO_API_CREDENNTIALS",u="RESOURCE_NOT_FOUND",d="UNKNOWN",f="Core Inventory Roles",p=a(380),g=a.n(p),y=a(3150),h=a(5198);var b=a(8877),m=a(2591),$=a.n(m),v=a(1740),w=a.n(v),A=a(8128),_=a.n(A),k=a(855),x=a.n(k),C=a(3051),z=a.n(C),E=a(3656),M=a.n(E),N=a(3734),T={};T.styleTagTransform=M(),T.setAttributes=x(),T.insert=_().bind(null,"head"),T.domAPI=w(),T.insertStyleElement=z(),$()(N.A,T);const B=N.A&&N.A.locals?N.A.locals:void 0;var S=a(2255),I={};I.styleTagTransform=M(),I.setAttributes=x(),I.insert=_().bind(null,"head"),I.domAPI=w(),I.insertStyleElement=z(),$()(S.A,I);const D=S.A&&S.A.locals?S.A.locals:void 0;(0,t.attach)("nav-menu-slot","admin-left-panel");const L=function(){var e=(0,y.useTranslation)().t,n=(0,t.useLayoutType)();return(0,t.isDesktop)(n)&&g().createElement(h.SideNav,{"aria-label":e("adminLeftPannel","Admin left panel"),className:D.leftPanel,expanded:!0},g().createElement(t.ExtensionSlot,{name:"admin-left-panel-slot"}))};var O=a(1334),F={};F.styleTagTransform=M(),F.setAttributes=x(),F.insert=_().bind(null,"head"),F.domAPI=w(),F.insertStyleElement=z(),$()(O.A,F);const W=O.A&&O.A.locals?O.A.locals:void 0;var P=a(2326),R=a(3503),U=a(8931),j=a(3464),q=a.n(j),G=a(3945),H={};H.styleTagTransform=M(),H.setAttributes=x(),H.insert=_().bind(null,"head"),H.domAPI=w(),H.insertStyleElement=z(),$()(G.A,H);const X=G.A&&G.A.locals?G.A.locals:void 0,Y=function(e){var n=e.subTitle;return g().createElement("div",{className:X.emptyStateContainer},g().createElement(R.K0,null),g().createElement("p",{className:X.subTitle},n))};var J=a(8010),Q=a.n(J);function V(){var e,n,a=Q()("/ws/rest/v1/systemsetting?q=kenyaemr.userRole.config&v=custom:(uuid,value,property)",t.openmrsFetch,{revalidateOnFocus:!1,revalidateOnReconnect:!1}),i=a.data,l=a.error,r=a.isLoading,o=a.mutate,s=null==i\|\|null===(n=i.data)\|\|void 0===n\|\|null===(e=n.results)\|\|void 0===e?void 0:e.find((function(e){return"kenyaemr.userRole.config"===e.property})),c=[];if(null==s?void 0:s.value)try{c=JSON.parse(s.value)}catch(e){console.error("Error parsing roles configuration:",e)}return{rolesConfig:c,isLoading:r,mutate:o,error:l}}var K=a(1123),Z=function(){var e,n=encodeURIComponent("custom:(uuid,display,username,systemId,person:(uuid,display,gender),roles:(uuid,display,description))"),a="".concat(t.restBaseUrl,"/user?v=").concat(n),i=(0,K.Ay)(a,t.openmrsFetch),l=i.data,r=i.isLoading,o=i.error,s=i.mutate;return{users:(null==l\|\|null===(e=l.data)\|\|void 0===e?void 0:e.results)\|\|[],isLoading:r,mutate:s,error:o}},ee=a(9544),ne={};ne.styleTagTransform=M(),ne.setAttributes=x(),ne.insert=_().bind(null,"head"),ne.domAPI=w(),ne.insertStyleElement=z(),$()(ee.A,ne);const ae=ee.A&&ee.A.locals?ee.A.locals:void 0;var te=function(e){if(!e)return"--";var n=q()(e);return n.isValid()?n.format("DD-MMM-YYYY, hh:mm A"):"--"},ie=a(1181),le={};le.styleTagTransform=M(),le.setAttributes=x(),le.insert=_().bind(null,"head"),le.domAPI=w(),le.insertStyleElement=z(),$()(ie.A,le);const re=ie.A&&ie.A.locals?ie.A.locals:void 0;var oe=a(3373),se=a.n(oe),ce=a(6005),ue=a.n(ce);function de(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}const fe=function(e){var n,a,i,l,r,o=e.provider,s=e.user,c=(0,y.useTranslation)().t,u=(0,p.useRef)(null),d=Object.entries({licenseAttr:"Practising License Number",nationalID:"Provider National Id Number",dateAttr:"License Expiry Date",phoneNumber:"Provider Telephone",qualification:"Provider Qualification",registrationNumber:"License Body",emailAddress:"Provider Address",passportNumber:"Provider passport number"}).reduce((function(e,n){var a,t,i,l=(i=2,function(e){if(Array.isArray(e))return e}(t=n)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(t,i)\|\|function(e,n){if(e){if("string"==typeof e)return de(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?de(e,n):void 0}}(t,i)\|\|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=l[0],s=l[1],c=null==o\|\|null===(a=o.attributes)\|\|void 0===a?void 0:a.find((function(e){return e.attributeType.display===s}));return c&&(e[r]={value:c.value}),e}),{}),f=d.licenseAttr,b=d.nationalID,m=d.dateAttr,$=d.phoneNumber,v=d.qualification,w=d.registrationNumber,A=d.emailAddress,_=d.passportNumber,k=(null==m?void 0:m.value)?q()(m.value).format("YYYY-MM-DD"):null,x=q()(),C=(null==m?void 0:m.value)?q()(m.value):null,z=C?C.diff(x,"day"):null;return g().createElement("div",{className:re.providerDetailsContainer},g().createElement("header",{"aria-label":"patient banner",role:"banner",ref:u},g().createElement("div",{className:re.patientBanner},g().createElement("div",{className:re.patientAvatar,role:"img"},g().createElement(t.PatientPhoto,{patientUuid:null==o?void 0:o.uuid,patientName:null==o\|\|null===(n=o.person)\|\|void 0===n?void 0:n.display})),g().createElement("div",{className:re.patientInfo},g().createElement("div",{className:se()(re.row,re.patientNameRow)},g().createElement("div",{className:re.flexRow},g().createElement("span",{className:re.patientName},null==o\|\|null===(a=o.person)\|\|void 0===a?void 0:a.display," ")," ·",g().createElement("span",{className:re.gender},"M"===(null==o\|\|null===(i=o.person)\|\|void 0===i?void 0:i.gender)?"Male":"F"===(null==o\|\|null===(l=o.person)\|\|void 0===l?void 0:l.gender)?"Female":""," ","·"," "),g().createElement("span",{className:re.statusTag},(null==f?void 0:f.value)?z<0?g().createElement(h.Tag,{type:"red"},c("licenseExpired","License has expired")):z<=3?g().createElement(g().Fragment,null,g().createElement(h.Tag,{type:"cyan"},c("licenseExpiringSoon","License is expiring soon"))):g().createElement(h.Tag,{type:"green"},c("active","Active")):g().createElement(h.Tag,{type:"red"},c("unlicensed","Unlicensed"))),g().createElement("span",{className:re.statusTag},(null==v?void 0:v.value)&&g().createElement(h.Tag,{type:"cyan"},ue()(null==v?void 0:v.value))))),g().createElement("div",{className:se()(re.row,re.patientNameRow)},g().createElement("div",{className:re.flexRow},g().createElement("span",{className:re.spanField},c("phoneNumber","Phone number"),": ",(null==$?void 0:$.value)?$.value:"--"),g().createElement("span",{className:re.middot},"· "),g().createElement("span",{className:re.spanField},c("emailAddress","Email address"),": ",(null==A?void 0:A.value)?A.value:"--"))),g().createElement("div",{className:se()(re.row,re.patientNameRow)},g().createElement("div",{className:re.flexRow},g().createElement("span",{className:re.spanField},c("nationalId","National ID"),": ",(null==b?void 0:b.value)?b.value:"--"),g().createElement("span",{className:re.middot},"· "),g().createElement("span",{className:re.spanField},c("licenseNumber","License number"),": ",(null==f?void 0:f.value)?f.value:"--"),g().createElement("span",{className:re.middot},"· "),g().createElement("span",{className:re.spanField},c("registrationNumber","Registration number"),":"," ",(null==w?void 0:w.value)?w.value:"--"),g().createElement("span",{className:re.spanField},c("passportNumber","Passport number"),": ",(null==_?void 0:_.value)?_.value:"--"),g().createElement("span",{className:re.spanField},c("licenseExpiryDate","License expiry date"),": ",k\|\|"--")),g().createElement("div",{className:se()(re.row,re.patientNameRow,re.viewRoles)},g().createElement(h.Accordion,null,g().createElement(h.AccordionItem,{title:c("viewRoles","View roles")},null==s\|\|null===(r=s.roles)\|\|void 0===r?void 0:r.map((function(e,n){return g().createElement(h.ContainedListItem,{key:n},g().createElement("div",{className:re.roleContainer},g().createElement("strong",null,e.display),g().createElement("p",{className:re.roleDescription},e.description\|\|c("noDescriptionAvailable","No description available"))))})))))),g().createElement("br",null)))))};function pe(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function ge(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function ye(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){ge(e,n,a[n])}))}return e}function he(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(e,n)\|\|function(e,n){if(e){if("string"==typeof e)return pe(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?pe(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 be=function(){var e=(0,y.useTranslation)().t,n=(0,t.useLayoutType)(),a=(0,t.isDesktop)(n)?"sm":"lg",i=Z(),l=i.users,r=i.isLoading,o=i.error,s=function(){var e,n=encodeURIComponent("custom:(uuid,display,person:(uuid,display,gender),identifier,attributes:(uuid,display,attributeType:(uuid,display),value:(uuid,display))"),a="".concat(t.restBaseUrl,"/provider?v=").concat(n),i=(0,K.Ay)(a,t.openmrsFetch),l=i.data,r=i.error,o=i.isLoading;return{provider:(null==l\|\|null===(e=l.data)\|\|void 0===e?void 0:e.results)\|\|[],error:r,isLoading:o}}(),c=s.provider,u=s.isLoading,d=s.error,b=he((0,p.useState)(!1),2),m=b[0],$=b[1],v=(0,t.useConfig)(),w=v.licenseNumberUuid,A=v.licenseExpiryDateUuid,_=v.providerNationalIdUuid,k=v.licenseBodyUuid,x=v.passportNumberUuid,C=he((0,p.useState)(10),2),z=C[0],E=C[1],M=he((0,p.useState)(""),2),N=M[0],T=M[1],B=he((0,p.useState)("allUsers"),2),S=B[0],I=B[1],D=V(),L=D.rolesConfig,O=D.error,F=function(e){var n;return(null===(n=e.find((function(e){return e.category===f})))\|\|void 0===n?void 0:n.roles)\|\|[]}(L),W=(0,p.useCallback)((function(e){var n=e.attributes.find((function(e){return e.attributeType.uuid===w})),a=e.attributes.find((function(e){return e.attributeType.uuid===A})),t=a?q()(a.value):null;return n&&t&&t.isAfter(q()())}),[w,A]),j=(0,p.useCallback)((function(e){var n=e.attributes.find((function(e){return e.attributeType.uuid===A})),a=n?q()(n.value):null;return a&&a.isBefore(q()())}),[A]),G=(0,p.useCallback)((function(e){var n=e.attributes.find((function(e){return e.attributeType.uuid===A})),a=n?q()(n.value):null,t=q()();return a&&a.isAfter(t)&&a.diff(t,"day")>0&&a.diff(t,"day")<=3}),[A]),H=(0,p.useCallback)((function(e){var n=e.attributes.find((function(e){return e.attributeType.uuid===_})),a=e.attributes.find((function(e){return e.attributeType.uuid===w}));return!n&&!a}),[_,w]),X=(0,p.useCallback)((function(e){$(!0),(0,t.showModal)("hwr-syncing-modal",{provider:e}),$(!1)}),[]),J=(0,p.useMemo)((function(){var e=l;switch(N&&(e=e.filter((function(e){return e.person.display.toLowerCase().includes(N.toLowerCase())}))),S){case"activeLicensed":e=e.filter((function(e){var n=c.find((function(n){var a;return(null===(a=n.person)\|\|void 0===a?void 0:a.uuid)===e.person.uuid}));return n&&W(n)}));break;case"expiredLicensed":e=e.filter((function(e){var n=c.find((function(n){var a;return(null===(a=n.person)\|\|void 0===a?void 0:a.uuid)===e.person.uuid}));return n&&j(n)}));break;case"licensedExpiringSoon":e=e.filter((function(e){var n=c.find((function(n){var a;return(null===(a=n.person)\|\|void 0===a?void 0:a.uuid)===e.person.uuid}));return n&&G(n)}));break;case"unlicensed":e=e.filter((function(e){var n=c.find((function(n){var a;return(null===(a=n.person)\|\|void 0===a?void 0:a.uuid)===e.person.uuid}));return n&&H(n)}))}return e}),[l,N,S,c,W,j,G,H]),Q=(0,t.usePagination)(J,z),ee=Q.paginated,ne=Q.goTo,ie=Q.results,le=Q.currentPage,re=(0,R.WK)(z,J.length,le,null==ie?void 0:ie.length).pageSizes;if(r\|\|u)return g().createElement("div",{className:ae.Container},g().createElement(h.DataTableSkeleton,null));if(O\|\|o\|\|d)return g().createElement(t.ErrorState,{error:O\|\|o,headerTitle:e("usersManagement","Users management")});if(0===l.length)return g().createElement(Y,{subTitle:e("noUsersAvailable","No users available")});var oe,se=[{key:"systemId",header:e("systemId","System ID")},{key:"names",header:e("names","Names")},{key:"licenseNumber",header:e("licenseNumber","License Number")},{key:"licenseExpiryDate",header:e("licenseExpiryDate","License Expiry Date")},{key:"actions",header:e("actions","Actions")}],ce=null==ie?void 0:ie.map((function(n){var a=n.roles.some((function(e){return F.includes(e.display)})),i=c.find((function(e){var a;return(null===(a=e.person)\|\|void 0===a?void 0:a.uuid)===n.person.uuid})),r=null==i?void 0:i.attributes.find((function(e){var n;return(null==e\|\|null===(n=e.attributeType)\|\|void 0===n?void 0:n.uuid)===w})),o=null==i?void 0:i.attributes.find((function(e){var n;return(null==e\|\|null===(n=e.attributeType)\|\|void 0===n?void 0:n.uuid)===A})),s=r?r.value:"--",u=o?o.value:"--",d=null==i?void 0:i.attributes.find((function(e){var n;return(null==e\|\|null===(n=e.attributeType)\|\|void 0===n?void 0:n.uuid)===_})),f=null==i?void 0:i.attributes.find((function(e){var n;return(null==e\|\|null===(n=e.attributeType)\|\|void 0===n?void 0:n.uuid)===k})),p=null==i?void 0:i.attributes.find((function(e){var n;return(null==e\|\|null===(n=e.attributeType)\|\|void 0===n?void 0:n.uuid)===x})),y=!!((null==d?void 0:d.value)\|\|(null==f?void 0:f.value)\|\|(null==p?void 0:p.value));return{id:n.uuid,systemId:n.systemId,names:(0,U.A)(n.person.display),licenseNumber:s,licenseExpiryDate:te(new Date(u)),userProvider:i,user:n,actions:g().createElement(h.OverflowMenu,{className:ae.btnSet,flipped:!0,"aria-label":"user-management-menu"},g().createElement(h.OverflowMenuItem,{className:ae.btn,onClick:function(){l.find((function(e){return e.uuid===n.uuid}))?(0,t.launchWorkspace)("manage-user-workspace",{workspaceTitle:e("editUser","Edit User"),initialUserValue:n}):console.error("User not found:",n.uuid)},itemText:e("editUser","Edit user")}),g().createElement(h.OverflowMenuItem,{itemText:e("sync","Sync"),onClick:function(){return X(i)},disabled:!y\|\|m}),g().createElement(h.OverflowMenuItem,{hasDivider:!0,disabled:!a,onClick:function(){(0,t.launchWorkspace)("user-role-scope-workspace",{workspaceTitle:e("manageUserRoleScope","Manage user role scope"),user:n})},itemText:e("manageUserRoleScope","Manage user role scope")}))}}));return g().createElement(g().Fragment,null,g().createElement("div",null,g().createElement("div",{className:ae.Container},g().createElement("div",{className:ae.buttonContainer},g().createElement("p",{className:ae.filterByText},e("filterBy","Filter by:")),g().createElement(h.Dropdown,{id:"filter-dropdown",label:e("filter","Filter"),className:ae.dropDownFilter,items:[{id:"allUsers",label:e("All users","All users")},{id:"activeLicensed",label:e("Active Licensed","Active Licensed")},{id:"expiredLicensed",label:e("Expired Licensed","Expired Licensed")},{id:"licensedExpiringSoon",label:e("Licensed expiring soon","Licensed expiring soon")},{id:"unlicensed",label:e("Unlicensed","Unlicensed")}],itemToString:function(e){return e?e.label:""},onChange:function(e){var n=e.selectedItem;return I(n.id)},selectedItem:{id:S,label:e(S,S)},size:(0,t.isDesktop)(n)?"lg":"sm"}),g().createElement(h.Button,{onClick:function(){return(0,t.launchWorkspace)("manage-user-workspace",{workspaceTitle:e("addUser","Add user")})},className:ae.userManagementModeButton,renderIcon:P.rs,size:(0,t.isDesktop)(n)?"lg":"sm",kind:"primary"},e("addUser","Add User"))),g().createElement("div",{className:ae.providerContainer},g().createElement(R.aR,{title:"".concat(e((oe=S,{allUsers:"List of all users",activeLicensed:"List of active licensed users",expiredLicensed:"List of expired licensed users",licensedExpiringSoon:"List of licensed expiring soon users",unlicensed:"List of unlicensed users"}[oe]\|\|"List of users"),{count:J.length})," (").concat(J.length,")")},""),g().createElement(h.Search,{labelText:"",placeholder:e("searchForUsers","Search for user"),onChange:function(e){return T(e.target.value)},size:(0,t.isDesktop)(n)?"sm":"lg",value:N}),0===J.length?g().createElement(Y,{subTitle:e("noMatchingUsers","No matching users found")}):g().createElement(g().Fragment,null,g().createElement(h.DataTable,{isSortable:!0,rows:ce,headers:se,size:a,useZebraStyles:!0},(function(e){var n,a,t=e.rows,i=e.headers,l=e.getExpandHeaderProps,r=e.getTableProps,o=e.getTableContainerProps,s=e.getHeaderProps,c=e.getRowProps;return g().createElement(h.TableContainer,o(),g().createElement(h.Table,(n=ye({className:ae.table},r()),a=null!=(a={"aria-label":"Provider list"})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(a)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))})),n),g().createElement(h.TableHead,null,g().createElement(h.TableRow,null,g().createElement(h.TableExpandHeader,ye({enableToggle:!0},l())),i.map((function(e,n){return g().createElement(h.TableHeader,ye({key:n},s({header:e})),e.header)})))),g().createElement(h.TableBody,null,t.map((function(e,n){return g().createElement(g().Fragment,{key:e.id},g().createElement(h.TableExpandRow,c({row:e}),e.cells.map((function(e){return g().createElement(h.TableCell,{key:e.id},e.value)}))),e&&e.isExpanded?g().createElement(h.TableExpandedRow,{className:ae.expandedRow,colSpan:i.length+1},g().createElement("div",{className:ae.container,key:n},g().createElement(fe,{provider:ce[n].userProvider,user:ce[n].user}))):g().createElement(h.TableExpandedRow,{className:ae.hiddenRow,colSpan:i.length+2}))})))))})),ee&&g().createElement(h.Pagination,{forwardText:e("nextPage","Next page"),backwardText:e("previousPage","Previous page"),page:le,pageSize:z,pageSizes:re,totalItems:J.length,className:ae.pagination,size:a,onChange:function(e){var n=e.page,a=e.pageSize;n!==le&&ne(n),E(a)}}))))),g().createElement(t.WorkspaceContainer,{overlay:!0,contextKey:"admin"}))};var me=a(1895),$e=a(9007),ve=a(3905),we={};we.styleTagTransform=M(),we.setAttributes=x(),we.insert=_().bind(null,"head"),we.domAPI=w(),we.insertStyleElement=z(),$()(ve.A,we);const Ae=ve.A&&ve.A.locals?ve.A.locals:void 0,_e=function(e){var n,a,i,l=e.title,r=(0,y.useTranslation)().t,o=(0,t.useSession)(),s=null==o\|\|null===(n=o.sessionLocation)\|\|void 0===n?void 0:n.display;return g().createElement("div",{className:Ae.header,id:"admin-header"},g().createElement("div",{className:Ae.leftJustifiedItems},g().createElement(t.ServiceQueuesPictogram,null),g().createElement("div",{className:Ae.pageLabels},g().createElement("p",null,r("users","Users")),g().createElement("p",{className:Ae.pageName},l))),g().createElement("div",{className:Ae.rightJustifiedItems},g().createElement("div",{className:Ae.userContainer},g().createElement("p",null,null==o\|\|null===(i=o.user)\|\|void 0===i\|\|null===(a=i.person)\|\|void 0===a?void 0:a.display),g().createElement(P.rs,{size:16,className:Ae.userIcon})),g().createElement("div",{className:Ae.dateAndLocation},g().createElement(me.aZ,{size:16}),g().createElement("span",{className:Ae.value},s),g().createElement("span",{className:Ae.middot},"·"),g().createElement($e.Vv,{size:16}),g().createElement("span",{className:Ae.value},(0,t.formatDate)(new Date,{mode:"standard"})))))},ke=function(){var e=(0,y.useTranslation)().t;return g().createElement("section",{className:W.section},g().createElement("div",{className:"omrs-main-content"},g().createElement(_e,{title:e("userManagement","User Management")})),g().createElement(be,null))};var xe=a(4458),Ce={};Ce.styleTagTransform=M(),Ce.setAttributes=x(),Ce.insert=_().bind(null,"head"),Ce.domAPI=w(),Ce.insertStyleElement=z(),$()(xe.A,Ce);const ze=xe.A&&xe.A.locals?xe.A.locals:void 0;var Ee=a(8285);const Me=function(){return g().createElement("div",{className:ze.svgContainer},g().createElement(Ee.ld,{className:ze.iconOveriders}))},Ne=function(e){e.title;var n,a=(0,y.useTranslation)().t,i=(0,t.useSession)();return null==i\|\|null===(n=i.sessionLocation)\|\|void 0===n\|\|n.display,g().createElement("div",{className:ze.header},g().createElement(t.PageHeader,{title:a("etlAdministration","ETL Administration"),illustration:g().createElement(Me,null),className:ze.header}))};var Te=a(6322),Be={};Be.styleTagTransform=M(),Be.setAttributes=x(),Be.insert=_().bind(null,"head"),Be.domAPI=w(),Be.insertStyleElement=z(),$()(Te.A,Be);const Se=Te.A&&Te.A.locals?Te.A.locals:void 0;function Ie(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function De(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){Ie(l,t,i,r,o,"next",e)}function o(e){Ie(l,t,i,r,o,"throw",e)}r(void 0)}))}}function Le(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}var Oe=function(){var e=De((function(){var e;return Le(this,(function(n){switch(n.label){case 0:return e="".concat(t.restBaseUrl,"/kemrchart/recreateTables"),[4,(0,t.openmrsFetch)(e)];case 1:return[2,n.sent().data.data]}}))}));return function(){return e.apply(this,arguments)}}(),Fe=function(){var e=De((function(){var e;return Le(this,(function(n){switch(n.label){case 0:return e="".concat(t.restBaseUrl,"/kemrchart/refreshTables"),[4,(0,t.openmrsFetch)(e)];case 1:return[2,n.sent().data.data]}}))}));return function(){return e.apply(this,arguments)}}(),We=function(){var e=De((function(){var e;return Le(this,(function(n){switch(n.label){case 0:return e="".concat(t.restBaseUrl,"/kemrchart/recreateDatatoolsTables"),[4,(0,t.openmrsFetch)(e)];case 1:return[2,n.sent().data.data]}}))}));return function(){return e.apply(this,arguments)}}(),Pe=function(){var e=De((function(){var e;return Le(this,(function(n){switch(n.label){case 0:return e="".concat(t.restBaseUrl,"/kemrchart/recreateDwapiTables"),[4,(0,t.openmrsFetch)(e)];case 1:return[2,n.sent().data.data]}}))}));return function(){return e.apply(this,arguments)}}(),Re=function(){var e=De((function(){var e;return Le(this,(function(n){switch(n.label){case 0:return e="".concat(t.restBaseUrl,"/kemrchart/recreateFacilitywideTables"),[4,(0,t.openmrsFetch)(e)];case 1:return[2,n.sent().data.data]}}))}));return function(){return e.apply(this,arguments)}}(),Ue=a(4776),je={};je.styleTagTransform=M(),je.setAttributes=x(),je.insert=_().bind(null,"head"),je.domAPI=w(),je.insertStyleElement=z(),$()(Ue.A,je);const qe=Ue.A&&Ue.A.locals?Ue.A.locals:void 0;function Ge(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}const He=function(e){var n=e.logData,a=e.isLoading,i=(0,y.useTranslation)().t,l="tablet"===(0,t.useLayoutType)(),r=[{header:i("procedure","Procedure"),key:"script_name"},{header:i("startTime","Start time"),key:"start_time"},{header:i("endTime","End time"),key:"stop_time"},{header:i("completionStatus","Completion status"),key:"status"}],o=null==n?void 0:n.map((function(e,n){return{id:n.toString(),script_name:e.script_name,start_time:(null==e?void 0:e.start_time)?(0,t.formatDate)(new Date(null==e?void 0:e.start_time)):"--",stop_time:(null==e?void 0:e.stop_time)?(0,t.formatDate)(new Date(null==e?void 0:e.stop_time)):"--",status:e.status}})),s=(0,t.usePagination)(o,10),c=s.results,u=s.currentPage,d=s.goTo;return g().createElement("div",{className:qe.table},g().createElement(R.aR,{title:i("facilityInfo","Facility Info"),children:""}),g().createElement("div",{className:qe.logTable},a&&0===n.length?g().createElement(h.DataTableSkeleton,{headers:r,"aria-label":"etl table",showToolbar:!1,showHeader:!1,rowCount:4,zebra:!0,columnCount:3,className:qe.dataTableSkeleton}):0===n.length?g().createElement(Y,{subTitle:i("noRecordsFound","No ETL Operation logs found")}):g().createElement(g().Fragment,null,g().createElement(h.DataTable,{rows:c,headers:r,isSortable:!0,size:l?"lg":"sm",useZebraStyles:!0},(function(e){var n=e.rows,a=e.headers,t=e.getHeaderProps,i=e.getTableProps;return g().createElement(h.TableContainer,{className:qe.tableContainer},g().createElement(h.Table,i(),g().createElement(h.TableHead,null,g().createElement(h.TableRow,null,a.map((function(e){return g().createElement(h.TableHeader,function(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){Ge(e,n,a[n])}))}return e}({key:e.key,className:se()(qe.productiveHeading01,qe.text02)},t({header:e})),e.header)})))),g().createElement(h.TableBody,null,n.map((function(e){return g().createElement(h.TableRow,{key:e.id},e.cells.map((function(e){return g().createElement(h.TableCell,{key:e.id},"status"===e.info.header?g().createElement(h.Tag,{size:"md",type:"Success"===e.value?"green":"red"},e.value):e.value)})))})))))})),g().createElement(R.U0,{currentItems:c.length,totalItems:o.length,onPageNumberChange:function(e){var n=e.page;return d(n)},pageNumber:u,pageSize:10}))))};function Xe(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function Ye(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function Je(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){Ye(l,t,i,r,o,"next",e)}function o(e){Ye(l,t,i,r,o,"throw",e)}r(void 0)}))}}function Qe(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(e,n)\|\|Ke(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.")}()}function Ve(e){return function(e){if(Array.isArray(e))return Xe(e)}(e)\|\|function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|Ke(e)\|\|function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ke(e,n){if(e){if("string"==typeof e)return Xe(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?Xe(e,n):void 0}}const Ze=function(){var e=(0,y.useTranslation)().t,n=Qe((0,p.useState)(!1),2),a=n[0],i=n[1],l=Qe((0,p.useState)(""),2),r=l[0],o=l[1],s=Qe((0,p.useState)([]),2),c=s[0],u=s[1],d=Qe((0,p.useState)(!1),2),f=d[0],b=d[1],m=function(n,a){var l=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=(0,t.showModal)("operation-confirmation-modal",{confirm:Je((function(){var s,c,d;return function(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}(this,(function(f){switch(f.label){case 0:r(),i(!0),o(a),l&&u([]),f.label=1;case 1:return f.trys.push([1,3,4,5]),b("refreshTables"===a),[4,n()];case 2:return s=f.sent(),c=a.toLowerCase().includes("recreate"),d=c?e("recreated","recreated"):e("refreshed","refreshed"),(0,t.showSnackbar)({title:e("operationSuccess","{{operationName}} successfully {{operationType}}",{operationName:a,operationType:d}),subtitle:e("operationSuccessSubtitle","The operation completed successfully."),kind:"success",isLowContrast:!0}),u("refreshTables"===a?function(e){return Ve(e).concat(Ve(s))}:s),[3,5];case 3:return f.sent(),(0,t.showSnackbar)({title:e("operationError","{{operationName}} failed",{operationName:a}),subtitle:e("operationErrorSubtitle","An error occurred during the operation."),kind:"error",isLowContrast:!0}),[3,5];case 4:return i(!1),b(!1),o(""),[7];case 5:return[2]}}))})),close:function(){r()},operationName:a,operationType:a})};return g().createElement("div",{className:"omrs-main-content"},g().createElement(Ne,{title:e("home","Home")}),g().createElement(h.Layer,{className:Se.btnLayer},a?g().createElement(h.InlineLoading,{description:e("etlsOperationsLoading","Please wait {{currentOperation}} is in progress...",{currentOperation:r}),size:"md",className:Se.loading,withOverlay:!0}):g().createElement(h.ComboButton,{tooltipAlignment:"left",label:e("etlOperation","ETL operations"),size:"md"},g().createElement(h.MenuItem,{label:e("refreshTables","Refresh tables"),onClick:function(){return m(Fe,e("refreshTables","Refresh tables"),!1)}}),g().createElement(h.MenuItem,{label:e("refreshDwapi","Refresh DWAPI tables"),onClick:function(){return m(Pe,e("refreshDwapi","Refresh DWAPI tables"),!1)}}),g().createElement(h.MenuItem,{label:e("recreateTables","Recreate tables"),onClick:function(){return m(Oe,e("recreateTables","Recreate tables"),!0)}}),g().createElement(h.MenuItem,{label:e("recreateDatatools","Recreate datatools"),onClick:function(){return m(We,e("recreateDatatools","Recreate datatools"),!0)}})," ",g().createElement(h.MenuItem,{label:e("recreateFacilityWideTables","Recreate facility wide tables"),onClick:function(){return m(Re,e("recreateFacilityWideTables","Recreate facility wide tables"),!0)}}))),g().createElement(h.Layer,{className:Se.tableLayer},g().createElement(He,{logData:c,isLoading:f})))},en=function(){return g().createElement("section",null,g().createElement(Ze,null))};var nn=a(9857),an={};an.styleTagTransform=M(),an.setAttributes=x(),an.insert=_().bind(null,"head"),an.domAPI=w(),an.insertStyleElement=z(),$()(nn.A,an);const tn=nn.A&&nn.A.locals?nn.A.locals:void 0,ln=function(e){var n=e.label,a=e.value;return g().createElement("p",null,g().createElement("strong",null,n,":")," ",null!=a?a:"--")};function rn(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}var on=function(){var e,n=(e=function(){var e,n;return function(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}(this,(function(a){switch(a.label){case 0:return e="".concat(t.restBaseUrl,"/kenyaemr/sha-benefits-package?synchronize=true"),n="".concat(t.restBaseUrl,"/kenyaemr/sha-interventions?synchronize=true"),[4,Promise.all([e,n].map((function(e){return(0,t.openmrsFetch)(e)})))];case 1:return a.sent(),[2]}}))},function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){rn(l,t,i,r,o,"next",e)}function o(e){rn(l,t,i,r,o,"throw",e)}r(void 0)}))});return function(){return n.apply(this,arguments)}}();function sn(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function cn(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function un(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){cn(l,t,i,r,o,"next",e)}function o(e){cn(l,t,i,r,o,"throw",e)}r(void 0)}))}}function dn(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}const fn=function(){var e,n,a,i,l,r,o,s,c,u=(0,y.useTranslation)().t,d=(s=(0,p.useState)(!1),c=2,function(e){if(Array.isArray(e))return e}(s)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(s,c)\|\|function(e,n){if(e){if("string"==typeof e)return sn(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?sn(e,n):void 0}}(s,c)\|\|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.")}()),f=d[0],b=d[1],m=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=(0,t.useSession)().authenticated,a="".concat(t.restBaseUrl,"/kenyaemr/sha-facility-status?synchronize=").concat(e),i=(0,K.Ay)(n?a:null,t.openmrsFetch),l=i.data,r=i.isLoading,o=i.error,s=i.mutate;return{isLoading:r,shaFacility:null==l?void 0:l.data,error:o,mutate:s}}(f),$=m.shaFacility,v=m.isLoading,w=(m.error,m.mutate),A=(e="".concat(t.restBaseUrl,"/kenyaemr/default-facility"),n=(0,t.useSession)().authenticated,i=(a=(0,K.Ay)(n?e:null,t.openmrsFetch)).data,l=a.isLoading,r=a.error,o=a.mutate,{isLoading:l,localFacility:null==i?void 0:i.data,error:r,mutate:o}),_=A.localFacility,k=A.isLoading,x=A.mutate,C=(0,p.useCallback)(un((function(){var e;return dn(this,(function(n){switch(n.label){case 0:return[4,x()];case 1:return e=n.sent(),[4,w()];case 2:return[2,{shaFacility:n.sent(),defaultFacility:e}]}}))})),[x,w]),z=(0,p.useMemo)((function(){var e;return(null==$?void 0:$.operationalStatus)?"".concat($.operationalStatus.at(0).toUpperCase()).concat(null===(e=$.operationalStatus.slice(1))\|\|void 0===e?void 0:e.toLocaleLowerCase()):void 0}),[$]),E=(0,p.useMemo)((function(){return(null==$?void 0:$.shaFacilityExpiryDate)&&q()($.shaFacilityExpiryDate).isValid()?(0,t.formatDate)((0,t.parseDate)($.shaFacilityExpiryDate)):void 0}),[$]),M=(0,p.useCallback)(un((function(){var e,n,a,i,l,r,o;return dn(this,(function(s){switch(s.label){case 0:return s.trys.push([0,3,,4]),b(!0),[4,C()];case 1:return n=s.sent().shaFacility,(0,t.showSnackbar)({title:u("syncingHieSuccess","Synchronization Complete"),kind:"success",isLowContrast:!0}),"HIE"!=(null===(e=n.data)\|\|void 0===e?void 0:e.source)&&(0,t.showSnackbar)({kind:"warning",title:"HIE Sync Failed. Pulling local info.",isLowContrast:!0}),[4,on()];case 2:return s.sent(),[3,4];case 3:return a=s.sent(),o=null!==(r=null==a\|\|null===(l=a.responseBody)\|\|void 0===l\|\|null===(i=l.error)\|\|void 0===i?void 0:i.message)&&void 0!==r?r:u("hieSynchronizationError","An error occurred while synchronizing with HIE"),(0,t.showSnackbar)({title:u("syncingHieError","Syncing with HIE Failed"),subtitle:o,kind:"error",isLowContrast:!0}),[3,4];case 4:return[2]}}))})),[C,u]);return g().createElement("div",{className:tn.facilityInfoContainer},g().createElement("div",null,g().createElement(h.Layer,{className:tn.btnLayer},v\|\|k?g().createElement(h.InlineLoading,{description:u("synchronizingFacilityData","Please wait, Synchronizing Info."),size:"md",className:tn.loading,withOverlay:!0}):g().createElement(h.Button,{kind:"primary",onClick:M},u("synchronizeWithHie","Synchronize with HIE")))),g().createElement(h.Grid,{narrow:!0},g().createElement(h.Column,{sm:4,md:4,lg:8},g().createElement(h.Tile,{className:tn.card},g().createElement("h3",{className:tn.cardTitle},u("generalInformation","General Information")),g().createElement("hr",{className:tn.cardDivider}),g().createElement("div",{className:tn.cardContent},g().createElement(ln,{label:u("facilityName","Facility Name"),value:null==_?void 0:_.display}),g().createElement(ln,{label:u("facilityCode","Facility KMHFR Code"),value:null==$?void 0:$.mflCode}),g().createElement(ln,{label:u("kephLevel","Keph Level"),value:null==$?void 0:$.kephLevel}),g().createElement("br",null),g().createElement("br",null)))),g().createElement(h.Column,{sm:4,md:4,lg:8},g().createElement(h.Layer,null,g().createElement(h.Tile,{className:tn.card},g().createElement("h3",{className:tn.cardTitle},u("shaInformation","SHA Information")),g().createElement("hr",{className:tn.cardDivider}),g().createElement("div",{className:tn.cardContent},g().createElement(ln,{label:u("facilityRegistryCode","Facility Registry Code"),value:null==$?void 0:$.facilityRegistryCode}),g().createElement(ln,{label:u("shalicenceNumber","SHA License Number"),value:null==$?void 0:$.shaFacilityLicenseNumber}),g().createElement(ln,{label:u("shaStatus","SHA Status"),value:z}),g().createElement(ln,{label:u("shaContracted","SHA Contracted"),value:null==$?void 0:$.approved}),g().createElement(ln,{label:u("shaExpiry","SHA Expiry Date"),value:E})))))))};var pn=a(7066),gn={};gn.styleTagTransform=M(),gn.setAttributes=x(),gn.insert=_().bind(null,"head"),gn.domAPI=w(),gn.insertStyleElement=z(),$()(pn.A,gn);const yn=pn.A&&pn.A.locals?pn.A.locals:void 0;var hn=a(1899),bn=a(4626),mn={};mn.styleTagTransform=M(),mn.setAttributes=x(),mn.insert=_().bind(null,"head"),mn.domAPI=w(),mn.insertStyleElement=z(),$()(bn.A,mn);const $n=bn.A&&bn.A.locals?bn.A.locals:void 0,vn=function(e){var n,a=e.title,i=((0,y.useTranslation)().t,(0,t.useSession)());return null==i\|\|null===(n=i.sessionLocation)\|\|void 0===n\|\|n.display,g().createElement("div",{className:$n.header},g().createElement(t.PageHeader,{title:a,illustration:g().createElement(hn.oG,{size:32}),className:$n.header}))},wn=function(){var e=(0,y.useTranslation)().t;return g().createElement("div",{className:"omrs-main-content"},g().createElement(vn,{title:e("facilityDetails","Facility Details")}),g().createElement(h.Layer,{className:yn.tableLayer},g().createElement(fn,null)))};var An=a(824),_n=a(1273),kn={};kn.styleTagTransform=M(),kn.setAttributes=x(),kn.insert=_().bind(null,"head"),kn.domAPI=w(),kn.insertStyleElement=z(),$()(_n.A,kn);const xn=_n.A&&_n.A.locals?_n.A.locals:void 0;var Cn=a(1160),zn=a(7169);function En(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function Mn(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){En(l,t,i,r,o,"next",e)}function o(e){En(l,t,i,r,o,"throw",e)}r(void 0)}))}}function Nn(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function Tn(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){Nn(e,n,a[n])}))}return e}function Bn(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}var Sn=function(){var e=Mn((function(e,n){return Bn(this,(function(a){switch(a.label){case 0:return[4,(0,t.openmrsFetch)(n,{method:"POST",body:JSON.stringify(e),headers:{"Content-Type":"application/json"}})];case 1:return[2,a.sent().json()]}}))}));return function(n,a){return e.apply(this,arguments)}}(),In=function(){var e=Mn((function(e,n,a,i){var l;return Bn(this,(function(r){switch(r.label){case 0:return o=Tn({person:e,identifier:n},a),s=null!=(s={retired:!1})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(s)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(s)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(s,e))})),l=o,[4,(0,t.openmrsFetch)(i,{method:"POST",body:JSON.stringify(l),headers:{"Content-Type":"application/json"}})];case 1:return[2,r.sent()]}var o,s}))}));return function(n,a,t,i){return e.apply(this,arguments)}}(),Dn=function(){var e=Mn((function(e,n){var a;return Bn(this,(function(i){switch(i.label){case 0:return a=n?"".concat(t.restBaseUrl,"/user/").concat(n):"".concat(t.restBaseUrl,"/user"),[4,Sn(e,a)];case 1:return[2,i.sent()]}}))}));return function(n,a){return e.apply(this,arguments)}}(),Ln=function(){var e=Mn((function(e,n,a){var i;return Bn(this,(function(l){switch(l.label){case 0:return i=Tn({userUuid:a},n),[4,(0,t.openmrsFetch)(e,{method:"POST",body:JSON.stringify(i),headers:{"Content-Type":"application/json"}})];case 1:return[2,l.sent()]}}))}));return function(n,a,t){return e.apply(this,arguments)}}(),On=function(e){(0,K.Tk)((function(n){return"string"==typeof n&&n.startsWith(e)}),void 0,{revalidate:!0})},Fn=function(){var e="".concat(t.restBaseUrl,"/stockmanagement/userrolescope?v=full"),n=(0,K.Ay)(e,t.openmrsFetch),a=n.data,i=n.error,l=n.isLoading;return{items:null==a?void 0:a.data,loadingRoleScope:l,userRoleScopeError:i}},Wn=a(6195);var Pn=a(8466),Rn=a(8282);function Un(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}var jn=function(){var e,n=(e=function(e,n){var a,i,l;return function(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}(this,(function(r){switch(r.label){case 0:return a="".concat(t.restBaseUrl,"/kenyaemr/practitionersearch?identifierType=").concat(e,"&identifierNumber=").concat(n),[4,fetch((0,t.makeUrl)(a))];case 1:return(i=r.sent()).ok?[4,i.json()]:[3,3];case 2:if(null==(l=r.sent())?void 0:l.issue)throw new Error("PROVIDER_NOT_FOUND");return[2,l];case 3:if(401===i.status)throw new Error(c);if(404===i.status)throw new Error(u);throw new Error(d)}}))},function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){Un(l,t,i,r,o,"next",e)}function o(e){Un(l,t,i,r,o,"throw",e)}r(void 0)}))});return function(e,a){return n.apply(this,arguments)}}(),qn=function(e,n){var a="".concat(t.restBaseUrl,"/provider/").concat(n,"/attribute");return(0,t.openmrsFetch)(a,{method:"POST",body:JSON.stringify(e),headers:{"Content-Type":"application/json"}})},Gn=function(e,n,a){var i="".concat(t.restBaseUrl,"/provider/").concat(n,"/attribute/").concat(a);return(0,t.openmrsFetch)(i,{method:"POST",body:JSON.stringify(e),headers:{"Content-Type":"application/json"}})};function Hn(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function Xn(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function Yn(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){Xn(l,t,i,r,o,"next",e)}function o(e){Xn(l,t,i,r,o,"throw",e)}r(void 0)}))}}function Jn(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function Qn(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){Jn(e,n,a[n])}))}return e}function Vn(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(n)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})),e}function Kn(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(e,n)\|\|Zn(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.")}()}function Zn(e,n){if(e){if("string"==typeof e)return Hn(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?Hn(e,n):void 0}}function ea(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}r();var na=a(4441);function aa(e){var n=e.config,a=n.name,i=n.title,l=(0,b.useLocation)(),r=(0,p.useMemo)((function(){return decodeURIComponent((0,na.A)(l.pathname.split("/")))}),[l.pathname]);return/^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/.test(r)&&(r="user-management"),g().createElement(t.ConfigurableLink,{to:"".concat(window.getOpenmrsSpaBase(),"admin").concat(a&&"admin"!==a?"/".concat(a):""),className:"cds--side-nav__link ".concat(a===r&&"active-left-nav-link")},i)}var ta=function(e){return function(){return g().createElement(b.BrowserRouter,null,g().createElement(aa,{config:e}))}},ia=a(8279),la={};la.styleTagTransform=M(),la.setAttributes=x(),la.insert=_().bind(null,"head"),la.domAPI=w(),la.insertStyleElement=z(),$()(ia.A,la);const ra=ia.A&&ia.A.locals?ia.A.locals:void 0;var oa=function(e){var n=e.label,a=e.value;return g().createElement("div",{className:ra.healthWorkerInfoContainer},g().createElement("span",{className:ra.healthWorkerInfoLabel},n),g().createElement("span",null,a))};function sa(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}var ca=a(529),ua=a(5848),da=a(9765),fa={};fa.styleTagTransform=M(),fa.setAttributes=x(),fa.insert=_().bind(null,"head"),fa.domAPI=w(),fa.insertStyleElement=z(),$()(da.A,fa);const pa=da.A&&da.A.locals?da.A.locals:void 0;function ga(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function ya(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function ha(e){return function(e){if(Array.isArray(e))return ga(e)}(e)\|\|function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|function(e,n){if(e){if("string"==typeof e)return ga(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?ga(e,n):void 0}}(e)\|\|function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var ba=r();const ma=function(e){e.field;var n=e.index,a=e.control,i=e.removeForm,l=e.filteredInventoryRoles,r=(e.hasInventoryRole,e.stockOperations),s=e.loadingStock,c=e.stockLocations,u=e.roleScopeformMethods,d=e.userRoleScopeInitialValues,f=(0,y.useTranslation)().t,b=(0,An.xW)(),m=b.watch,$=b.setValue,v=m("forms.".concat(n,".enabled")),w=m("forms.".concat(n,".permanent"));return(0,p.useEffect)((function(){w&&$("forms.".concat(n,".dateRange"),{activeFrom:void 0,activeTo:void 0})}),[w,$,n]),g().createElement("div",{className:pa.roleStockFields},g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"forms.".concat(n,".role"),control:a,render:function(e){var n,a,t=e.field;return g().createElement(h.ComboBox,(n=function(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){ya(e,n,a[n])}))}return e}({},t),a={id:"role",items:l,itemToString:function(e){var n;return(null==e\|\|null===(n=e.display)\|\|void 0===n?void 0:n.trim())\|\|""},placeholder:f("chooseAStockRole","Choose a stock role"),titleText:f("stockRole","Stock Role"),selectedItem:l.find((function(e){return(null==e?void 0:e.display)===t.value}))\|\|null,onChange:function(e){var n=e.selectedItem;t.onChange(n?n.display.trim():"")},disabled:d},a=null!=a?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(a)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))})),n))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(h.Column,{xsm:8,md:12,lg:12,className:pa.checkBoxColumn},g().createElement(h.CheckboxGroup,{legendText:f("stockRoleAccess","Stock Role Access"),className:pa.checkboxGroupGrid},g().createElement(An.xI,{name:"forms.".concat(n,".enabled"),control:a,render:function(e){var n=e.field;return g().createElement("div",null,g().createElement("label",{htmlFor:"enable"},g().createElement("input",{type:"checkbox",id:"enable",name:"enabled",checked:n.value\|\|!1,onChange:function(e){return n.onChange(e.target.checked)}}),f("enable","Enable?")))}}),v&&g().createElement(An.xI,{name:"forms.".concat(n,".permanent"),control:a,render:function(e){var a=e.field;return g().createElement("div",null,g().createElement("label",{htmlFor:"permanent"},g().createElement("input",{type:"checkbox",id:"permanent",name:"permanent",checked:a.value\|\|!1,onChange:function(e){return function(e,a,t){var i=e.target.checked;a.onChange(i),i&&t("forms.".concat(n,".dateRange"),{activeFrom:void 0,activeTo:void 0})}(e,a,u.setValue)}}),f("permanent","Permanent?")))}})),!w&&v&&g().createElement(t.ResponsiveWrapper,null,g().createElement(h.Tile,null,g().createElement(An.xI,{name:"forms.".concat(n,".dateRange"),control:a,render:function(e){var n=e.field,a=n.value,i=n.onChange;return g().createElement(h.DatePicker,{datePickerType:"range",light:!0,minDate:(0,t.formatDatetime)(ba),locale:"en",dateFormat:"d/m/Y",onChange:function(e){i({activeFrom:e[0],activeTo:e[1]})},value:[null==a?void 0:a.activeFrom,null==a?void 0:a.activeTo]},g().createElement(h.DatePickerInput,{id:"date-picker-input-id-start",name:"activeFrom",placeholder:o,labelText:f("activeFrom","Active From"),value:null==a?void 0:a.activeFrom}),g().createElement(h.DatePickerInput,{id:"date-picker-input-id-finish",name:"activeTo",placeholder:o,labelText:f("activeTo","Active To"),value:null==a?void 0:a.activeTo}))}}))))),g().createElement(t.ResponsiveWrapper,null,g().createElement(h.Column,{key:f("stockOperation","Stock Operation"),xsm:8,md:12,lg:12,className:pa.checkBoxColumn},g().createElement(h.CheckboxGroup,{legendText:f("stockOperation","Stock Operation"),className:pa.checkboxGroupGrid},s?g().createElement(h.InlineLoading,{status:"active",iconDescription:"Loading",description:"Loading data..."}):g().createElement(An.xI,{name:"forms.".concat(n,".operationTypes"),control:a,render:function(e){var n=e.field,a=n.value\|\|[],t=function(e){return a.some((function(n){return n.operationTypeUuid===e}))};return g().createElement(g().Fragment,null,(null==r?void 0:r.length)>0&&r.map((function(e){return g().createElement("label",{key:e.uuid,className:t(e.uuid)?pa.checkboxLabelSelected:pa.checkboxLabel},g().createElement("input",{type:"checkbox",id:e.uuid,checked:t(e.uuid),onChange:function(){return function(e){t(e.uuid)?n.onChange(a.filter((function(n){return n.operationTypeUuid!==e.uuid}))):n.onChange(ha(a).concat([{operationTypeUuid:e.uuid,operationTypeName:e.name}]))}(e)}}),e.name)})))}})))),g().createElement(t.ResponsiveWrapper,null,g().createElement(h.Column,{key:f("stockLocation","Stock Location"),xsm:8,md:12,lg:12,className:pa.checkBoxColumn},g().createElement(h.CheckboxGroup,{legendText:f("stockLocation","Stock Location"),className:pa.checkboxGroupGrid},s?g().createElement(h.InlineLoading,{status:"active",iconDescription:"Loading",description:"Loading data..."}):g().createElement(An.xI,{name:"forms.".concat(n,".locations"),control:a,render:function(e){var n=e.field,a=n.value\|\|[],t=function(e){return a.some((function(n){return n.locationUuid===e}))};return g().createElement(g().Fragment,null,(null==c?void 0:c.length)>0&&c.map((function(e){return g().createElement("label",{key:e.id,className:t(e.id)?pa.checkboxLabelSelected:pa.checkboxLabel},g().createElement("input",{type:"checkbox",id:e.id,checked:t(e.id),onChange:function(){return function(e){t(e.id)?n.onChange(a.filter((function(n){return n.locationUuid!==e.id}))):n.onChange(ha(a).concat([{locationName:e.name,locationUuid:e.id}]))}(e)}}),e.name)})))}})))),!d&&g().createElement(h.Button,{size:"sm",kind:"danger--tertiary",onClick:function(){return i(n)}},f("remove","Remove")))};function $a(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function va(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function wa(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){va(e,n,a[n])}))}return e}function Aa(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(n)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})),e}const _a=function(e){var n,a,i=e.user,l=e.onEditUserRoleScope,r=(e.onAddUserRoleScope,(0,y.useTranslation)().t),o=Fn(),s=o.items,c=o.loadingRoleScope,u=(n=(0,p.useState)(!1),a=2,function(e){if(Array.isArray(e))return e}(n)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(n,a)\|\|function(e,n){if(e){if("string"==typeof e)return $a(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?$a(e,n):void 0}}(n,a)\|\|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.")}()),d=(u[0],u[1]),f=(0,p.useMemo)((function(){return[{key:"role",header:r("role","Role")},{key:"location",header:r("location","Location(s)")},{key:"stockOperation",header:r("stockOperation","Stock Operation")},{key:"permanent",header:r("permanent","Permanent")},{key:"enabled",header:r("enabled","Enabled")},{key:"actions",header:r("actions","Actions")}]}),[r]),b=(0,p.useCallback)((function(e){var n=(0,t.showModal)("delete-stock-user-scope-modal",{close:function(){return n()},uuid:e,onConfirmation:function(){(function(e){var n=e.reduce((function(e,n,a){return 0===a?e:e+=(e.length>0?",":"")+encodeURIComponent(n)}),"");n.length>0&&(n="?ids="+n);var a="".concat(t.restBaseUrl,"/stockmanagement/userrolescope/").concat(e[0]).concat(n),i=new AbortController;return(0,t.openmrsFetch)(a,{method:"DELETE",headers:{"Content-Type":"application/json"},signal:i.signal})})([e]).then((function(){On("".concat(t.restBaseUrl,"/stockmanagement/userrolescope")),d(!1),(0,t.showSnackbar)({isLowContrast:!0,title:r("deletingstockUserScope","Delete Stock User Scope"),kind:"success",subtitle:r("stockUserScopeDeletedSuccessfully","Stock User Scope Deleted Successfully")})}),(function(e){d(!1),(0,t.showSnackbar)({title:r("errorDeletingUserScope","Error deleting a user scope"),kind:"error",isLowContrast:!0,subtitle:null==e?void 0:e.message})})).catch(),n()}})}),[r]),m=(0,p.useMemo)((function(){var e;return(null!==(e=null==s?void 0:s.results)&&void 0!==e?e:[]).filter((function(e){return e.userUuid===i.uuid})).map((function(e,n){var a,t;return{id:n.toString(),role:e.role\|\|"N/A",location:null==e\|\|null===(a=e.locations)\|\|void 0===a?void 0:a.map((function(n){return g().createElement("span",{key:"loc-".concat(null==e?void 0:e.uuid,"-").concat(n.locationUuid)},null==n?void 0:n.locationName," ",(null==n?void 0:n.enableDescendants)?g().createElement(ua.PS,null):g().createElement(ua.nk,null))})),stockOperation:null==e\|\|null===(t=e.operationTypes)\|\|void 0===t?void 0:t.map((function(e){return null==e?void 0:e.operationTypeName})).join(", "),permanent:e.permanent?r("yes","Yes"):r("no","No"),enabled:e.enabled?r("yes","Yes"):r("no","No"),actions:g().createElement(h.OverflowMenu,{className:W.btnSet},g().createElement(h.OverflowMenuItem,{onClick:function(){l(e)},itemText:r("edit","Edit")}),g().createElement(h.OverflowMenuItem,{hasDivider:!0,isDelete:!0,onClick:function(){b(e.uuid)},itemText:r("delete","Delete")}))}}))\|\|[]}),[s,r,i.uuid,b,l]);return c?g().createElement(h.DataTableSkeleton,{role:"progressbar"}):g().createElement("div",null,g().createElement(R.aR,{title:"Manage User Role Scope",children:""}),g().createElement("div",{className:W.dataTable},g().createElement(h.DataTable,{useZebraStyle:!0,size:"mid",rows:m,headers:f},(function(e){var n=e.rows,a=e.headers,t=e.getHeaderProps,i=e.getRowProps,l=e.getTableProps;return g().createElement(h.TableContainer,null,g().createElement(h.Table,Aa(wa({},l()),{"aria-label":"user role scope table"}),g().createElement(h.TableHead,null,g().createElement(h.TableRow,null,a.map((function(e){return g().createElement(h.TableHeader,Aa(wa({},t({header:e})),{key:e.key}),e.header)})))),g().createElement(h.TableBody,null,n.length>0?n.map((function(e){return g().createElement(h.TableRow,wa({key:e.id},i({row:e})),e.cells.map((function(e){return g().createElement(h.TableCell,{key:e.id},e.value)})))})):g().createElement(h.TableRow,null,g().createElement(h.TableCell,{colSpan:a.length,className:W.emptyTable},g().createElement(R.pp,{displayText:r("noUserRoleScope","No user role scope"),headerTitle:r("userRoleScope","User Role Scope")}))))))}))))};function ka(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function xa(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function Ca(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){xa(l,t,i,r,o,"next",e)}function o(e){xa(l,t,i,r,o,"throw",e)}r(void 0)}))}}function za(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function Ea(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){za(e,n,a[n])}))}return e}function Ma(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}var Na=a(6689),Ta={};Ta.styleTagTransform=M(),Ta.setAttributes=x(),Ta.insert=_().bind(null,"head"),Ta.domAPI=w(),Ta.insertStyleElement=z(),$()(Na.A,Ta);const Ba=Na.A&&Na.A.locals?Na.A.locals:void 0;function Sa(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function Ia(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function Da(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function La(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){Da(e,n,a[n])}))}return e}function Oa(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(n)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})),e}function Fa(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(e,n)\|\|function(e,n){if(e){if("string"==typeof e)return Sa(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?Sa(e,n):void 0}}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Wa={featureName:"esm-admin-app",moduleName:l},Pa=a(4767),Ra=(0,t.getSyncLifecycle)((function(){var e=window.spaBase,n=window.getOpenmrsSpaBase()+"admin";return(0,p.useEffect)((function(){return(0,t.setLeftNav)({name:"admin-left-panel-slot",basePath:e}),function(){return(0,t.unsetLeftNav)("admin-left-panel-slot")}}),[e]),g().createElement(b.BrowserRouter,{basename:n},g().createElement(L,null),g().createElement("main",{className:B.container},g().createElement(b.Routes,null,g().createElement(b.Route,{path:"/",element:g().createElement(ke,null)}),g().createElement(b.Route,{path:"/user-management",element:g().createElement(ke,null)}),g().createElement(b.Route,{path:"/etl-administration",element:g().createElement(en,null)}),g().createElement(b.Route,{path:"/facility-setup",element:g().createElement(wn,null)}))))}),Wa);function Ua(){(0,t.defineConfigSchema)(l,i)}var ja=(0,t.getSyncLifecycle)((function(e){var n=e.close,a=e.confirm,t=e.operationName,i=e.operationType,l=(0,y.useTranslation)().t,r=l("operationsConfirmationMessages","Do you want to {{operationTypeOrName}}?",{operationTypeOrName:i\|\|t});return g().createElement(g().Fragment,null,g().createElement("div",{className:"cds--modal-header"},g().createElement("h3",{className:"cds--modal-header__heading"},l("confirmation","Confirmation"))),g().createElement("div",{className:"cds--modal-content"},g().createElement("p",null,r)),g().createElement("div",{className:"cds--modal-footer"},g().createElement(h.Button,{kind:"secondary",onClick:n},l("noRespond","No")),g().createElement(h.Button,{kind:"primary",onClick:a},l("yesRespond","Yes"))))}),Wa),qa=(0,t.getSyncLifecycle)((function(e){var n,a,i=e.closeWorkspace,l=e.promptBeforeClosing,r=e.closeWorkspaceWithSavedChanges,o=e.initialUserValue,s=void 0===o?{}:o,c=(0,y.useTranslation)().t,u="tablet"===(0,t.useLayoutType)(),d=Kn((0,p.useState)("demographic"),2),b=d[0],m=d[1],$=Kn((0,p.useState)(0),2),v=$[0],w=$[1],A=Kn((0,p.useState)(null),2),_=A[0],k=A[1],x=function(e){var n,a="".concat(t.restBaseUrl,"/provider?q=").concat(e,"&v=custom:(uuid,identifier,retired,attributes:(uuid,display,value:(name),attributeType:(uuid,name)))"),i=(0,K.Ay)(a,t.openmrsFetch,{errorRetryCount:2}),l=i.data,r=i.isLoading,o=i.error;return{provider:null==l\|\|null===(n=l.data)\|\|void 0===n?void 0:n.results,loadingProvider:r,providerError:o}}(s.systemId),C=x.provider,z=void 0===C?[]:C,E=x.loadingProvider,M=x.providerError,N=Z(),T=N.users,B=(N.isLoading,N.error,(null==T?void 0:T.map((function(e){return e.username})).filter((function(e){return e!==(null==s?void 0:s.username)})))\|\|[]),S=0===Object.keys(s).length,I=function(e){var n=(0,y.useTranslation)().t;return{userManagementFormSchema:Wn.z.object({givenName:Wn.z.string().nonempty(n("givenNameRequired","Given name is required")),middleName:Wn.z.string().optional(),familyName:Wn.z.string().nonempty(n("familyNameRequired","Family name is required")),gender:Wn.z.enum(["M","F"],{errorMap:function(){return{message:n("genderRequired","Gender is required")}}}),phoneNumber:Wn.z.string().optional(),email:Wn.z.string().optional(),providerIdentifiers:Wn.z.boolean().optional(),username:Wn.z.string().nonempty(n("usernameRequired","Username is required")).refine((function(n){return!e.includes(n)}),{message:n("usernameTaken","Username already exists")}),password:Wn.z.string().optional(),confirmPassword:Wn.z.string().optional(),forcePasswordChange:Wn.z.boolean().optional(),roles:Wn.z.array(Wn.z.object({uuid:Wn.z.string().min(1,"UUI is required"),display:Wn.z.string().min(1,"Role name is required"),description:Wn.z.string().nullable().optional()})).optional(),primaryRole:Wn.z.string().optional(),systemId:Wn.z.string().optional(),providerLicense:Wn.z.string().optional(),licenseExpiryDate:Wn.z.date().optional(),registrationNumber:Wn.z.string().optional(),qualification:Wn.z.string().optional(),nationalId:Wn.z.string().optional(),passportNumber:Wn.z.string().optional(),isEditProvider:Wn.z.boolean().optional()})}}(B).userManagementFormSchema,D=function(){var e,n="".concat(t.restBaseUrl,"/providerattributetype?v=custom:(uuid,name,display)"),a=(0,K.Ay)(n,t.openmrsFetch,{errorRetryCount:2}),i=a.data,l=a.isLoading,r=a.error;return{providerAttributeType:null==i\|\|null===(e=i.data)\|\|void 0===e?void 0:e.results,isLoading:l,error:r}}(),L=D.providerAttributeType,O=void 0===L?[]:L,F=function(){var e,n="".concat(t.restBaseUrl,"/role?v=custom:(uuid,description,display,name)"),a=(0,K.Ay)(n,t.openmrsFetch,{errorRetryCount:2}),i=a.data,l=a.isLoading,r=a.error,o=a.mutate;return{roles:null==i\|\|null===(e=i.data)\|\|void 0===e?void 0:e.results,isLoading:l,mutate:o,error:r}}(),W=F.roles,P=void 0===W?[]:W,R=F.isLoading,U=V(),j=U.rolesConfig,q=(U.error,(0,t.useConfig)()),G=q.identifierTypes,H=q.licenseBodyUuid,X=q.passportNumberUuid,Y=q.personEmailAttributeUuid,J=q.personPhonenumberAttributeUuid,Q=q.phoneNumberUuid,ee=q.providerAddressUuid,ne=q.providerHieFhirReference,ae=q.qualificationUuid,te=q.providerNationalIdUuid,ie=q.licenseNumberUuid,le=q.licenseExpiryDateUuid,re=Kn((0,p.useState)({identifierType:null!==(a=null===(n=G[0])\|\|void 0===n?void 0:n.key)&&void 0!==a?a:"",identifier:"",isHWRLoading:!1}),2),oe=re[0],ce=re[1],ue=G.find((function(e){return e.key===oe.identifierType})),de=(0,p.useMemo)((function(){var e,n,a,t,i,l,r,o,s;return{licenseNumber:(null===(e=O.find((function(e){return e.uuid===ie})))\|\|void 0===e?void 0:e.uuid)\|\|"",licenseExpiry:(null===(n=O.find((function(e){return e.uuid===le})))\|\|void 0===n?void 0:n.uuid)\|\|"",providerNationalId:(null===(a=O.find((function(e){return e.uuid===te})))\|\|void 0===a?void 0:a.uuid)\|\|"",providerHieFhirReference:(null===(t=O.find((function(e){return e.uuid===ne})))\|\|void 0===t?void 0:t.uuid)\|\|"",qualification:(null===(i=O.find((function(e){return e.uuid===ae})))\|\|void 0===i?void 0:i.uuid)\|\|"",licenseBody:(null===(l=O.find((function(e){return e.uuid===H})))\|\|void 0===l?void 0:l.uuid)\|\|"",phoneNumber:(null===(r=O.find((function(e){return e.uuid===Q})))\|\|void 0===r?void 0:r.uuid)\|\|"",providerAddress:(null===(o=O.find((function(e){return e.uuid===ee})))\|\|void 0===o?void 0:o.uuid)\|\|"",passportNumber:(null===(s=O.find((function(e){return e.uuid===X})))\|\|void 0===s?void 0:s.uuid)\|\|""}}),[H,le,ie,X,Q,ee,O,ne,te,ae]),fe=(0,p.useMemo)((function(){return z.flatMap((function(e){return e.attributes\|\|[]}))}),[z]),pe=(0,p.useCallback)((function(e){var n,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"value";return null===(n=fe.find((function(n){var a;return(null===(a=n.attributeType)\|\|void 0===a?void 0:a.uuid)===e})))\|\|void 0===n?void 0:n[a]}),[fe]),ge=(0,p.useMemo)((function(){return pe(de.licenseNumber)}),[de,pe]),ye=(0,p.useMemo)((function(){var e=pe(de.licenseExpiry);return e?new Date(e):""}),[de,pe]),he=(0,p.useMemo)((function(){return pe(de.qualification)}),[de,pe]),be=(0,p.useMemo)((function(){return pe(de.providerNationalId)}),[de,pe]),me=(0,p.useMemo)((function(){return pe(de.passportNumber)}),[de,pe]),$e=(0,p.useMemo)((function(){return pe(de.licenseBody)}),[de,pe]),ve=(0,p.useMemo)((function(){return pe(de.phoneNumber)}),[de,pe]),we=(0,p.useMemo)((function(){return pe(de.providerAddress)}),[de,pe]),Ae=(0,p.useMemo)((function(){var e,n,a;return S?{}:Vn(Qn({},s,function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split(" "),n=Kn(3===e.length?e:[e[0],"",e[1]\|\|""],3),a=n[0],t=void 0===a?"":a,i=n[1],l=void 0===i?"":i,r=n[2];return{givenName:t,middleName:l,familyName:void 0===r?"":r}}((null===(e=s.person)\|\|void 0===e?void 0:e.display)\|\|"")),{phoneNumber:ve,email:we,roles:(null===(n=s.roles)\|\|void 0===n?void 0:n.map((function(e){return{uuid:e.uuid,display:e.display,description:e.description}})))\|\|[],gender:null===(a=s.person)\|\|void 0===a?void 0:a.gender,providerLicense:ge,licenseExpiryDate:ye?new Date(ye):void 0,qualification:he,nationalId:be,passportNumber:me,registrationNumber:$e})}),[S,s,ve,we,ge,ye,he,be,me,$e]),_e=(0,An.mN)({resolver:(0,Cn.u)(I),mode:"all",defaultValues:Ae}),ke=_e.reset,xe=_e.setValue,Ce=_e.formState,ze=Ce.errors,Ee=Ce.isSubmitting,Me=Ce.isDirty;(0,p.useEffect)((function(){E\|\|S\|\|ke(Ae)}),[E,Ae,S,ke]),(0,p.useEffect)((function(){Me&&l((function(){return Me}))}),[Me,l]);var Ne=function(){var e=Yn((function(){var e,n,a;return ea(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,3,4]),ce(Vn(Qn({},oe),{isHWRLoading:!0})),[4,jn(oe.identifierType,oe.identifier)];case 1:return(null==(e=i.sent())?void 0:e.entry)&&0!==e.entry.length?(n=(0,t.showModal)("hwr-confirmation-modal",{healthWorker:e,onConfirm:function(){var a,i,l,r,o,s,u,d,f,p,g,y,h,b,m,$,v,w,A,_,x,C,z,E,M,N,T,B,S,I,D,L,O,F,W,P,R,U,j,q,G,H,X,Y,J;n();var Q=(null==e\|\|null===(l=e.entry[0])\|\|void 0===l\|\|null===(i=l.resource)\|\|void 0===i\|\|null===(a=i.name[0])\|\|void 0===a?void 0:a.text).split(" "),V=Q[0].endsWith(".")?Q.slice(1):Q,K=V[0],Z=V.slice(1,-1).join(" "),ee=V[V.length-1],ne=null==e\|\|null===(s=e.link)\|\|void 0===s\|\|null===(o=s.find((function(e){return"self"===e.relation&&e.url.includes("identifierType=Passport")})))\|\|void 0===o\|\|null===(r=o.url.split("identifierNumber=")[1])\|\|void 0===r?void 0:r.split("&")[0];xe("givenName",K),xe("middleName",Z),xe("familyName",ee),xe("nationalId",null==e\|\|null===(p=e.entry[0])\|\|void 0===p\|\|null===(f=p.resource)\|\|void 0===f\|\|null===(d=f.identifier)\|\|void 0===d\|\|null===(u=d.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"national-id"===e.code}))})))\|\|void 0===u?void 0:u.value),xe("providerLicense",null==e\|\|null===(b=e.entry[0])\|\|void 0===b\|\|null===(h=b.resource)\|\|void 0===h\|\|null===(y=h.identifier)\|\|void 0===y\|\|null===(g=y.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"license-number"===e.code}))})))\|\|void 0===g?void 0:g.value),xe("registrationNumber",null==e\|\|null===(w=e.entry[0])\|\|void 0===w\|\|null===(v=w.resource)\|\|void 0===v\|\|null===($=v.identifier)\|\|void 0===$\|\|null===(m=$.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"board-registration-number"===e.code}))})))\|\|void 0===m?void 0:m.value),xe("phoneNumber",(null==e\|\|null===(C=e.entry[0])\|\|void 0===C\|\|null===(x=C.resource)\|\|void 0===x\|\|null===(_=x.telecom)\|\|void 0===_\|\|null===(A=_.find((function(e){return"phone"===e.system})))\|\|void 0===A?void 0:A.value)\|\|""),xe("qualification",(null==e\|\|null===(S=e.entry[0])\|\|void 0===S\|\|null===(B=S.resource)\|\|void 0===B\|\|null===(T=B.qualification)\|\|void 0===T\|\|null===(N=T[0])\|\|void 0===N\|\|null===(M=N.code)\|\|void 0===M\|\|null===(E=M.coding)\|\|void 0===E\|\|null===(z=E[0])\|\|void 0===z?void 0:z.display)\|\|(null==e\|\|null===(P=e.entry[0])\|\|void 0===P\|\|null===(W=P.resource)\|\|void 0===W\|\|null===(F=W.extension)\|\|void 0===F\|\|null===(O=F.find((function(e){return"https://ts.kenya-hie.health/Codesystem/specialty"===e.url})))\|\|void 0===O\|\|null===(L=O.valueCodeableConcept)\|\|void 0===L\|\|null===(D=L.coding)\|\|void 0===D\|\|null===(I=D[0])\|\|void 0===I?void 0:I.display)\|\|""),xe("email",(null==e\|\|null===(q=e.entry[0])\|\|void 0===q\|\|null===(j=q.resource)\|\|void 0===j\|\|null===(U=j.telecom)\|\|void 0===U\|\|null===(R=U.find((function(e){return"email"===e.system})))\|\|void 0===R?void 0:R.value)\|\|""),xe("licenseExpiryDate",(0,t.parseDate)((null==e\|\|null===(J=e.entry[0])\|\|void 0===J\|\|null===(Y=J.resource)\|\|void 0===Y\|\|null===(X=Y.identifier)\|\|void 0===X\|\|null===(H=X.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"license-number"===e.code}))})))\|\|void 0===H\|\|null===(G=H.period)\|\|void 0===G?void 0:G.end)\|\|c("unknown","Unknown"))),xe("passportNumber",ne),k(e)}}),[3,4]):((0,t.showModal)("hwr-empty-modal",{errorCode:c("noResults","No results found")}),[2]);case 2:return a=i.sent(),(0,t.showModal)("hwr-empty-modal",{errorCode:a.message}),[3,4];case 3:return ce(Vn(Qn({},oe),{isHWRLoading:!1})),[7];case 4:return[2]}}))}));return function(){return e.apply(this,arguments)}}(),Te=function(){var e=Yn((function(e){var n,a,i,l,o,u,d,f,p,g,y,h,b,m;return ea(this,(function($){switch($.label){case 0:l=e.providerIdentifiers,o=e.isEditProvider,u=(null===(n=z[0])\|\|void 0===n?void 0:n.uuid)\|\|"",d={attributes:[{attributeType:de.licenseNumber,value:e.providerLicense},{attributeType:de.licenseExpiry,value:e.licenseExpiryDate?e.licenseExpiryDate.toISOString():""},{attributeType:de.licenseBody,value:e.registrationNumber},{attributeType:null==de?void 0:de.providerHieFhirReference,value:JSON.stringify(_)},{attributeType:de.providerNationalId,value:e.nationalId},{attributeType:de.qualification,value:e.qualification},{attributeType:de.passportNumber,value:e.passportNumber},{attributeType:de.phoneNumber,value:e.phoneNumber},{attributeType:de.providerAddress,value:e.email}].filter((function(e){return e.value}))},f={username:e.username,password:e.password,person:{uuid:null==s\|\|null===(a=s.person)\|\|void 0===a?void 0:a.uuid,names:[{givenName:e.givenName,familyName:e.familyName,middleName:e.middleName}],gender:e.gender,attributes:[{attributeType:J,value:e.phoneNumber},{attributeType:Y,value:e.email}]},roles:null===(i=e.roles)\|\|void 0===i?void 0:i.map((function(e){return{uuid:e.uuid,name:e.display,description:e.description\|\|""}}))},p=function(e,n,a){(0,t.showSnackbar)({title:e,subtitle:n,kind:a,isLowContrast:!0})},$.label=1;case 1:return $.trys.push([1,11,,12]),[4,Dn(f,(null==s?void 0:s.uuid)\|\|"")];case 2:if(!(g=$.sent()).uuid)return[3,9];if(p(c("userSaved","User saved successfully"),"","success"),On("".concat(t.restBaseUrl,"/user?v=custom:(uuid,username,display,systemId,retired,person:(uuid,display,gender,names:(givenName,familyName,middleName),attributes:(uuid,display)),roles:(uuid,description,display,name))")),!l)return[3,6];$.label=3;case 3:return $.trys.push([3,5,,6]),y=u?"".concat(t.restBaseUrl,"/provider/").concat(u):"".concat(t.restBaseUrl,"/provider"),h=g.person.uuid,b=g.systemId,[4,In(h,b,d,y)];case 4:return $.sent().ok&&p(c("providerSaved","Provider saved successfully"),"","success"),[3,6];case 5:return $.sent(),p(c("providerFail","Failed to save provider"),c("providerFailedSubtitle","An error occurred while creating provider"),"error"),[3,6];case 6:return o?(m=[{attributeType:H,value:null==e?void 0:e.registrationNumber},{attributeType:te,value:null==e?void 0:e.nationalId},{attributeType:ie,value:null==e?void 0:e.providerLicense},{attributeType:X,value:null==e?void 0:e.passportNumber}].filter((function(e){return void 0!==(null==e?void 0:e.value)&&null!==(null==e?void 0:e.value)&&""!==(null==e?void 0:e.value)})),[4,Promise.all(null==m?void 0:m.map((function(e){var n,a,t,i=null===(t=z[0])\|\|void 0===t\|\|null===(a=t.attributes)\|\|void 0===a\|\|null===(n=a.find((function(n){var a;return(null==n\|\|null===(a=n.attributeType)\|\|void 0===a?void 0:a.uuid)===(null==e?void 0:e.attributeType)})))\|\|void 0===n?void 0:n.uuid,l={attributeType:null==e?void 0:e.attributeType,value:null==e?void 0:e.value};return i?Gn(l,u,i):qn(l,u)})))]):[3,8];case 7:$.sent(),(0,t.showSnackbar)({title:"Success",kind:"success",subtitle:c("updateMessage","Provider updated successfully")}),$.label=8;case 8:return[3,10];case 9:throw new Error("User creation failed");case 10:return On("".concat(t.restBaseUrl,"/user")),(0,K.Tk)((function(e){return"string"==typeof e&&e.startsWith("".concat(t.restBaseUrl,"/provider"))})),r(),[3,12];case 11:return $.sent(),p(c("userSaveFailed","Failed to save user"),c("userCreationFailedSubtitle","An error occurred while saving user form "),"error"),[3,12];case 12:return[2]}}))}));return function(n){return e.apply(this,arguments)}}();(0,p.useEffect)((function(){Me&&l((function(){return Me}))}),[Me,l]);var Be,Se=function(e){m((function(n){return n!==e?e:n}))},Ie=(0,p.useMemo)((function(){return[{id:"demographic",label:c("demographicInformation","Demographic Info")},{id:"login",label:c("loginInformation","Login Info")},{id:"provider",label:c("providerAccount","Provider Account")},{id:"roles",label:c("roles","Roles Info")}]}),[c]),De="login"===b,Le="roles"===b,Oe="demographic"===b,Fe="provider"===b,We=function(){return!(Oe\|\|De\|\|Fe)};return g().createElement("div",{className:xn.leftContainer},g().createElement("div",null,g().createElement("div",{className:xn.leftLayout},g().createElement(h.ProgressIndicator,{currentIndex:v,spaceEquality:!0,vertical:!0,className:xn.progressIndicator,onChange:function(e){oe.isHWRLoading\|\|(Se(Ie[e].id),w(e))}},Ie.map((function(e,n){return g().createElement(h.ProgressStep,{key:e.id,label:e.label,className:xn.ProgresStep})}))),g().createElement("div",{className:xn.sections},g().createElement(An.Op,_e,g().createElement("form",{onSubmit:_e.handleSubmit(Te,(function(e,n){(0,t.showSnackbar)({title:c("userSaveFailed","Fail to save {{error}}",n),subtitle:c("userCreationFailedSubtitle","An error occurred while creating user {{errorMessage}}",{errorMessage:JSON.stringify(e,null,2)}),kind:"error",isLowContrast:!0})})),className:xn.form},g().createElement("div",{className:xn.formContainer},g().createElement(h.Stack,{className:xn.formStackControl,gap:7},Oe&&g().createElement(t.ResponsiveWrapper,null,g().createElement("span",{className:xn.formHeaderSection},c("healthWorkVerify","Health worker registry verification")),oe.isHWRLoading?g().createElement(h.InlineLoading,{className:xn.formLoading,active:oe.isHWRLoading,description:c("pullDetailsfromHWR","Pulling data from Health worker registry...")}):g().createElement(g().Fragment,null,g().createElement(g().Fragment,null,g().createElement(h.Column,null,g().createElement(h.ComboBox,{onChange:function(e){var n,a=e.selectedItem;ce(Vn(Qn({},oe),{identifierType:null!==(n=null==a?void 0:a.key)&&void 0!==n?n:""}))},id:"formIdentifierType",titleText:c("identificationType","Identification Type"),placeholder:c("chooseIdentifierType","Choose identifier type"),initialSelectedItem:ue,items:G,itemToString:function(e){return e?e.name:""}})),g().createElement(h.Column,null,g().createElement("span",{className:xn.formIdentifierType},c("identifierNumber","Identifier number")),g().createElement(h.Row,{className:xn.formRow},g().createElement(h.Search,{className:xn.formSearch,defaultValue:oe.identifier,placeholder:c("enterIdentifierNumber","Enter identifier number"),id:"formSearchHealthWorkers",onChange:function(e){ce(Vn(Qn({},oe),{identifier:e.target.value}))}}),g().createElement(h.Button,{kind:"secondary",size:"md",renderIcon:Rn.XK,hasIconOnly:!0,className:xn.formSearchButton,onClick:Ne})))),g().createElement("span",{className:xn.formHeaderSection},c("demographicInfo","Demographic info")),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"givenName",control:_e.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"givenName",type:"text",labelText:c("givenName","Given Name"),placeholder:c("userGivenName","Enter Given Name"),invalid:!!ze.givenName,invalidText:null===(n=ze.givenName)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"middleName",control:_e.control,render:function(e){var n=e.field;return g().createElement(h.TextInput,Vn(Qn({},n),{id:"middleName",labelText:c("middleName","Middle Name"),placeholder:c("middleName","Middle Name")}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"familyName",control:_e.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"familyName",labelText:c("familyName","Family Name"),placeholder:c("familyName","Family Name"),invalid:!!ze.familyName,invalidText:null===(n=ze.familyName)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"phoneNumber",control:_e.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"phoneNumber",type:"text",disabled:S,labelText:c("phoneNumber","Phone Number"),placeholder:c("phoneNumber","Enter Phone Number"),invalid:!!ze.phoneNumber,invalidText:null===(n=ze.phoneNumber)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"email",control:_e.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"email",type:"email",disabled:S,labelText:c("email","Email"),placeholder:c("email","Enter Email"),invalid:!!ze.email,invalidText:null===(n=ze.email)\|\|void 0===n?void 0:n.message,className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"gender",control:_e.control,render:function(e){var n,a=e.field;return g().createElement(h.RadioButtonGroup,Vn(Qn({},a),{legendText:c("sex","Sex"),orientation:"vertical",invalid:!!ze.gender,invalidText:null===(n=ze.gender)\|\|void 0===n?void 0:n.message}),g().createElement(h.RadioButton,{value:"M",id:"M",labelText:c("male","Male"),checked:"M"===a.value}),g().createElement(h.RadioButton,{value:"F",id:"F",labelText:c("female","Female"),checked:"F"===a.value}))}})))),Fe&&g().createElement(t.ResponsiveWrapper,null,g().createElement("span",{className:xn.formHeaderSection},c("providerDetails","Provider details")),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"nationalId",control:_e.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"nationalId",disabled:S,type:"text",labelText:c("nationalID","National id"),placeholder:c("nationalID","National id"),invalid:!!ze.nationalId,invalidText:null===(n=ze.nationalId)\|\|void 0===n?void 0:n.message,className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"passportNumber",control:_e.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"passportNumber",disabled:S,type:"text",labelText:c("passportNumber","Passport number"),placeholder:c("passportNumber","Passport number"),invalid:!!ze.nationalId,invalidText:null===(n=ze.nationalId)\|\|void 0===n?void 0:n.message,className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"providerLicense",control:_e.control,render:function(e){var n=e.field;return g().createElement(h.TextInput,Vn(Qn({},n),{id:"providerLicense",type:"text",disabled:S,labelText:c("providerLicense","License Number"),placeholder:c("providerLicense","License Number"),className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"registrationNumber",control:_e.control,render:function(e){var n=e.field;return g().createElement(h.TextInput,Vn(Qn({},n),{id:"registrationNumber",type:"text",disabled:S,labelText:c("registrationNumber","Registration Number"),placeholder:c("registrationNumber","Registration Number"),className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"qualification",control:_e.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"qualification",type:"qualification",disabled:!0,labelText:c("qualification","Qualification"),placeholder:c("qualification","Qualification"),invalid:!!ze.qualification,invalidText:null===(n=ze.qualification)\|\|void 0===n?void 0:n.message,className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"licenseExpiryDate",control:_e.control,render:function(e){var n,a=e.field;return g().createElement(h.DatePicker,{datePickerType:"single",className:xn.formDatePicker,onChange:function(e){e.length&&a.onChange(e[0])},value:a.value?new Date(a.value):""},g().createElement(h.DatePickerInput,{className:xn.formDatePicker,placeholder:"mm/dd/yyyy",labelText:c("licenseExpiryDate","License Expiry Date"),id:"formLicenseDatePicker",size:"md",disabled:!0,invalid:!!ze.licenseExpiryDate,invalidText:null===(n=ze.licenseExpiryDate)\|\|void 0===n?void 0:n.message}))}})),E\|\|M?g().createElement(h.InlineLoading,{status:"active",iconDescription:"Loading",description:"Loading data..."}):z.length>0?g().createElement(g().Fragment,null,g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"systemId",control:_e.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"systemeId",type:"text",labelText:c("providerId","Provider Id"),placeholder:c("providerId","Provider Id"),invalid:!!ze.systemId,invalidText:null===(n=ze.systemId)\|\|void 0===n?void 0:n.message,className:xn.checkboxLabelSingleLine}))}}),g().createElement(An.xI,{name:"isEditProvider",control:_e.control,render:function(e){var n=e.field;return g().createElement(h.CheckboxGroup,{legendText:c("editProvider","Edit Provider Details"),className:xn.multilineCheckboxLabel},g().createElement(h.Checkbox,Vn(Qn({className:xn.checkboxLabelSingleLine},n),{id:"isEditProvider",labelText:c("EditProviderDetails","Edit provider details?"),checked:n.value\|\|!1,onChange:function(e){return n.onChange(e.target.checked)}})))}}))):g().createElement(g().Fragment,null,g().createElement(An.xI,{name:"providerIdentifiers",control:_e.control,render:function(e){var n=e.field;return g().createElement(h.CheckboxGroup,{legendText:c("providerIdentifiers","Provider Details"),className:xn.multilineCheckboxLabel},g().createElement(h.Checkbox,Vn(Qn({className:xn.checkboxLabelSingleLine},n),{id:"providerIdentifiersa",labelText:c("providerIdentifiers","Create a Provider account for this user"),checked:n.value\|\|!1,onChange:function(e){return n.onChange(e.target.checked)}})))}}))),De&&g().createElement(t.ResponsiveWrapper,null,g().createElement("span",{className:xn.formHeaderSection},c("loginInfo","Login Info")),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"username",control:_e.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"username",labelText:c("username","Username"),invalid:!!ze.username,invalidText:null===(n=ze.username)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"password",control:_e.control,rules:S?{required:"Password is required",minLength:{value:8,message:"Password must be at least 8 characters long"},pattern:{value:/^(?=.[a-z])(?=.[A-Z])(?=.\d).{8,}$/,message:"Password must include uppercase, lowercase, and a number"}}:{},render:function(e){var n,a=e.field;return g().createElement(h.PasswordInput,Vn(Qn({},a),{id:"password",labelText:"Password",invalid:!!ze.password,invalidText:null===(n=ze.password)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"confirmPassword",control:_e.control,rules:S?{required:"Please confirm your password",validate:function(e){return e===_e.watch("password")\|\|"Passwords do not match"}}:{},render:function(e){var n,a=e.field;return g().createElement(h.PasswordInput,Vn(Qn({},a),{id:"confirmPassword",labelText:"Confirm Password",invalid:!!ze.confirmPassword,invalidText:null===(n=ze.confirmPassword)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"forcePasswordChange",control:_e.control,render:function(e){var n=e.field;return g().createElement(h.CheckboxGroup,{legendText:c("forcePasswordChange","Force Password Change"),className:xn.checkboxGroupGrid},g().createElement(h.Checkbox,Vn(Qn({className:xn.multilineCheckboxLabel},n),{id:"forcePasswordChange",labelText:c("forcePasswordChangeHelper","Optionally require this user to change their password on next login"),checked:n.value\|\|!1,onChange:function(e){return n.onChange(e.target.checked)}})))}}))),Le&&g().createElement(t.ResponsiveWrapper,null,g().createElement("span",{className:xn.formHeaderSection},c("rolesInfo","Roles Info")),g().createElement(t.ResponsiveWrapper,null,function(e){return e.filter((function(e){return e.category!==f}))}(j).map((function(e){return g().createElement(h.Column,{key:e.category,xsm:8,md:12,lg:12,className:xn.checkBoxColumn},g().createElement(h.CheckboxGroup,{legendText:e.category,className:xn.checkboxGroupGrid},R?g().createElement(h.InlineLoading,{status:"active",iconDescription:"Loading",description:"Loading data..."}):g().createElement(An.xI,{name:"roles",control:_e.control,render:function(n){var a=n.field,t=a.value\|\|[];return g().createElement(g().Fragment,null,P.filter((function(n){return e.roles.includes(n.name)})).map((function(e){var n=t.some((function(n){return n.display===e.display&&n.description===e.description&&n.uuid===e.uuid}));return g().createElement("label",{key:e.display,className:n?xn.checkboxLabelSelected:xn.checkboxLabel},g().createElement("input",{type:"checkbox",id:e.display,checked:n,onChange:function(n){var i,l,r=n.target.checked?(l=t,function(e){if(Array.isArray(e))return Hn(e)}(l)\|\|function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(l)\|\|Zn(l)\|\|function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).concat([{uuid:e.uuid,display:e.display,description:null!==(i=e.description)&&void 0!==i?i:null}]):t.filter((function(n){return n.display!==e.display}));a.onChange(r)}}),e.display)})))}})))})))))),g().createElement(h.ButtonSet,{className:se()((Be={},Jn(Be,xn.tablet,u),Jn(Be,xn.desktop,!u),Be))},g().createElement(h.Button,{kind:"secondary",onClick:function(){Oe?i():(Se(Ie[v-1].id),w(v-1))},className:xn.btn},c(Oe?"cancel":"back",Oe?"Cancel":"Back")),g().createElement(h.Button,{kind:"primary",type:We()?"submit":"",disabled:Ee\|\|Object.keys(ze).length>0\|\|oe.isHWRLoading,renderIcon:We()?"":Pn.c_,className:xn.btn,onClick:function(e){We()\|\|(e.preventDefault(),Se(Ie[v+1].id),w(v+1))}},Ee?g().createElement("span",{style:{display:"flex",alignItems:"center"}},c("submitting","Submitting...")," ",g().createElement(h.InlineLoading,{status:"active"})):c(We()?"saveAndClose":"next",We()?"Save & close":"Next")))))))))}),Wa),Ga=(0,t.getSyncLifecycle)((function(e){var n,a,i,l,r,o,c,u=e.closeWorkspace,d=e.promptBeforeClosing,b=e.closeWorkspaceWithSavedChanges,m=e.user,$=void 0===m?{}:m,v=(0,y.useTranslation)().t,w="tablet"===(0,t.useLayoutType)(),A=((0,y.useTranslation)().t,{userRoleScopeFormSchema:Wn.z.object({forms:Wn.z.array(Wn.z.object({userName:Wn.z.string().optional(),permanent:Wn.z.boolean().optional(),enabled:Wn.z.boolean().optional(),operationTypes:Wn.z.array(Wn.z.object({operationTypeName:Wn.z.string().optional(),operationTypeUuid:Wn.z.string().optional()})).optional(),locations:Wn.z.array(Wn.z.object({locationName:Wn.z.string().optional(),locationUuid:Wn.z.string().optional()})).optional(),dateRange:Wn.z.object({activeTo:Wn.z.date().optional(),activeFrom:Wn.z.date().optional()}).optional(),role:Wn.z.string().optional()}))})}).userRoleScopeFormSchema,_=(i="".concat(t.restBaseUrl,"/stockmanagement/stockoperationtype?v=default"),l=(0,K.Ay)(i,t.openmrsFetch),r=l.data,o=l.isLoading,c=l.error,{stockOperations:null==r?void 0:r.data.results,loadingStock:o,error:c}),k=_.stockOperations,x=_.loadingStock,C=function(){var e,n,a="".concat(t.fhirBaseUrl,"/Location?_summary=data&_tag=main store,main pharmacy,dispensary "),i=(0,K.Ay)(a,t.openmrsFetch),l=i.data,r=i.error,o=i.isLoading,s=(0,p.useMemo)((function(){var e,n,a;return null!==(a=null==l\|\|null===(n=l.data)\|\|void 0===n\|\|null===(e=n.entry)\|\|void 0===e?void 0:e.map((function(e){return e.resource})))&&void 0!==a?a:[]}),[null==l\|\|null===(e=l.data)\|\|void 0===e?void 0:e.entry]);return{stockLocations:null!==(n=(0,zn.A)(s,"id"))&&void 0!==n?n:[],isLoading:o,error:r}}().stockLocations,z=V(),E=z.rolesConfig,M=(z.error,Fn()),N=M.items,T=(M.loadingRoleScope,n=(0,p.useState)(null),a=2,function(e){if(Array.isArray(e))return e}(n)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(n,a)\|\|function(e,n){if(e){if("string"==typeof e)return ka(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?ka(e,n):void 0}}(n,a)\|\|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.")}()),B=T[0],S=T[1],I=(0,p.useCallback)((function(e){S(e)}),[]),D=(0,p.useMemo)((function(){var e,n,a,t;return{forms:B?[(a=Ea({},B),t={userName:(null==$?void 0:$.username)\|\|(null==B?void 0:B.userName),dateRange:{activeTo:s(null==B?void 0:B.activeTo),activeFrom:s(null==B?void 0:B.activeFrom)},locations:(null==B\|\|null===(e=B.locations)\|\|void 0===e?void 0:e.map((function(e){return{locationName:e.locationName,locationUuid:e.locationUuid}})))\|\|[],operationTypes:(null==B\|\|null===(n=B.operationTypes)\|\|void 0===n?void 0:n.map((function(e){return{operationTypeName:e.operationTypeName,operationTypeUuid:e.operationTypeUuid}})))\|\|[]},t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(t)).forEach((function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(t,e))})),a)]:[]}}),[B,$]),L=(0,An.mN)({resolver:(0,Cn.u)(A),mode:"all",defaultValues:D}),O=L.reset,F=L.formState,W=F.errors,P=F.isSubmitting,U=F.isDirty;(0,p.useEffect)((function(){U&&d((function(){return U}))}),[U,d]),(0,p.useEffect)((function(){B&&!x&&O(D)}),[D,x,B,$,O]);var j=(0,An.jz)({control:L.control,name:"forms"}),q=j.fields,G=j.append,H=j.remove,X=function(e,n,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};(0,t.showSnackbar)({title:v(e),subtitle:v(n,i),kind:a,isLowContrast:!0})},Y=function(){var e=Ca((function(e){var n,a,i,l,r,o;return Ma(this,(function(s){switch(s.label){case 0:return s.trys.push([0,2,,3]),n=(null==B?void 0:B.uuid)?"".concat(t.restBaseUrl,"/stockmanagement/userrolescope/").concat(B.uuid):"".concat(t.restBaseUrl,"/stockmanagement/userrolescope"),[4,Promise.all(e.forms.map(function(){var e=Ca((function(e){var a,t;return Ma(this,(function(i){switch(i.label){case 0:return a=function(e){var n,a,t,i;return{uuid:null==B?void 0:B.uuid,userUuid:(null==B?void 0:B.userUuid)\|\|(null==$?void 0:$.uuid),userName:null==B?void 0:B.userName,userGivenName:null==B?void 0:B.userGivenName,userFamilyName:null==B?void 0:B.userFamilyName,permanent:null==e?void 0:e.permanent,enabled:null==e?void 0:e.enabled,operationTypes:null==e\|\|null===(n=e.operationTypes)\|\|void 0===n?void 0:n.map((function(e){return{operationTypeUuid:e.operationTypeUuid,operationTypeName:e.operationTypeName}})),locations:null==e\|\|null===(a=e.locations)\|\|void 0===a?void 0:a.map((function(e){return{locationUuid:e.locationUuid,locationName:e.locationName,enableDescendants:!1}})),role:null==e?void 0:e.role,activeFrom:(null==e\|\|null===(t=e.dateRange)\|\|void 0===t?void 0:t.activeFrom)\|\|null,activeTo:(null==e\|\|null===(i=e.dateRange)\|\|void 0===i?void 0:i.activeTo)\|\|null}}(e),[4,Ln(n,a,null!==(t=null==$?void 0:$.uuid)&&void 0!==t?t:"")];case 1:return i.sent().ok&&(X("userRoleScopeSaved","User role scope saved successfully","success"),b()),[2]}}))}));return function(n){return e.apply(this,arguments)}}()))];case 1:return s.sent(),On("".concat(t.restBaseUrl,"/stockmanagement/userrolescope")),[3,3];case 2:return a=s.sent(),o=null!==(r=null==a\|\|null===(l=a.responseBody)\|\|void 0===l\|\|null===(i=l.error)\|\|void 0===i?void 0:i.message)&&void 0!==r?r:"An error occurred while creating the User role scope",X("userRoleScopeCreationFailed","User role scope failed to save successfully","error",{errorMessage:o}),[3,3];case 3:return[2]}}))}));return function(n){return e.apply(this,arguments)}}();(0,p.useEffect)((function(){U&&d((function(){return U}))}),[U,d]);var J,Q=(0,p.useMemo)((function(){return function(e){var n;return(null===(n=e.find((function(e){return e.category===f})))\|\|void 0===n?void 0:n.roles)\|\|[]}(E\|\|[])}),[E]),Z=(0,p.useMemo)((function(){return(null==$?void 0:$.roles)&&0!==Q.length?$.roles.filter((function(e){return Q.includes(e.display)})):[]}),[null==$?void 0:$.roles,Q]),ee=(0,p.useMemo)((function(){var e;return(null==N\|\|null===(e=N.results)\|\|void 0===e?void 0:e.reduce((function(e,n){return n.userUuid===$.uuid&&e.push(n.role),e}),[]))\|\|[]}),[N,$.uuid]),ne=(0,p.useMemo)((function(){return(null==$?void 0:$.roles)?$.uuid?Z.filter((function(e){return!ee.includes(e.display)})):Z:[]}),[null==$?void 0:$.roles,$.uuid,Z,ee]),ae=(0,p.useMemo)((function(){return ne.length>0&&$.roles.some((function(e){return ne.includes(e)}))}),[$.roles,ne]);return g().createElement(g().Fragment,null,g().createElement("div",null,g().createElement(_a,{onEditUserRoleScope:I,user:$})),D&&g().createElement(An.Op,L,g().createElement("form",{onSubmit:L.handleSubmit(Y,(function(e){console.error("Error:",e),(0,t.showSnackbar)({title:v("userRoleScopeCreationFailed","User Role Scope creation failed"),subtitle:v("userRoleScopeCreationFailedSubtitle","An error occurred while creating the user role scope mode. Please try again."),kind:"error",isLowContrast:!0})})),className:xn.form},g().createElement("div",{className:xn.formContainer},g().createElement(h.Stack,{className:xn.formStackControl,gap:7},g().createElement(t.ResponsiveWrapper,null,g().createElement(R.aR,{title:B?v("editRoleScope","Edit User Role Scope"):v("addRoleScope","Add a new user role scope")},g().createElement(ca.LT,null))),g().createElement("div",{className:xn.roleStockFields},g().createElement(t.ResponsiveWrapper,null,g().createElement(h.TextInput,{readOnly:!0,id:"userName",labelText:v("username","Username"),value:(null==$?void 0:$.username)\|\|(null==B?void 0:B.userName)}))),q.map((function(e,n){return g().createElement(ma,{key:e.id,field:e,index:n,control:L.control,removeForm:H,filteredInventoryRoles:ne,hasInventoryRole:ae,stockOperations:k,stockLocations:C,loadingStock:x,roleScopeformMethods:L,userRoleScopeInitialValues:B})})),!B&&g().createElement("div",null,g().createElement("div",{className:xn.roleStockFields},!ae&&g().createElement(R.pp,{displayText:v("noUserRole","No user role"),headerTitle:""}),g().createElement(h.Button,{size:"sm",kind:"tertiary",renderIcon:ua.OM,onClick:function(){return G({})},disabled:!ae},v("addAnotherRoleScope","Add user role scope")))))),g().createElement(h.ButtonSet,{className:se()((J={},za(J,xn.tablet,w),za(J,xn.desktop,!w),J))},g().createElement(h.Button,{style:{maxWidth:"50%"},kind:"secondary",onClick:u},v("cancel","Cancel")),g().createElement(h.Button,{disabled:P\|\|Object.keys(W).length>0,style:{maxWidth:"50%"},kind:"primary",type:"submit"},P?g().createElement("span",{style:{display:"flex",justifyItems:"center"}},v("submitting","Submitting...")," ",g().createElement(h.InlineLoading,{status:"active",iconDescription:"Loading"})):v("saveAndClose","Save & close"))))))}),Wa),Ha=(0,t.getSyncLifecycle)(ta({title:"Manage Users",name:"user-management"}),Wa),Xa=(0,t.getSyncLifecycle)(ta({title:"ETL Administration",name:"etl-administration"}),Wa),Ya=(0,t.getSyncLifecycle)(ta({title:"Facility Details",name:"facility-setup"}),Wa),Ja=(0,t.getSyncLifecycle)((function(e){var n,a,i,l,r,o,s,c,u,d,f,p,b,m,$,v,w,A,_,k,x,C,z,E,M,N,T,B,S,I,D,L=e.close,O=e.onConfirm,F=e.healthWorker,W=(0,y.useTranslation)().t,P=null==F\|\|null===(i=F.link)\|\|void 0===i\|\|null===(a=i.find((function(e){return"self"===e.relation&&e.url.includes("identifierType=Passport")})))\|\|void 0===a\|\|null===(n=a.url.split("identifierNumber=")[1])\|\|void 0===n?void 0:n.split("&")[0],R=null==F\|\|null===(r=F.entry)\|\|void 0===r\|\|null===(l=r[0])\|\|void 0===l?void 0:l.resource;return g().createElement(g().Fragment,null,g().createElement("div",{className:"cds--modal-header"},g().createElement("h3",{className:"cds--modal-header__heading"},W("healthWorkerRegistry","Health worker registry"))),g().createElement("div",{className:"cds--modal-content"},g().createElement("p",null,W("healthWorkerDetailsFound","Health worker information found in the registry, do you want to use the information to continue with registration?")),g().createElement("div",{className:ra.healthWorkerOverview},g().createElement(t.ExtensionSlot,{className:ra.healthWorkerPhoto,name:"patient-photo-slot",state:{patientName:(null==R\|\|null===(s=R.name)\|\|void 0===s\|\|null===(o=s[0])\|\|void 0===o?void 0:o.text)\|\|""}}),g().createElement("div",{style:{width:"100%",marginLeft:"0.625rem"}},g().createElement(oa,{label:W("healthWorkerName","Health worker name"),value:null==R\|\|null===(u=R.name)\|\|void 0===u\|\|null===(c=u[0])\|\|void 0===c?void 0:c.text}),null==R\|\|null===(d=R.telecom)\|\|void 0===d?void 0:d.map((function(e,n){return g().createElement(oa,{key:n,label:(0,U.A)(null==e?void 0:e.system),value:(null==e?void 0:e.value)\|\|"--"})})),null==R\|\|null===(f=R.identifier)\|\|void 0===f?void 0:f.map((function(e,n){var a,t;return g().createElement(oa,{key:n,label:(null===(t=e.type)\|\|void 0===t\|\|null===(a=t.coding)\|\|void 0===a?void 0:a.map((function(e){return e.display})).join(" "))\|\|"--",value:e.value\|\|"--"})})),P&&g().createElement(oa,{label:W("passportNumber","Passport Number"),value:P}),g().createElement(oa,{label:W("renewalDate","Renewal Date"),value:(null==R\|\|null===(m=R.identifier)\|\|void 0===m\|\|null===(b=m.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"license-number"===e.code}))})))\|\|void 0===b\|\|null===(p=b.period)\|\|void 0===p?void 0:p.end)\|\|"--"}),g().createElement(oa,{label:W("licensingBody","Licensing Body"),value:(null==R\|\|null===(x=R.qualification)\|\|void 0===x\|\|null===(k=x[0])\|\|void 0===k\|\|null===(_=k.extension)\|\|void 0===_\|\|null===(A=_.find((function(e){return"https://hwr-kenyahie/StructureDefinition/licensing-body"===e.url})))\|\|void 0===A\|\|null===(w=A.valueCodeableConcept)\|\|void 0===w\|\|null===(v=w.coding)\|\|void 0===v\|\|null===($=v[0])\|\|void 0===$?void 0:$.display)\|\|"--"}),g().createElement(oa,{label:W("qualification","Qualification"),value:(null==R\|\|null===(N=R.qualification)\|\|void 0===N\|\|null===(M=N[0])\|\|void 0===M\|\|null===(E=M.code)\|\|void 0===E\|\|null===(z=E.coding)\|\|void 0===z\|\|null===(C=z[0])\|\|void 0===C?void 0:C.display)\|\|(null==R\|\|null===(D=R.extension)\|\|void 0===D\|\|null===(I=D.find((function(e){return"https://ts.kenya-hie.health/Codesystem/specialty"===e.url})))\|\|void 0===I\|\|null===(S=I.valueCodeableConcept)\|\|void 0===S\|\|null===(B=S.coding)\|\|void 0===B\|\|null===(T=B[0])\|\|void 0===T?void 0:T.display)\|\|"--"}),g().createElement(oa,{label:W("licenseValid","License Validity"),value:g().createElement(h.Tag,{type:(null==R?void 0:R.active)?"green":"red"},(null==R?void 0:R.active)?W("licenseValid","License Valid"):W("licenseExpired","License Expired"))})))),g().createElement("div",{className:"cds--modal-footer"},g().createElement(h.Button,{kind:"secondary",onClick:L},W("cancel","Cancel")),g().createElement(h.Button,{onClick:O},W("useValues","Use values"))))}),Wa),Qa=(0,t.getSyncLifecycle)((function(e){var n,a=e.close,t=e.errorCode,i=(0,y.useTranslation)().t,l=(sa(n={},u,i("ResourceNotFound","The Health Work Registry is not reachable, kindly confirm your internet connectivity and try again. Do you want to continue to create an account")),sa(n,c,i("noHwrApi","Health Care Worker Registry API credentials not configured, Kindly contact system admin. Do you want to continue to create an account")),sa(n,d,i("unknownError","An error occurred while searching Health Worker Registry, kindly contact system admin. Do you want to continue to create an account")),n),r=i("HealthworkerNotFound","The health worker records could not be found in Health Worker registry, do you want to continue to create an account"),o=l[t]\|\|r;return g().createElement(g().Fragment,null,g().createElement("div",{className:"cds--modal-header"},g().createElement("h3",{className:"cds--modal-header__heading"},i("healthWorkerRegistryEmpty","Create an Account"))),g().createElement("div",{className:"cds--modal-content"},g().createElement("p",null,o)),g().createElement("div",{className:"cds--modal-footer"},g().createElement(h.Button,{kind:"secondary",onClick:a},i("cancel","Cancel")),g().createElement(h.Button,{onClick:a},i("continue","Continue to registration"))))}),Wa),Va=(0,t.getSyncLifecycle)((function(e){var n,a,i,l,r,o,s,c,u,d=e.close,f=e.provider,b=(0,y.useTranslation)().t,m=Fa((0,p.useState)(!1),2),$=m[0],v=m[1],w=(0,t.useConfig)(),A=w.providerNationalIdUuid,_=w.licenseBodyUuid,k=w.licenseExpiryDateUuid,x=w.passportNumberUuid,C=w.licenseNumberUuid,z=w.identifierTypes,E=w.phoneNumberUuid,M=w.qualificationUuid,N=w.providerAddressUuid,T=w.providerHieFhirReference,B=(Da(u={},null===(n=z[0])\|\|void 0===n?void 0:n.key,(null===(a=f.attributes.find((function(e){return e.attributeType.uuid===A})))\|\|void 0===a?void 0:a.value)\|\|"--"),Da(u,null===(i=z[1])\|\|void 0===i?void 0:i.key,(null===(l=f.attributes.find((function(e){return e.attributeType.uuid===_})))\|\|void 0===l?void 0:l.value)\|\|"--"),Da(u,null===(r=z[2])\|\|void 0===r?void 0:r.key,(null===(o=f.attributes.find((function(e){return e.attributeType.uuid===x})))\|\|void 0===o?void 0:o.value)\|\|"--"),u),S=Fa((0,p.useState)({identifierType:null===(s=z[0])\|\|void 0===s?void 0:s.key,identifier:B[null===(c=z[0])\|\|void 0===c?void 0:c.key]}),2),I=S[0],D=S[1],L=function(){return!I.identifier},O=function(){var e,n=(e=function(){var e,n,a,i,l,r,o,s,c,u,p,g,y,h,m,$,w,x,z,B,S,D,L,O,F,W,P,R,U;return function(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}(this,(function(j){switch(j.label){case 0:return j.trys.push([0,3,4,5]),v(!0),[4,jn(I.identifierType,I.identifier)];case 1:return F=j.sent(),W=null===(e=F.entry[0])\|\|void 0===e?void 0:e.resource,P={licenseNumber:null==W\|\|null===(a=W.identifier)\|\|void 0===a\|\|null===(n=a.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"license-number"===e.code}))})))\|\|void 0===n?void 0:n.value,regNumber:null==W\|\|null===(l=W.identifier)\|\|void 0===l\|\|null===(i=l.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"board-registration-number"===e.code}))})))\|\|void 0===i?void 0:i.value,licenseDate:(0,t.formatDate)(new Date(null==W\|\|null===(s=W.identifier)\|\|void 0===s\|\|null===(o=s.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"license-number"===e.code}))})))\|\|void 0===o\|\|null===(r=o.period)\|\|void 0===r?void 0:r.end)),phoneNumber:null==W\|\|null===(u=W.telecom)\|\|void 0===u\|\|null===(c=u.find((function(e){return"phone"===e.system})))\|\|void 0===c?void 0:c.value,email:null==W\|\|null===(g=W.telecom)\|\|void 0===g\|\|null===(p=g.find((function(e){return"email"===e.system})))\|\|void 0===p?void 0:p.value,qualification:(null==W\|\|null===(w=W.qualification)\|\|void 0===w\|\|null===($=w[0])\|\|void 0===$\|\|null===(m=$.code)\|\|void 0===m\|\|null===(h=m.coding)\|\|void 0===h\|\|null===(y=h[0])\|\|void 0===y?void 0:y.display)\|\|(null==W\|\|null===(D=W.extension)\|\|void 0===D\|\|null===(S=D.find((function(e){return"https://ts.kenya-hie.health/Codesystem/specialty"===e.url})))\|\|void 0===S\|\|null===(B=S.valueCodeableConcept)\|\|void 0===B\|\|null===(z=B.coding)\|\|void 0===z\|\|null===(x=z[0])\|\|void 0===x?void 0:x.display),nationalId:null==W\|\|null===(O=W.identifier)\|\|void 0===O\|\|null===(L=O.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"national-id"===e.code}))})))\|\|void 0===L?void 0:L.value},R=[{attributeType:C,value:P.licenseNumber},{attributeType:_,value:P.regNumber},{attributeType:k,value:(0,t.parseDate)(P.licenseDate)},{attributeType:E,value:P.phoneNumber},{attributeType:M,value:P.qualification},{attributeType:T,value:JSON.stringify(F)},{attributeType:N,value:P.email},{attributeType:A,value:P.nationalId}].filter((function(e){return void 0!==e.value&&null!==e.value&&""!==e.value})),[4,Promise.all(R.map((function(e){var n,a=null===(n=f.attributes.find((function(n){return n.attributeType.uuid===e.attributeType})))\|\|void 0===n?void 0:n.uuid,t={attributeType:e.attributeType,value:e.value};return a?Gn(t,f.uuid,a):qn(t,f.uuid)})))];case 2:return j.sent(),(0,K.Tk)((function(e){return"string"==typeof e&&e.startsWith("".concat(t.restBaseUrl,"/provider"))})),(0,t.showSnackbar)({title:"Success",kind:"success",subtitle:b("syncMessage","user details synced successfully")}),d(),[3,5];case 3:return U=j.sent(),(0,t.showToast)({critical:!1,kind:"error",description:b("errorSyncMsg","Failed to sync the account with ".concat(I.identifier,". ").concat(U)),title:b("hwrERROR","Sync Failed")}),[3,5];case 4:return v(!1),[7];case 5:return[2]}}))},function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){Ia(l,t,i,r,o,"next",e)}function o(e){Ia(l,t,i,r,o,"throw",e)}r(void 0)}))});return function(){return n.apply(this,arguments)}}();return g().createElement(g().Fragment,null,g().createElement("div",{className:"cds--modal-header"},g().createElement("h3",{className:"cds--modal-header__heading"},b("healthWorkerRegistry","Health worker registry"))),g().createElement("div",{className:"cds--modal-content"},g().createElement("p",null,b("healthWorkerSync","Health worker information to be synced with the registry.")),g().createElement("div",{className:Ba.modalContainer},g().createElement(h.Column,{className:Ba.identifierTypeColumn},g().createElement(h.ComboBox,{onChange:function(e){return n=e.selectedItem,t=null!==(a=null==n?void 0:n.key)&&void 0!==a?a:"",void D((function(e){return Oa(La({},e),{identifierType:t,identifier:B[t]\|\|""})}));var n,a,t},id:"formIdentifierType",titleText:b("identificationType","Identification Type"),placeholder:b("chooseIdentifierType","Choose identifier type"),initialSelectedItem:z.find((function(e){return e.key===I.identifierType})),items:z,itemToString:function(e){return e?e.name:""},className:Ba.ComboBox})),g().createElement(h.Column,{className:Ba.identifierTypeColumn},g().createElement("span",{className:Ba.identifierTypeHeader},b("identifierNumber","Identifier number")),g().createElement(h.Search,{className:Ba.formSearch,value:I.identifier,placeholder:b("enterIdentifierNumber","Enter identifier number"),id:"formSearchHealthWorkers",disabled:L(),onChange:function(e){return D(Oa(La({},I),{identifier:e.target.value}))}})))),g().createElement("div",{className:"cds--modal-footer"},g().createElement(h.Button,{kind:"secondary",onClick:d},b("cancel","Cancel")),g().createElement(h.Button,{disabled:L()\|\|$,onClick:O},$?g().createElement(h.InlineLoading,{status:"active",description:b("syncing","Syncing...")}):b("sync","Sync"))))}),Wa)},4767:(e,n,a)=>{var t={"./en.json":[4300,300]};function i(e){if(!a.o(t,e))return Promise.resolve().then((()=>{var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}));var n=t[e],i=n[0];return a.e(n[1]).then((()=>a(i)))}i.keys=()=>Object.keys(t),i.id=4767,e.exports=i}}]);
1	+ (globalThis.webpackChunk_kenyaemr_esm_admin_app=globalThis.webpackChunk_kenyaemr_esm_admin_app\|\|[]).push([[163],{6322:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__dashboard__omrs-main-content___\\+arGi{background-color:#fff}.-esm-admin__dashboard__btnLayer___pyQcG{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}.-esm-admin__dashboard__tableLayer___reKBA{padding-left:1rem;padding-right:1rem;background:#fff;padding-top:.125rem}.-esm-admin__dashboard__loading___dc13U{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}","",{version:3,sources:["webpack://./src/components/dashboard/dashboard.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,mDACE,qBAAA,CAGF,yCACE,YAAA,CACA,gBCqBW,CDpBX,kBCoBW,CDnBX,mBCmBW,CDlBX,eCkBW,CDjBX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA,CAGF,2CACE,iBCUW,CDTX,kBCSW,CDRX,eAAA,CACA,mBCbW,CDgBb,wCACE,YAAA,CACA,gBCEW,CDDX,kBCCW,CAAA,mBAAA,CDCX,eCDW,CDEX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.omrs-main-content {\n background-color: white;\n}\n\n.btnLayer {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n\n.tableLayer {\n padding-left: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n background: white;\n padding-top: layout.$spacing-01;\n}\n\n.loading {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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={"omrs-main-content":"-esm-admin__dashboard__omrs-main-content___+arGi",btnLayer:"-esm-admin__dashboard__btnLayer___pyQcG",tableLayer:"-esm-admin__dashboard__tableLayer___reKBA",loading:"-esm-admin__dashboard__loading___dc13U"};const o=r},3945:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__empty-state-log__emptyStateContainer___XuEDY{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background-color:#f4f4f4;row-gap:.25rem}.-esm-admin__empty-state-log__emptyStateContainer___XuEDY form{border:none}.-esm-admin__empty-state-log__emptyStateContainer___XuEDY .-esm-admin__empty-state-log__subTitle___r9uwJ{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);color:#4d5358;margin-top:.75rem}svg.-esm-admin__empty-state-log__iconOverrides___tPs8J{width:5rem;height:5rem;fill:var(--brand-03)}","",{version:3,sources:["webpack://./src/components/empty-state/empty-state-log.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:"AAIA,0DACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,sBAAA,CACA,gBAAA,CACA,wBCgCQ,CD/BR,cEKW,CFHX,+DACE,WAAA,CAEF,yGGk1BE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CHh1BA,aCUW,CDTX,iBEOS,CFHb,uDACE,UEqCW,CFpCX,WEoCW,CFnCX,oBAAA",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.emptyStateContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 300px;\n background-color: colors.$gray-10;\n row-gap: layout.$spacing-02;\n\n & form {\n border: none;\n }\n .subTitle {\n @include type.type-style('body-compact-01');\n color: colors.$cool-gray-70;\n margin-top: layout.$spacing-04;\n }\n}\n\nsvg.iconOverrides {\n width: layout.$spacing-11;\n height: layout.$spacing-11;\n fill: var(--brand-03);\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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={emptyStateContainer:"-esm-admin__empty-state-log__emptyStateContainer___XuEDY",subTitle:"-esm-admin__empty-state-log__subTitle___r9uwJ",iconOverrides:"-esm-admin__empty-state-log__iconOverrides___tPs8J"};const o=r},9857:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__facility-info__omrs-main-content___mlxc\\+{background-color:#fff}.-esm-admin__facility-info__bottomBorder___Yyi24{margin-bottom:1rem}.-esm-admin__facility-info__btnLayer___HvRUM{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}.-esm-admin__facility-info__tableLayer___FRL4l{padding-left:1rem;padding-right:1rem;background:#fff;padding-top:.125rem}.-esm-admin__facility-info__loading___ITF5u{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}.-esm-admin__facility-info__facilityInfoContainer___jt8UJ{margin:1rem}.-esm-admin__facility-info__card___kBaT\\+{padding:1rem;background-color:#f4f4f4;border:1px solid #e0e0e0;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.-esm-admin__facility-info__cardTitle___V\\+Rjs{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.-esm-admin__facility-info__cardDivider___IZid6{border:none;border-top:1px solid #e0e0e0;margin:.5rem 0}.-esm-admin__facility-info__cardContent___dUvGm{font-size:1rem;line-height:1.8}.-esm-admin__facility-info__cardContent___dUvGm p{display:flex;justify-content:space-between;margin-bottom:.5rem}.-esm-admin__facility-info__cardContent___dUvGm br{display:flex;justify-content:space-between;margin-bottom:.5rem}.-esm-admin__facility-info__cardContent___dUvGm strong{min-width:150px;display:inline-block;color:#393939}","",{version:3,sources:["webpack://./src/components/facility-setup/facility-info.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,uDACE,qBCIM,CDDR,iDACE,kBEsBW,CFnBb,6CACE,YAAA,CACA,gBEiBW,CFhBX,kBEgBW,CFfX,mBEeW,CFdX,eEcW,CFbX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA,CAGF,+CACE,iBEMW,CFLX,kBEKW,CFJX,eAAA,CACA,mBEjBW,CFoBb,4CACE,YAAA,CACA,gBEFW,CFGX,kBEHW,CFIX,mBEJW,CFKX,eELW,CFMX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA,CAGF,0DACE,WEbW,CFgBb,0CACE,YAAA,CACA,wBCPQ,CDQR,wBAAA,CACA,iBAAA,CACA,mCAAA,CAGF,+CACE,kBAAA,CACA,iBAAA,CACA,eAAA,CAGF,gDACE,WAAA,CACA,4BAAA,CACA,cAAA,CAEF,gDACE,cAAA,CACA,eAAA,CAGF,kDACE,YAAA,CACA,6BAAA,CACA,mBAAA,CAEF,mDACE,YAAA,CACA,6BAAA,CACA,mBAAA,CAGF,uDACE,eAAA,CACA,oBAAA,CACA,aAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.omrs-main-content {\n background-color: colors.$white;\n}\n\n.bottomBorder {\n margin-bottom: layout.$spacing-05;\n}\n\n.btnLayer {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n\n.tableLayer {\n padding-left: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n background: white;\n padding-top: layout.$spacing-01;\n}\n\n.loading {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n\n.facilityInfoContainer {\n margin: layout.$spacing-05;\n}\n\n.card {\n padding: 1rem;\n background-color: colors.$gray-10;\n border: 1px solid #e0e0e0;\n border-radius: 2px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.cardTitle {\n margin-bottom: 1rem;\n font-size: 1.25rem;\n font-weight: 600;\n}\n\n.cardDivider {\n border: none;\n border-top: 1px solid #e0e0e0;\n margin: 0.5rem 0;\n}\n.cardContent {\n font-size: 1rem;\n line-height: 1.8;\n}\n\n.cardContent p {\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n}\n.cardContent br {\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n}\n\n.cardContent strong {\n min-width: 150px;\n display: inline-block;\n color: #393939;\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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={"omrs-main-content":"-esm-admin__facility-info__omrs-main-content___mlxc+",bottomBorder:"-esm-admin__facility-info__bottomBorder___Yyi24",btnLayer:"-esm-admin__facility-info__btnLayer___HvRUM",tableLayer:"-esm-admin__facility-info__tableLayer___FRL4l",loading:"-esm-admin__facility-info__loading___ITF5u",facilityInfoContainer:"-esm-admin__facility-info__facilityInfoContainer___jt8UJ",card:"-esm-admin__facility-info__card___kBaT+",cardTitle:"-esm-admin__facility-info__cardTitle___V+Rjs",cardDivider:"-esm-admin__facility-info__cardDivider___IZid6",cardContent:"-esm-admin__facility-info__cardContent___dUvGm"};const o=r},7066:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__facility-setup__omrs-main-content___0dBrx{background-color:#fff}.-esm-admin__facility-setup__btnLayer___gBKbT{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}.-esm-admin__facility-setup__tableLayer___FGvin{padding-left:1rem;padding-right:1rem;background:#fff;padding-top:.125rem}.-esm-admin__facility-setup__loading___FkN\\+3{display:flex;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;margin-top:1rem;flex-direction:row;justify-content:flex-end;background-color:#fff;width:100%}","",{version:3,sources:["webpack://./src/components/facility-setup/facility-setup.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,uDACE,qBAAA,CAGF,8CACE,YAAA,CACA,gBCqBW,CDpBX,kBCoBW,CDnBX,mBCmBW,CDlBX,eCkBW,CDjBX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA,CAGF,gDACE,iBCUW,CDTX,kBCSW,CDRX,eAAA,CACA,mBCbW,CDgBb,8CACE,YAAA,CACA,gBCEW,CDDX,kBCCW,CAAA,mBAAA,CDCX,eCDW,CDEX,kBAAA,CACA,wBAAA,CACA,qBAAA,CACA,UAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.omrs-main-content {\n background-color: white;\n}\n\n.btnLayer {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n\n.tableLayer {\n padding-left: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n background: white;\n padding-top: layout.$spacing-01;\n}\n\n.loading {\n display: flex;\n padding-top: layout.$spacing-05;\n padding-right: layout.$spacing-05;\n padding-bottom: layout.$spacing-05;\n margin-top: layout.$spacing-05;\n flex-direction: row;\n justify-content: flex-end;\n background-color: white;\n width: 100%;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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={"omrs-main-content":"-esm-admin__facility-setup__omrs-main-content___0dBrx",btnLayer:"-esm-admin__facility-setup__btnLayer___gBKbT",tableLayer:"-esm-admin__facility-setup__tableLayer___FGvin",loading:"-esm-admin__facility-setup__loading___FkN+3"};const o=r},4626:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__header__header___IEIUL{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);height:6rem;display:flex;justify-content:space-between;padding:1rem;background:#fff;border:1px solid #e0e0e0}.-esm-admin__header__svgContainer___Aq5\\+2 svg{width:4rem;height:4rem;margin-right:1.5rem;fill:var(--brand-03)}","",{version:3,sources:["webpack://./src/components/facility-setup/header/header.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,oCC81BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD51BF,WE4DW,CF3DX,YAAA,CACA,6BAAA,CACA,YEsBW,CFrBX,eAAA,CACA,wBAAA,CAEF,+CACE,UE0CW,CFzCX,WEyCW,CFxCX,mBEoBW,CFnBX,oBAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.header {\n @include type.type-style('body-compact-02');\n height: layout.$spacing-12;\n display: flex;\n justify-content: space-between;\n padding: layout.$spacing-05;\n background: white;\n border: 1px solid colors.$gray-20;\n}\n.svgContainer svg {\n width: layout.$spacing-10;\n height: layout.$spacing-10;\n margin-right: layout.$spacing-06;\n fill: var(--brand-03);\n}\n","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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, 2023\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={header:"-esm-admin__header__header___IEIUL",svgContainer:"-esm-admin__header__svgContainer___Aq5+2"};const o=r},4458:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__header__header___uIrzQ{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);height:6rem;display:flex;justify-content:space-between;padding:1rem;background:#fff;border:1px solid #e0e0e0}.-esm-admin__header__svgContainer___nHaJ4 svg{width:4rem;height:4rem;margin-right:1.5rem;fill:var(--brand-03)}","",{version:3,sources:["webpack://./src/components/header/header.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,oCC81BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD51BF,WE4DW,CF3DX,YAAA,CACA,6BAAA,CACA,YEsBW,CFrBX,eAAA,CACA,wBAAA,CAEF,8CACE,UE0CW,CFzCX,WEyCW,CFxCX,mBEoBW,CFnBX,oBAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.header {\n @include type.type-style('body-compact-02');\n height: layout.$spacing-12;\n display: flex;\n justify-content: space-between;\n padding: layout.$spacing-05;\n background: white;\n border: 1px solid colors.$gray-20;\n}\n.svgContainer svg {\n width: layout.$spacing-10;\n height: layout.$spacing-10;\n margin-right: layout.$spacing-06;\n fill: var(--brand-03);\n}\n","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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, 2023\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={header:"-esm-admin__header__header___uIrzQ",svgContainer:"-esm-admin__header__svgContainer___nHaJ4"};const o=r},4776:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__operation-log__logTable___QjWfF{margin:0 auto}.-esm-admin__operation-log__table___MMxRo{border:1px solid #c6c6c6}","",{version:3,sources:["webpack://./src/components/logs-table/operation-log.scss"],names:[],mappings:"AAIA,6CACE,aAAA,CAEF,0CACE,wBAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.logTable {\n margin: 0 auto;\n}\n.table {\n border: 1px solid colors.$gray-30;\n}\n"],sourceRoot:""}]),r.locals={logTable:"-esm-admin__operation-log__logTable___QjWfF",table:"-esm-admin__operation-log__table___MMxRo"};const o=r},8279:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__hwr-confirmation-modal__healthWorkerInfoContainer___l8xow{display:grid;grid-template-columns:.25fr .75fr;margin:.25rem}.-esm-admin__hwr-confirmation-modal__healthWorkerInfoLabel___S\\+Qs-{min-width:5rem;font-weight:bold}.-esm-admin__hwr-confirmation-modal__healthWorkerOverview___6Sgz9{display:flex;margin:1rem}.-esm-admin__hwr-confirmation-modal__healthWorkerPhoto___--9ic{display:flex;align-items:center}","",{version:3,sources:["webpack://./src/components/modal/hwr-confirmation.modal.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,uEACE,YAAA,CACA,iCAAA,CACA,aCSW,CDPb,oEACE,cCmDW,CDlDX,gBAAA,CAEF,kEACE,YAAA,CACA,WCgBW,CDdb,+DACE,YAAA,CACA,kBAAA",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.healthWorkerInfoContainer {\n display: grid;\n grid-template-columns: 0.25fr 0.75fr;\n margin: layout.$spacing-02;\n}\n.healthWorkerInfoLabel {\n min-width: layout.$spacing-11;\n font-weight: bold;\n}\n.healthWorkerOverview {\n display: flex;\n margin: layout.$spacing-05;\n}\n.healthWorkerPhoto {\n display: flex;\n align-items: center;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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={healthWorkerInfoContainer:"-esm-admin__hwr-confirmation-modal__healthWorkerInfoContainer___l8xow",healthWorkerInfoLabel:"-esm-admin__hwr-confirmation-modal__healthWorkerInfoLabel___S+Qs-",healthWorkerOverview:"-esm-admin__hwr-confirmation-modal__healthWorkerOverview___6Sgz9",healthWorkerPhoto:"-esm-admin__hwr-confirmation-modal__healthWorkerPhoto___--9ic"};const o=r},6689:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__hwr-sync-modal__modalContainer___8shjg{display:flex;justify-content:center;gap:1rem;margin-top:.5rem;margin-bottom:4rem;height:auto;align-items:center;width:100%}.-esm-admin__hwr-sync-modal__identifierTypeColumn___8cwEw{margin-top:1rem;margin-bottom:4rem;flex-grow:1;min-width:250px}.-esm-admin__hwr-sync-modal__identifierTypeHeader___sbt8R{color:#525252;display:inline-block;font-size:.75rem;line-height:1rem;margin-bottom:.5rem;vertical-align:baseline}","",{version:3,sources:["webpack://./src/components/modal/hwr-sync.modal.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAIA,oDACE,YAAA,CACA,sBAAA,CACA,QCwBW,CDvBX,gBCaW,CDZX,kBC+CW,CD9CX,WAAA,CACA,kBAAA,CACA,UAAA,CAGF,0DACE,eCeW,CDdX,kBCuCW,CDtCX,WAAA,CACA,eAAA,CAGF,0DACE,aEyBQ,CFxBR,oBAAA,CACA,gBCCW,CAAA,gBAKA,CDJX,mBCNW,CDOX,uBAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.modalContainer {\n display: flex;\n justify-content: center;\n gap: layout.$spacing-05;\n margin-top: layout.$spacing-03;\n margin-bottom: layout.$spacing-10;\n height: auto;\n align-items: center;\n width: 100%;\n}\n\n.identifierTypeColumn {\n margin-top: layout.$spacing-05;\n margin-bottom: layout.$spacing-10;\n flex-grow: 1;\n min-width: 250px;\n}\n\n.identifierTypeHeader {\n color: colors.$gray-70;\n display: inline-block;\n font-size: layout.$spacing-04;\n line-height: layout.$spacing-05;\n margin-bottom: layout.$spacing-03;\n vertical-align: baseline;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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={modalContainer:"-esm-admin__hwr-sync-modal__modalContainer___8shjg",identifierTypeColumn:"-esm-admin__hwr-sync-modal__identifierTypeColumn___8cwEw",identifierTypeHeader:"-esm-admin__hwr-sync-modal__identifierTypeHeader___sbt8R"};const o=r},2255:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__left-panel__leftPanel___8a59U{border-right:1px solid #e0e0e0;padding-top:1rem}.-esm-admin__left-panel__leftPanel___8a59U .cds--side-nav__link{color:#525252;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-admin__left-panel__leftPanel___8a59U .cds--side-nav__link:focus,.-esm-admin__left-panel__leftPanel___8a59U .cds--side-nav__link:hover{background-color:#e8e8e8}.-esm-admin__left-panel__leftPanel___8a59U .cds--side-nav__link.active-left-nav-link{color:#161616;border-left:.25rem solid var(--brand-01);outline:none;padding:0 .75rem;background-color:#e0e0e0}.omrs-breakpoint-gt-tablet .cds--side-nav__link{height:2rem}.omrs-breakpoint-lt-desktop .cds--side-nav__link{height:3rem}","",{version:3,sources:["webpack://./src/components/side-menu/left-panel.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAIA,2CACE,8BAAA,CACA,gBCyBW,CDtBX,gEACE,aEsCM,CCkzBN,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CHr1BA,4IAEE,wBEuJU,CFnJZ,qFACE,aE+BK,CF9BL,wCAAA,CACA,YAAA,CACA,gBAAA,CACA,wBEmBI,CFZR,gDACE,WCSS,CDHX,iDACE,WCYS",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.leftPanel {\n border-right: 1px solid colors.$gray-20;\n padding-top: layout.$spacing-05;\n\n // Left nav menu item\n :global(.cds--side-nav__link) {\n color: colors.$gray-70;\n @include type.type-style('heading-compact-01');\n\n &:focus,\n &:hover {\n background-color: colors.$gray-10-hover;\n }\n\n // Active menu item\n &:global(.active-left-nav-link) {\n color: colors.$gray-100;\n border-left: layout.$spacing-02 solid var(--brand-01);\n outline: none;\n padding: 0 layout.$spacing-04;\n background-color: colors.$gray-20;\n }\n }\n}\n\n/ Desktop /\n:global(.omrs-breakpoint-gt-tablet) {\n :global(.cds--side-nav__link) {\n height: layout.$spacing-07;\n }\n}\n\n/ Tablet /\n:global(.omrs-breakpoint-lt-desktop) {\n :global(.cds--side-nav__link) {\n height: layout.$spacing-09;\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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={leftPanel:"-esm-admin__left-panel__leftPanel___8a59U"};const o=r},3905:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-admin__header__header___n-zWR{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-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem}.-esm-admin__header__leftJustifiedItems___kuHPq{display:flex;flex-direction:row;align-items:center;cursor:pointer;align-items:center}.-esm-admin__header__rightJustifiedItems___yv4lI{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;display:flex;flex-direction:column;justify-content:space-between}.-esm-admin__header__pageName___CMtJ6{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-admin__header__pageLabels___6SwMu{margin:1rem}.-esm-admin__header__pageLabels___6SwMu p:first-of-type{margin-bottom:.25rem}.-esm-admin__header__dateAndLocation___yAUYR{display:flex;justify-content:flex-end;align-items:center}.-esm-admin__header__userContainer___m9D8e{display:flex;justify-content:flex-end;gap:1rem}.-esm-admin__header__value___xYd6X{margin-left:.25rem}.-esm-admin__header__middot___31Exk{margin:0 .5rem}.-esm-admin__header__view___gGZWm{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)}html[dir=rtl] .-esm-admin__header__date-and-location___\\+ISZ6>svg{order:-1}html[dir=rtl] .-esm-admin__header__date-and-location___\\+ISZ6>span:nth-child(2){order:-2}.-esm-admin__header__userIcon___9Xgz4{fill:#161616;margin:.125rem}.-esm-admin__header__svgContainer___ZEU\\+w svg{width:4rem;height:4rem;margin-right:1.5rem;fill:var(--brand-03)}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/components/users/header/header.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCvDF,oCC81BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD51BF,aDDQ,CCER,WE2DW,CF1DX,qBDPM,CCQN,+BAAA,CACA,YAAA,CACA,6BAAA,CACA,YEmBW,CFhBb,gDACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,cAAA,CACA,kBAAA,CAGF,iDC20BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CDz0BF,aDpBQ,CCqBR,YAAA,CACA,qBAAA,CACA,6BAAA,CAGF,sCCm0BI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,sDAAA,CD/zBJ,wCACE,WELW,CFOX,wDACE,oBEvBS,CF2Bb,6CACE,YAAA,CACA,wBAAA,CACA,kBAAA,CAGF,2CACE,YAAA,CACA,wBAAA,CACA,QErBW,CFwBb,mCACE,kBExCW,CF2Cb,oCACE,cAAA,CAGF,kCCmyBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CD5xBA,kEACE,QAAA,CAEF,gFACE,QAAA,CAKN,sCACE,YD5EM,CC6EN,cEtEW,CFyEb,+CACE,UE7BW,CF8BX,WE9BW,CF+BX,mBEnDW,CFoDX,oBAAA",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 --bottom-nav-height: 4rem;\n --workspace-header-height: 3rem;\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\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/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as ;\n\n.header {\n @include type.type-style('body-compact-02');\n color: $text-02;\n height: layout.$spacing-12;\n background-color: $ui-02;\n border-bottom: 1px solid $ui-03;\n display: flex;\n justify-content: space-between;\n padding: layout.$spacing-05;\n}\n\n.leftJustifiedItems {\n display: flex;\n flex-direction: row;\n align-items: center;\n cursor: pointer;\n align-items: center;\n}\n\n.rightJustifiedItems {\n @include type.type-style('body-compact-02');\n color: $text-02;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.pageName {\n @include type.type-style('heading-04');\n}\n\n.pageLabels {\n margin: layout.$spacing-05;\n\n p:first-of-type {\n margin-bottom: layout.$spacing-02;\n }\n}\n\n.dateAndLocation {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n\n.userContainer {\n display: flex;\n justify-content: flex-end;\n gap: layout.$spacing-05;\n}\n\n.value {\n margin-left: layout.$spacing-02;\n}\n\n.middot {\n margin: 0 layout.$spacing-03;\n}\n\n.view {\n @include type.type-style('label-01');\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n .date-and-location {\n & > svg {\n order: -1;\n }\n & > span:nth-child(2) {\n order: -2;\n }\n }\n}\n\n.userIcon {\n fill: $ui-05;\n margin: layout.$spacing-01;\n}\n\n.svgContainer svg {\n width: layout.$spacing-10;\n height: layout.$spacing-10;\n margin-right: layout.$spacing-06;\n fill: var(--brand-03);\n}\n","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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, 2023\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={header:"-esm-admin__header__header___n-zWR",leftJustifiedItems:"-esm-admin__header__leftJustifiedItems___kuHPq",rightJustifiedItems:"-esm-admin__header__rightJustifiedItems___yv4lI",pageName:"-esm-admin__header__pageName___CMtJ6",pageLabels:"-esm-admin__header__pageLabels___6SwMu",dateAndLocation:"-esm-admin__header__dateAndLocation___yAUYR",userContainer:"-esm-admin__header__userContainer___m9D8e",value:"-esm-admin__header__value___xYd6X",middot:"-esm-admin__header__middot___31Exk",view:"-esm-admin__header__view___gGZWm","date-and-location":"-esm-admin__header__date-and-location___+ISZ6",userIcon:"-esm-admin__header__userIcon___9Xgz4",svgContainer:"-esm-admin__header__svgContainer___ZEU+w"};const o=r},9765:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__user-role-fields__roleStockFields___QRGN7{display:flex;flex-direction:column;gap:1rem;outline:1px solid #f4f4f4;padding:1rem}.-esm-admin__user-role-fields__checkBoxColumn___AqKCb{background-color:#f4f4f4;margin:1rem;padding:.5rem;border-radius:1rem}.-esm-admin__user-role-fields__checkboxLabelSingleLine___cEq-V{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:14px}.-esm-admin__user-role-fields__checkboxGroupGrid___e1jE4{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:.5rem;column-gap:.25rem;font-size:14px}.-esm-admin__user-role-fields__checkboxGroupGrid___e1jE4 .cds--fieldset-legend{font-size:14px}.-esm-admin__user-role-fields__CheckboxGroup___GyAWk .-esm-admin__user-role-fields__bx--fieldset-legend___UGVcE{font-size:14px}.-esm-admin__user-role-fields__btn___a2s\\+W{min-width:50%}.-esm-admin__user-role-fields__checkboxLabelSelected___xDiK6{background-color:#defbe6;border-radius:1rem;padding:.25rem;display:flex;align-items:center;font-size:14px;transition:background-color .3s ease}.-esm-admin__user-role-fields__checkboxLabel___iS8H5{background-color:rgba(0,0,0,0);border-radius:1rem;padding:.25rem;display:flex;align-items:center;transition:background-color .3s ease;font-size:14px}.-esm-admin__user-role-fields__leftContainer___dWm2-{display:flex;flex-direction:column;border-radius:1rem;overflow:hidden}.-esm-admin__user-role-fields__leftLayout___i2uNx{display:flex;flex-direction:row;height:100%}.-esm-admin__user-role-fields__progressIndicator___J2bg\\+{display:flex;flex-direction:column;min-width:200px;padding-top:.5rem;border-right:1px solid #c6c6c6}.-esm-admin__user-role-fields__sections___kBEzm{flex:1;padding:.75rem}@media(max-width: 768px){.-esm-admin__user-role-fields__leftLayout___i2uNx{flex-direction:column}.-esm-admin__user-role-fields__progressIndicator___J2bg\\+{flex-direction:row;border-right:none;border-bottom:1px solid #c6c6c6;min-width:unset;justify-content:space-between;padding:.25rem}.-esm-admin__user-role-fields__sections___kBEzm{padding:.5rem}}.-esm-admin__user-role-fields__multilineCheckboxLabel___yQZBy .-esm-admin__user-role-fields__cds--checkbox-label___z9MBv{display:block;white-space:normal;word-wrap:break-word;line-height:1.4}","",{version:3,sources:["webpack://./src/components/users/manage-users/manage-user-role-scope/user-role-scope-workspace/user-role-fields.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAGA,uDACE,YAAA,CACA,qBAAA,CACA,QCyBW,CDxBX,yBAAA,CACA,YCuBW,CDpBb,sDACE,wBE8BQ,CF7BR,WCkBW,CDjBX,aCOW,CDNX,kBCgBW,CDbb,+DACE,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,oBAAA,CACA,cAAA,CAGF,yDACE,YAAA,CACA,oCAAA,CACA,aCRW,CDSX,iBCdW,CDeX,cAAA,CAEA,+EACE,cAAA,CAIJ,gHACE,cAAA,CAGF,4CACE,aAAA,CAGF,6DACE,wBEKS,CFJT,kBCjBW,CDkBX,cCjCW,CDkCX,YAAA,CACA,kBAAA,CACA,cAAA,CACA,oCAAA,CAGF,qDACE,8BAAA,CACA,kBC3BW,CD4BX,cC3CW,CD4CX,YAAA,CACA,kBAAA,CACA,oCAAA,CACA,cAAA,CAGF,qDACE,YAAA,CACA,qBAAA,CACA,kBCtCW,CDuCX,eAAA,CAGF,kDACE,YAAA,CACA,kBAAA,CACA,WAAA,CAGF,0DACE,YAAA,CACA,qBAAA,CACA,eAAA,CACA,iBC9DW,CD+DX,8BAAA,CAGF,gDACE,MAAA,CACA,cC/DW,CDkEb,yBACE,kDACE,qBAAA,CAGF,0DACE,kBAAA,CACA,iBAAA,CACA,+BAAA,CACA,eAAA,CACA,6BAAA,CACA,cCvFS,CD0FX,gDACE,aCtFS,CAAA,CD0Fb,yHACE,aAAA,CACA,kBAAA,CACA,oBAAA,CACA,eAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/colors';\n\n.roleStockFields {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-05;\n outline: 1px solid colors.$gray-10;\n padding: layout.$spacing-05;\n}\n\n.checkBoxColumn {\n background-color: colors.$gray-10;\n margin: layout.$spacing-05;\n padding: layout.$spacing-03;\n border-radius: layout.$spacing-05;\n}\n\n.checkboxLabelSingleLine {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n font-size: 14px;\n}\n\n.checkboxGroupGrid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n row-gap: layout.$spacing-03;\n column-gap: layout.$spacing-02;\n font-size: 14px;\n\n :global(.cds--fieldset-legend) {\n font-size: 14px;\n }\n}\n\n.CheckboxGroup .bx--fieldset-legend {\n font-size: 14px;\n}\n\n.btn {\n min-width: 50%;\n}\n\n.checkboxLabelSelected {\n background-color: colors.$green-10;\n border-radius: layout.$spacing-05;\n padding: layout.$spacing-02;\n display: flex;\n align-items: center;\n font-size: 14px;\n transition: background-color 0.3s ease;\n}\n\n.checkboxLabel {\n background-color: transparent;\n border-radius: layout.$spacing-05;\n padding: layout.$spacing-02;\n display: flex;\n align-items: center;\n transition: background-color 0.3s ease;\n font-size: 14px;\n}\n\n.leftContainer {\n display: flex;\n flex-direction: column;\n border-radius: layout.$spacing-05;\n overflow: hidden;\n}\n\n.leftLayout {\n display: flex;\n flex-direction: row;\n height: 100%;\n}\n\n.progressIndicator {\n display: flex;\n flex-direction: column;\n min-width: 200px;\n padding-top: layout.$spacing-03;\n border-right: 1px solid colors.$gray-30;\n}\n\n.sections {\n flex: 1;\n padding: layout.$spacing-04;\n}\n\n@media (max-width: 768px) {\n .leftLayout {\n flex-direction: column;\n }\n\n .progressIndicator {\n flex-direction: row;\n border-right: none;\n border-bottom: 1px solid colors.$gray-30;\n min-width: unset;\n justify-content: space-between;\n padding: layout.$spacing-02;\n }\n\n .sections {\n padding: layout.$spacing-03;\n }\n}\n\n.multilineCheckboxLabel .cds--checkbox-label {\n display: block;\n white-space: normal;\n word-wrap: break-word;\n line-height: 1.4;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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={roleStockFields:"-esm-admin__user-role-fields__roleStockFields___QRGN7",checkBoxColumn:"-esm-admin__user-role-fields__checkBoxColumn___AqKCb",checkboxLabelSingleLine:"-esm-admin__user-role-fields__checkboxLabelSingleLine___cEq-V",checkboxGroupGrid:"-esm-admin__user-role-fields__checkboxGroupGrid___e1jE4",CheckboxGroup:"-esm-admin__user-role-fields__CheckboxGroup___GyAWk","bx--fieldset-legend":"-esm-admin__user-role-fields__bx--fieldset-legend___UGVcE",btn:"-esm-admin__user-role-fields__btn___a2s+W",checkboxLabelSelected:"-esm-admin__user-role-fields__checkboxLabelSelected___xDiK6",checkboxLabel:"-esm-admin__user-role-fields__checkboxLabel___iS8H5",leftContainer:"-esm-admin__user-role-fields__leftContainer___dWm2-",leftLayout:"-esm-admin__user-role-fields__leftLayout___i2uNx",progressIndicator:"-esm-admin__user-role-fields__progressIndicator___J2bg+",sections:"-esm-admin__user-role-fields__sections___kBEzm",multilineCheckboxLabel:"-esm-admin__user-role-fields__multilineCheckboxLabel___yQZBy","cds--checkbox-label":"-esm-admin__user-role-fields__cds--checkbox-label___z9MBv"};const o=r},1334:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__manage-user__container___bjLyy{height:calc(100vh - 3rem)}.-esm-admin__manage-user__servicesTableContainer___9gZB-{margin:1rem}.-esm-admin__manage-user__illo___YX59k{margin-top:1rem}.-esm-admin__manage-user__content___\\+nhMN{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);color:#525252;margin-top:1rem}.-esm-admin__manage-user__tile___45XCP{border:1px solid #e0e0e0;padding:1rem 0;text-align:center}.-esm-admin__manage-user__section___sgle\\+{border-right:1px solid #e0e0e0}","",{version:3,sources:["webpack://./src/components/users/manage-users/manage-user.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAIA,4CACE,yBAAA,CAGF,yDACE,WCsBW,CDnBb,uCACE,eCkBW,CDfb,2CEk1BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CFh1BF,aG8BQ,CH7BR,eCYW,CDTb,uCACE,wBAAA,CACA,cAAA,CACA,iBAAA,CAGF,2CACE,8BAAA",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.container {\n height: calc(100vh - 3rem);\n}\n\n.servicesTableContainer {\n margin: layout.$spacing-05;\n}\n\n.illo {\n margin-top: layout.$spacing-05;\n}\n\n.content {\n @include type.type-style('heading-compact-01');\n color: colors.$gray-70;\n margin-top: layout.$spacing-05;\n}\n\n.tile {\n border: 1px solid colors.$gray-20;\n padding: layout.$spacing-05 0;\n text-align: center;\n}\n\n.section {\n border-right: 1px solid colors.$gray-20;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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, 2023\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-admin__manage-user__container___bjLyy",servicesTableContainer:"-esm-admin__manage-user__servicesTableContainer___9gZB-",illo:"-esm-admin__manage-user__illo___YX59k",content:"-esm-admin__manage-user__content___+nhMN",tile:"-esm-admin__manage-user__tile___45XCP",section:"-esm-admin__manage-user__section___sgle+"};const o=r},1181:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-admin__user-detail__patientName___6vZMy{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:#161616;font-weight:800;margin-left:.75rem;margin-right:.125rem}.-esm-admin__user-detail__middot___bTZMX{margin:0 .125rem}.-esm-admin__user-detail__spanField___k1q6Q{margin-left:.75rem;margin-right:.125rem}.-esm-admin__user-detail__gender___GvcoA{display:flex;align-items:center;color:#525252;gap:.125rem;margin-left:.25rem}.-esm-admin__user-detail__statusTag___lOuZR{display:flex;align-items:center;color:#525252;gap:.125rem;margin-left:.25rem}.-esm-admin__user-detail__demographics___W3dk0{display:flex;align-items:center;margin-bottom:.25rem;color:#525252;text-transform:uppercase}.-esm-admin__user-detail__patientBanner___voRgO{display:flex}.-esm-admin__user-detail__patientInfo___mHyGZ{display:flex;flex-direction:column;width:100%}.-esm-admin__user-detail__flexRow___3UlJT{display:flex;flex-flow:row wrap;align-items:center;margin-top:.75rem}.-esm-admin__user-detail__patientAvatar___fFKZO{margin-top:1.5rem}.-esm-admin__user-detail__viewRoles___pOnaM{margin-top:1.5rem}.-esm-admin__user-detail__roleContainer___uHs2i{display:flex;flex-direction:column;gap:.5rem}.-esm-admin__user-detail__roleDescription___s-e6n{margin:0;color:#525252;font-size:.75rem}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/components/users/manage-users/user-details/user-detail.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCtDF,8CC61BI,iDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CD31BF,aE4CS,CF3CT,eAAA,CACA,kBGiBW,CHhBX,oBGCW,CHCb,yCACE,gBAAA,CAEF,4CACE,kBGUW,CHTX,oBGNW,CHSb,yCACE,YAAA,CACA,kBAAA,CACA,aEyBQ,CFxBR,WGbW,CHcX,kBGTW,CHWb,4CACE,YAAA,CACA,kBAAA,CACA,aEkBQ,CFjBR,WGpBW,CHqBX,kBGhBW,CHkBb,+CACE,YAAA,CACA,kBAAA,CACA,oBGrBW,CHsBX,aDjCQ,CCkCR,wBAAA,CAGF,gDACE,YAAA,CAGF,8CACE,YAAA,CACA,qBAAA,CACA,UAAA,CAGF,0CACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,iBG9BW,CHgCb,gDACE,iBGvBW,CHyBb,4CACE,iBG1BW,CH4Bb,gDACE,YAAA,CACA,qBAAA,CACA,SAAA,CAGF,kDACE,QAAA,CACA,aExBQ,CFyBR,gBAAA",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 --bottom-nav-height: 4rem;\n --workspace-header-height: 3rem;\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\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/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n@use '@openmrs/esm-styleguide/src/vars' as ;\n\n.patientName {\n @include type.type-style('label-02');\n color: colors.$gray-100;\n font-weight: 800;\n margin-left: layout.$spacing-04;\n margin-right: layout.$spacing-01;\n}\n.middot {\n margin: 0 layout.$spacing-01;\n}\n.spanField {\n margin-left: layout.$spacing-04;\n margin-right: layout.$spacing-01;\n}\n\n.gender {\n display: flex;\n align-items: center;\n color: colors.$gray-70;\n gap: layout.$spacing-01;\n margin-left: layout.$spacing-02;\n}\n.statusTag {\n display: flex;\n align-items: center;\n color: colors.$gray-70;\n gap: layout.$spacing-01;\n margin-left: layout.$spacing-02;\n}\n.demographics {\n display: flex;\n align-items: center;\n margin-bottom: layout.$spacing-02;\n color: $text-02;\n text-transform: uppercase;\n}\n\n.patientBanner {\n display: flex;\n}\n\n.patientInfo {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.flexRow {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n margin-top: layout.$spacing-04;\n}\n.patientAvatar {\n margin-top: layout.$spacing-06;\n}\n.viewRoles {\n margin-top: layout.$spacing-06;\n}\n.roleContainer {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.roleDescription {\n margin: 0;\n color: colors.$gray-70;\n font-size: type.type-scale(1);\n}\n","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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, 2023\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, 2023\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={patientName:"-esm-admin__user-detail__patientName___6vZMy",middot:"-esm-admin__user-detail__middot___bTZMX",spanField:"-esm-admin__user-detail__spanField___k1q6Q",gender:"-esm-admin__user-detail__gender___GvcoA",statusTag:"-esm-admin__user-detail__statusTag___lOuZR",demographics:"-esm-admin__user-detail__demographics___W3dk0",patientBanner:"-esm-admin__user-detail__patientBanner___voRgO",patientInfo:"-esm-admin__user-detail__patientInfo___mHyGZ",flexRow:"-esm-admin__user-detail__flexRow___3UlJT",patientAvatar:"-esm-admin__user-detail__patientAvatar___fFKZO",viewRoles:"-esm-admin__user-detail__viewRoles___pOnaM",roleContainer:"-esm-admin__user-detail__roleContainer___uHs2i",roleDescription:"-esm-admin__user-detail__roleDescription___s-e6n"};const o=r},9544:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__user-list__buttonContainer___8\\+uWR{display:flex;justify-content:flex-end;align-items:center;gap:.25rem;margin-bottom:1rem}.-esm-admin__user-list__buttonContainer___8\\+uWR .-esm-admin__user-list__filterByText___o1WGV{margin:0;display:flex;align-items:center;padding-right:.5rem}.-esm-admin__user-list__dropDownFilter___2BeyU{margin-right:.5rem;min-width:205px;text-align:start}.-esm-admin__user-list__widgetCard___vPGK4{background-color:#fff}.-esm-admin__user-list__Container___KGUxf{margin:1rem}.-esm-admin__user-list__providerContainer___1d\\+Vc{background-color:#fff;border:1px solid #e0e0e0;border-bottom:none;width:100%;margin:0 auto}","",{version:3,sources:["webpack://./src/components/users/manage-users/user-list/user-list.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,iDACE,YAAA,CACA,wBAAA,CACA,kBAAA,CACA,UCQW,CDPX,kBCsBW,CDpBX,8FACE,QAAA,CACA,YAAA,CACA,kBAAA,CACA,mBCMS,CDHb,+CACE,kBCEW,CDDX,eAAA,CACA,gBAAA,CAGF,2CACE,qBAAA,CAEF,0CACE,WCGW,CDDb,mDACE,qBAAA,CACA,wBAAA,CACA,kBAAA,CACA,UAAA,CACA,aAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/colors';\n@use '@carbon/type';\n\n.buttonContainer {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: layout.$spacing-02;\n margin-bottom: layout.$spacing-05;\n\n .filterByText {\n margin: 0;\n display: flex;\n align-items: center;\n padding-right: layout.$spacing-03;\n }\n}\n.dropDownFilter {\n margin-right: layout.$spacing-03;\n min-width: 205px;\n text-align: start;\n}\n\n.widgetCard {\n background-color: white;\n}\n.Container {\n margin: layout.$spacing-05;\n}\n.providerContainer {\n background-color: white;\n border: 1px solid colors.$gray-20;\n border-bottom: none;\n width: 100%;\n margin: 0 auto;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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={buttonContainer:"-esm-admin__user-list__buttonContainer___8+uWR",filterByText:"-esm-admin__user-list__filterByText___o1WGV",dropDownFilter:"-esm-admin__user-list__dropDownFilter___2BeyU",widgetCard:"-esm-admin__user-list__widgetCard___vPGK4",Container:"-esm-admin__user-list__Container___KGUxf",providerContainer:"-esm-admin__user-list__providerContainer___1d+Vc"};const o=r},1273:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,'.-esm-admin__user-management-workspace__form___J-YXE{display:flex;flex-direction:column;justify-content:space-between;height:100%}.-esm-admin__user-management-workspace__formContainer___Hdg7U{margin-right:1rem;margin-left:0;margin-top:1rem;margin-bottom:1rem}.-esm-admin__user-management-workspace__tablet___RPMV2{padding:1.5rem 1rem;background-color:#fff}.-esm-admin__user-management-workspace__desktop___67qHp{padding:0;width:100%}.-esm-admin__user-management-workspace__formStackControl___gS5TL{row-gap:1rem}.-esm-admin__user-management-workspace__checkBoxColumn___hu1tV{background-color:#f4f4f4;margin:1rem;padding:.5rem;border-radius:1rem}.-esm-admin__user-management-workspace__checkboxLabelSingleLine___tQo08{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:14px}.-esm-admin__user-management-workspace__checkboxGroupGrid___fVtjF{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:.5rem;column-gap:.25rem;font-size:14px}.-esm-admin__user-management-workspace__checkboxGroupGrid___fVtjF .cds--fieldset-legend{font-size:14px}.-esm-admin__user-management-workspace__CheckboxGroup___A3Jch .-esm-admin__user-management-workspace__bx--fieldset-legend___LLcQy{font-size:14px}.-esm-admin__user-management-workspace__btn___y\\+xMM{min-width:50%}.-esm-admin__user-management-workspace__checkboxLabelSelected___PK0zA{background-color:#defbe6;border-radius:1rem;padding:.25rem;display:flex;align-items:center;font-size:14px;transition:background-color .3s ease}.-esm-admin__user-management-workspace__checkboxLabel___-uUw8{background-color:rgba(0,0,0,0);border-radius:1rem;padding:.25rem;display:flex;align-items:center;transition:background-color .3s ease;font-size:14px}.-esm-admin__user-management-workspace__leftContainer___mB-D1{display:flex;flex-direction:column;border-radius:1rem;overflow:hidden}.-esm-admin__user-management-workspace__leftLayout___WEH2F{display:flex;flex-direction:row;height:100%}.-esm-admin__user-management-workspace__progressIndicator___CiTVJ{display:flex;flex-direction:column;min-width:200px;padding-top:.5rem;border-right:1px solid #c6c6c6}.-esm-admin__user-management-workspace__sections___iy6-A{flex:1;padding:.75rem}@media(max-width: 768px){.-esm-admin__user-management-workspace__leftLayout___WEH2F{flex-direction:column}.-esm-admin__user-management-workspace__progressIndicator___CiTVJ{flex-direction:row;border-right:none;border-bottom:1px solid #c6c6c6;min-width:unset;justify-content:space-between;padding:.25rem}.-esm-admin__user-management-workspace__sections___iy6-A{padding:.5rem}}.-esm-admin__user-management-workspace__multilineCheckboxLabel___HihKp .-esm-admin__user-management-workspace__cds--checkbox-label___AaXeO{display:block;white-space:normal;word-wrap:break-word;line-height:1.4}.-esm-admin__user-management-workspace__formHeaderSection___Fmuy9{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);display:flex;align-items:center;justify-content:space-between;row-gap:1.5rem;position:relative}.-esm-admin__user-management-workspace__formHeaderSection___Fmuy9::after{content:"";display:block;width:2rem;border-bottom:.375rem solid var(--brand-03);position:absolute;bottom:-0.75rem;left:0}.-esm-admin__user-management-workspace__formHeaderSection___Fmuy9>span{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-admin__user-management-workspace__formIdentifierType___-kth7{color:#525252;display:inline-block;font-size:.75rem;line-height:1rem;line-height:1rem;margin-bottom:.5rem;vertical-align:baseline}.-esm-admin__user-management-workspace__formRow___eptg0{display:flex;align-items:center}.-esm-admin__user-management-workspace__roleStockFields___61HJJ{display:flex;flex-direction:column;gap:1rem;outline:1px solid #f4f4f4;padding:1rem}',"",{version:3,sources:["webpack://./src/components/users/manage-users/user-management.workspace.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_layout.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAIA,qDACE,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,WAAA,CAGF,8DACE,iBCmBW,CDlBX,aAAA,CACA,eCiBW,CDhBX,kBCgBW,CDbb,uDACE,mBAAA,CACA,qBEXM,CFcR,wDACE,SAAA,CACA,UAAA,CAGF,iEACE,YGlBU,CHqBZ,+DACE,wBESQ,CFRR,WCHW,CDIX,aCdW,CDeX,kBCLW,CDQb,wEACE,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,oBAAA,CACA,cAAA,CAGF,kEACE,YAAA,CACA,oCAAA,CACA,aC7BW,CD8BX,iBCnCW,CDoCX,cAAA,CAEA,wFACE,cAAA,CAIJ,kIACE,cAAA,CAGF,qDACE,aAAA,CAGF,sEACE,wBEhBS,CFiBT,kBCtCW,CDuCX,cCtDW,CDuDX,YAAA,CACA,kBAAA,CACA,cAAA,CACA,oCAAA,CAGF,8DACE,8BAAA,CACA,kBChDW,CDiDX,cChEW,CDiEX,YAAA,CACA,kBAAA,CACA,oCAAA,CACA,cAAA,CAGF,8DACE,YAAA,CACA,qBAAA,CACA,kBC3DW,CD4DX,eAAA,CAGF,2DACE,YAAA,CACA,kBAAA,CACA,WAAA,CAGF,kEACE,YAAA,CACA,qBAAA,CACA,eAAA,CACA,iBCnFW,CDoFX,8BAAA,CAGF,yDACE,MAAA,CACA,cCpFW,CDuFb,yBACE,2DACE,qBAAA,CAGF,kEACE,kBAAA,CACA,iBAAA,CACA,+BAAA,CACA,eAAA,CACA,6BAAA,CACA,cC5GS,CD+GX,yDACE,aC3GS,CAAA,CD+Gb,2IACE,aAAA,CACA,kBAAA,CACA,oBAAA,CACA,eAAA,CAGF,kEIutBI,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CJrtBF,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,cC5GW,CD6GX,iBAAA,CAEA,yEACE,UAAA,CACA,aAAA,CACA,UC7GS,CD8GT,2CAAA,CACA,iBAAA,CACA,eAAA,CACA,MAAA,CAGF,uEIqsBE,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CJjsBJ,mEACE,aElHQ,CFmHR,oBAAA,CACA,gBC1IW,CD2IX,gBCtIW,CDuIX,gBCvIW,CDwIX,mBClJW,CDmJX,uBAAA,CAEF,wDACE,YAAA,CACA,kBAAA,CAEF,gEACE,YAAA,CACA,qBAAA,CACA,QClJW,CDmJX,yBAAA,CACA,YCpJW",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.form {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n}\n\n.formContainer {\n margin-right: layout.$spacing-05;\n margin-left: 0;\n margin-top: layout.$spacing-05;\n margin-bottom: layout.$spacing-05;\n}\n\n.tablet {\n padding: layout.$spacing-06 layout.$spacing-05;\n background-color: colors.$white;\n}\n\n.desktop {\n padding: 0;\n width: 100%;\n}\n\n.formStackControl {\n row-gap: layout.$layout-01;\n}\n\n.checkBoxColumn {\n background-color: colors.$gray-10;\n margin: layout.$spacing-05;\n padding: layout.$spacing-03;\n border-radius: layout.$spacing-05;\n}\n\n.checkboxLabelSingleLine {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n font-size: 14px;\n}\n\n.checkboxGroupGrid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n row-gap: layout.$spacing-03;\n column-gap: layout.$spacing-02;\n font-size: 14px;\n\n :global(.cds--fieldset-legend) {\n font-size: 14px;\n }\n}\n\n.CheckboxGroup .bx--fieldset-legend {\n font-size: 14px;\n}\n\n.btn {\n min-width: 50%;\n}\n\n.checkboxLabelSelected {\n background-color: colors.$green-10;\n border-radius: layout.$spacing-05;\n padding: layout.$spacing-02;\n display: flex;\n align-items: center;\n font-size: 14px;\n transition: background-color 0.3s ease;\n}\n\n.checkboxLabel {\n background-color: transparent;\n border-radius: layout.$spacing-05;\n padding: layout.$spacing-02;\n display: flex;\n align-items: center;\n transition: background-color 0.3s ease;\n font-size: 14px;\n}\n\n.leftContainer {\n display: flex;\n flex-direction: column;\n border-radius: layout.$spacing-05;\n overflow: hidden;\n}\n\n.leftLayout {\n display: flex;\n flex-direction: row;\n height: 100%;\n}\n\n.progressIndicator {\n display: flex;\n flex-direction: column;\n min-width: 200px;\n padding-top: layout.$spacing-03;\n border-right: 1px solid colors.$gray-30;\n}\n\n.sections {\n flex: 1;\n padding: layout.$spacing-04;\n}\n\n@media (max-width: 768px) {\n .leftLayout {\n flex-direction: column;\n }\n\n .progressIndicator {\n flex-direction: row;\n border-right: none;\n border-bottom: 1px solid colors.$gray-30;\n min-width: unset;\n justify-content: space-between;\n padding: layout.$spacing-02;\n }\n\n .sections {\n padding: layout.$spacing-03;\n }\n}\n\n.multilineCheckboxLabel .cds--checkbox-label {\n display: block;\n white-space: normal;\n word-wrap: break-word;\n line-height: 1.4;\n}\n\n.formHeaderSection {\n @include type.type-style('heading-02');\n display: flex;\n align-items: center;\n justify-content: space-between;\n row-gap: layout.$spacing-06;\n position: relative;\n\n &::after {\n content: '';\n display: block;\n width: layout.$spacing-07;\n border-bottom: 0.375rem solid var(--brand-03);\n position: absolute;\n bottom: -0.75rem;\n left: 0;\n }\n\n & > span {\n @include type.type-style('body-01');\n }\n}\n.formIdentifierType {\n color: colors.$gray-70;\n display: inline-block;\n font-size: layout.$spacing-04;\n line-height: layout.$spacing-05;\n line-height: layout.$spacing-05;\n margin-bottom: layout.$spacing-03;\n vertical-align: baseline;\n}\n.formRow {\n display: flex;\n align-items: center;\n}\n.roleStockFields {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-05;\n outline: 1px solid colors.$gray-10;\n padding: layout.$spacing-05;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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, 2023\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, 2023\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$layout-01: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-02: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-03: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-04: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-05: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-06: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$layout-07: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$layout: (\n layout-01: $layout-01,\n layout-02: $layout-02,\n layout-03: $layout-03,\n layout-04: $layout-04,\n layout-05: $layout-05,\n layout-06: $layout-06,\n layout-07: $layout-07,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\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/// @deprecated\n/// @group @carbon/type\n$caption-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/// @deprecated\n/// @group @carbon/type\n$caption-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.32px,\n) !default;\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: 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-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 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 // 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) !default;\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={form:"-esm-admin__user-management-workspace__form___J-YXE",formContainer:"-esm-admin__user-management-workspace__formContainer___Hdg7U",tablet:"-esm-admin__user-management-workspace__tablet___RPMV2",desktop:"-esm-admin__user-management-workspace__desktop___67qHp",formStackControl:"-esm-admin__user-management-workspace__formStackControl___gS5TL",checkBoxColumn:"-esm-admin__user-management-workspace__checkBoxColumn___hu1tV",checkboxLabelSingleLine:"-esm-admin__user-management-workspace__checkboxLabelSingleLine___tQo08",checkboxGroupGrid:"-esm-admin__user-management-workspace__checkboxGroupGrid___fVtjF",CheckboxGroup:"-esm-admin__user-management-workspace__CheckboxGroup___A3Jch","bx--fieldset-legend":"-esm-admin__user-management-workspace__bx--fieldset-legend___LLcQy",btn:"-esm-admin__user-management-workspace__btn___y+xMM",checkboxLabelSelected:"-esm-admin__user-management-workspace__checkboxLabelSelected___PK0zA",checkboxLabel:"-esm-admin__user-management-workspace__checkboxLabel___-uUw8",leftContainer:"-esm-admin__user-management-workspace__leftContainer___mB-D1",leftLayout:"-esm-admin__user-management-workspace__leftLayout___WEH2F",progressIndicator:"-esm-admin__user-management-workspace__progressIndicator___CiTVJ",sections:"-esm-admin__user-management-workspace__sections___iy6-A",multilineCheckboxLabel:"-esm-admin__user-management-workspace__multilineCheckboxLabel___HihKp","cds--checkbox-label":"-esm-admin__user-management-workspace__cds--checkbox-label___AaXeO",formHeaderSection:"-esm-admin__user-management-workspace__formHeaderSection___Fmuy9",formIdentifierType:"-esm-admin__user-management-workspace__formIdentifierType___-kth7",formRow:"-esm-admin__user-management-workspace__formRow___eptg0",roleStockFields:"-esm-admin__user-management-workspace__roleStockFields___61HJJ"};const o=r},3734:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(977),i=a.n(t),l=a(5924),r=a.n(l)()(i());r.push([e.id,".-esm-admin__root__container___Q6d43{background-color:#fff;height:calc(100vh - 3rem)}.omrs-breakpoint-gt-tablet .-esm-admin__root__container___Q6d43{margin-left:var(--omrs-sidenav-width)}","",{version:3,sources:["webpack://./src/root.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAIA,qCACE,qBCqHQ,CDpHR,yBAAA,CAGF,gEACE,qCAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.container {\n background-color: colors.$white-0;\n height: calc(100vh - layout.$spacing-09);\n}\n\n:global(.omrs-breakpoint-gt-tablet) .container {\n margin-left: var(--omrs-sidenav-width);\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\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-admin__root__container___Q6d43"};const o=r},8750:(e,n,a)=>{"use strict";a.r(n),a.d(n,{etlAdministrationLeftPannelLink:()=>Ya,facilitySetupLeftPanelLink:()=>Ja,hwrConfirmationModal:()=>Qa,hwrEmptyModal:()=>Va,hwrSyncModal:()=>Ka,importTranslation:()=>Pa,manageUserWorkspace:()=>Ga,operationConfirmationModal:()=>ja,root:()=>Ra,startupApp:()=>qa,userManagementLeftPannelLink:()=>Xa,userRoleScopeWorkspace:()=>Ha});var t=a(1083),i={providerNationalIdUuid:{_type:t.Type.String,_description:"UUID for provider national id",_default:"3d152c97-2293-4a2b-802e-e0f1009b7b15"},passportNumberUuid:{_type:t.Type.String,_description:"UUID for passport number identification for provider",_default:"5b4b88e8-9db3-41e6-a175-5e39f2c8a9a5"},providerHieFhirReference:{_type:t.Type.String,_description:"UUID for provider hie fhir reference",_default:"67b94e8e-4d61-4810-b0f1-d86497f6e553"},qualificationUuid:{_type:t.Type.String,_description:"UUID for provider hie qualification",_default:"43f99413-6e7f-4812-bc60-066bb1d43f94"},licenseBodyUuid:{_type:t.Type.String,_description:"UUID for license body",_default:"ba18bb97-d17c-4640-80d2-58e7df90ca4c"},licenseNumberUuid:{_type:t.Type.String,_description:"UUID for license number",_default:"bcaaa67b-cc72-4662-90c2-e1e992ceda66"},licenseExpiryDateUuid:{_type:t.Type.String,_description:"UUID for license expiry date",_default:"00539959-a1c7-4848-a5ed-8941e9d5e835"},phoneNumberUuid:{_type:t.Type.String,_description:"UUID for provider phone number",_default:"37daed7f-1f4e-4e62-8e83-6048ade18a87"},providerAddressUuid:{_type:t.Type.String,_description:"UUID for provider address",_default:"033ff604-ecf7-464f-b623-5b77c733667f"},personEmailAttributeUuid:{_type:t.Type.String,_description:"UUID for person email attribute",_default:"b8d0b331-1d2d-4a9a-b741-1816f498bdb6"},personPhonenumberAttributeUuid:{_type:t.Type.String,_description:"UUID for person phone number attribute",_default:"b2c38640-2603-4629-aebd-3b54f33f1e3a"},providerUniqueIdentifierAttributeTypeUuid:{_type:t.Type.String,_description:"UUID for provider unique identifier attribute type",_default:"dace9d99-9f29-4653-9eae-c05929f34a32"},identifierTypes:{_type:t.Type.Array,_elements:{_type:t.Type.Object,properties:{key:{_type:t.Type.String},name:{_type:t.Type.String}}},_default:[{key:"National ID",name:"National ID"},{key:"registration_number",name:"Registration Number"},{key:"Passport",name:"Passport Number"}],_description:"List of identifier types with unique keys for each."}},l="@kenyaemr/esm-admin-app",r=("".concat(window.spaBase),function(){var e=new Date;return new Date(e.getFullYear(),e.getMonth(),e.getDate())}),o="DD/MM/YYYY",s=function(e){return e?new Date(e):""},c="NO_API_CREDENNTIALS",u="RESOURCE_NOT_FOUND",d="UNKNOWN",f="Core Inventory Roles",p=a(380),g=a.n(p),y=a(3150),h=a(5198);var b=a(8877),m=a(2591),$=a.n(m),v=a(1740),w=a.n(v),A=a(8128),_=a.n(A),k=a(855),x=a.n(k),C=a(3051),z=a.n(C),E=a(3656),M=a.n(E),N=a(3734),T={};T.styleTagTransform=M(),T.setAttributes=x(),T.insert=_().bind(null,"head"),T.domAPI=w(),T.insertStyleElement=z(),$()(N.A,T);const I=N.A&&N.A.locals?N.A.locals:void 0;var B=a(2255),S={};S.styleTagTransform=M(),S.setAttributes=x(),S.insert=_().bind(null,"head"),S.domAPI=w(),S.insertStyleElement=z(),$()(B.A,S);const D=B.A&&B.A.locals?B.A.locals:void 0;(0,t.attach)("nav-menu-slot","admin-left-panel");const L=function(){var e=(0,y.useTranslation)().t,n=(0,t.useLayoutType)();return(0,t.isDesktop)(n)&&g().createElement(h.SideNav,{"aria-label":e("adminLeftPannel","Admin left panel"),className:D.leftPanel,expanded:!0},g().createElement(t.ExtensionSlot,{name:"admin-left-panel-slot"}))};var O=a(1334),F={};F.styleTagTransform=M(),F.setAttributes=x(),F.insert=_().bind(null,"head"),F.domAPI=w(),F.insertStyleElement=z(),$()(O.A,F);const W=O.A&&O.A.locals?O.A.locals:void 0;var U=a(2326),P=a(3503),R=a(3464),q=a.n(R),j=a(3945),G={};G.styleTagTransform=M(),G.setAttributes=x(),G.insert=_().bind(null,"head"),G.domAPI=w(),G.insertStyleElement=z(),$()(j.A,G);const H=j.A&&j.A.locals?j.A.locals:void 0,X=function(e){var n=e.subTitle;return g().createElement("div",{className:H.emptyStateContainer},g().createElement(P.K0,null),g().createElement("p",{className:H.subTitle},n))};var Y=a(8010),J=a.n(Y);function Q(){var e,n,a=J()("/ws/rest/v1/systemsetting?q=kenyaemr.userRole.config&v=custom:(uuid,value,property)",t.openmrsFetch,{revalidateOnFocus:!1,revalidateOnReconnect:!1}),i=a.data,l=a.error,r=a.isLoading,o=a.mutate,s=null==i\|\|null===(n=i.data)\|\|void 0===n\|\|null===(e=n.results)\|\|void 0===e?void 0:e.find((function(e){return"kenyaemr.userRole.config"===e.property})),c=[];if(null==s?void 0:s.value)try{c=JSON.parse(s.value)}catch(e){console.error("Error parsing roles configuration:",e)}return{rolesConfig:c,isLoading:r,mutate:o,error:l}}var V=a(1123),K=function(){var e,n=encodeURIComponent("custom:(uuid,display,username,systemId,person:(uuid,display,gender),roles:(uuid,display,description))"),a="".concat(t.restBaseUrl,"/user?v=").concat(n),i=(0,V.Ay)(a,t.openmrsFetch),l=i.data,r=i.isLoading,o=i.error,s=i.mutate;return{users:(null==l\|\|null===(e=l.data)\|\|void 0===e?void 0:e.results)\|\|[],isLoading:r,mutate:s,error:o}},Z=a(9544),ee={};ee.styleTagTransform=M(),ee.setAttributes=x(),ee.insert=_().bind(null,"head"),ee.domAPI=w(),ee.insertStyleElement=z(),$()(Z.A,ee);const ne=Z.A&&Z.A.locals?Z.A.locals:void 0;var ae=function(e){if(!e)return"--";var n=q()(e);return n.isValid()?n.format("DD-MMM-YYYY, hh:mm A"):"--"},te=a(1181),ie={};ie.styleTagTransform=M(),ie.setAttributes=x(),ie.insert=_().bind(null,"head"),ie.domAPI=w(),ie.insertStyleElement=z(),$()(te.A,ie);const le=te.A&&te.A.locals?te.A.locals:void 0;var re=a(3373),oe=a.n(re),se=a(6005),ce=a.n(se);function ue(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}const de=function(e){var n,a,i,l,r,o=e.provider,s=e.user,c=(0,y.useTranslation)().t,u=(0,p.useRef)(null),d=Object.entries({licenseAttr:"Practising License Number",nationalID:"Provider National Id Number",dateAttr:"License Expiry Date",phoneNumber:"Provider Telephone",qualification:"Provider Qualification",registrationNumber:"License Body",emailAddress:"Provider Address",passportNumber:"Provider passport number",providerUniqueIdentifier:"Provider unique identifier"}).reduce((function(e,n){var a,t,i,l=(i=2,function(e){if(Array.isArray(e))return e}(t=n)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(t,i)\|\|function(e,n){if(e){if("string"==typeof e)return ue(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?ue(e,n):void 0}}(t,i)\|\|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=l[0],s=l[1],c=null==o\|\|null===(a=o.attributes)\|\|void 0===a?void 0:a.find((function(e){return e.attributeType.display===s}));return c&&(e[r]={value:c.value}),e}),{}),f=d.licenseAttr,b=d.nationalID,m=d.dateAttr,$=d.phoneNumber,v=d.qualification,w=d.registrationNumber,A=d.emailAddress,_=d.passportNumber,k=d.providerUniqueIdentifier,x=(null==m?void 0:m.value)?q()(m.value).format("YYYY-MM-DD"):null,C=q()(),z=(null==m?void 0:m.value)?q()(m.value):null,E=z?z.diff(C,"day"):null;return g().createElement("div",{className:le.providerDetailsContainer},g().createElement("header",{"aria-label":"patient banner",role:"banner",ref:u},g().createElement("div",{className:le.patientBanner},g().createElement("div",{className:le.patientAvatar,role:"img"},g().createElement(t.PatientPhoto,{patientUuid:null==o?void 0:o.uuid,patientName:null==o\|\|null===(n=o.person)\|\|void 0===n?void 0:n.display})),g().createElement("div",{className:le.patientInfo},g().createElement("div",{className:oe()(le.row,le.patientNameRow)},g().createElement("div",{className:le.flexRow},g().createElement("span",{className:le.patientName},null==o\|\|null===(a=o.person)\|\|void 0===a?void 0:a.display," ")," ·",g().createElement("span",{className:le.gender},"M"===(null==o\|\|null===(i=o.person)\|\|void 0===i?void 0:i.gender)?"Male":"F"===(null==o\|\|null===(l=o.person)\|\|void 0===l?void 0:l.gender)?"Female":""," ","·"," "),g().createElement("span",{className:le.statusTag},(null==f?void 0:f.value)?E<0?g().createElement(h.Tag,{type:"red"},c("licenseExpired","License has expired")):E<=3?g().createElement(g().Fragment,null,g().createElement(h.Tag,{type:"cyan"},c("licenseExpiringSoon","License is expiring soon"))):g().createElement(h.Tag,{type:"green"},c("active","Active")):g().createElement(h.Tag,{type:"red"},c("unlicensed","Unlicensed"))),g().createElement("span",{className:le.statusTag},(null==v?void 0:v.value)&&g().createElement(h.Tag,{type:"cyan"},ce()(null==v?void 0:v.value))),g().createElement("span",{className:le.statusTag},(null==k?void 0:k.value)&&g().createElement(h.Tag,{type:"cyan"},ce()(null==k?void 0:k.value))))),g().createElement("div",{className:oe()(le.row,le.patientNameRow)},g().createElement("div",{className:le.flexRow},g().createElement("span",{className:le.spanField},c("phoneNumber","Phone number"),": ",(null==$?void 0:$.value)?$.value:"--"),g().createElement("span",{className:le.middot},"· "),g().createElement("span",{className:le.spanField},c("emailAddress","Email address"),": ",(null==A?void 0:A.value)?A.value:"--"))),g().createElement("div",{className:oe()(le.row,le.patientNameRow)},g().createElement("div",{className:le.flexRow},g().createElement("span",{className:le.spanField},c("nationalId","National ID"),": ",(null==b?void 0:b.value)?b.value:"--"),g().createElement("span",{className:le.middot},"· "),g().createElement("span",{className:le.spanField},c("licenseNumber","License number"),": ",(null==f?void 0:f.value)?f.value:"--"),g().createElement("span",{className:le.middot},"· "),g().createElement("span",{className:le.spanField},c("registrationNumber","Registration number"),":"," ",(null==w?void 0:w.value)?w.value:"--"),g().createElement("span",{className:le.middot},"· "),g().createElement("span",{className:le.spanField},c("passportNumber","Passport number"),": ",(null==_?void 0:_.value)?_.value:"--"),g().createElement("span",{className:le.middot},"· "),g().createElement("span",{className:le.spanField},c("licenseExpiryDate","License expiry date"),": ",x\|\|"--")),g().createElement("div",{className:oe()(le.row,le.patientNameRow,le.viewRoles)},g().createElement(h.Accordion,null,g().createElement(h.AccordionItem,{title:c("viewRoles","View roles")},null==s\|\|null===(r=s.roles)\|\|void 0===r?void 0:r.map((function(e,n){return g().createElement(h.ContainedListItem,{key:n},g().createElement("div",{className:le.roleContainer},g().createElement("strong",null,e.display),g().createElement("p",{className:le.roleDescription},e.description\|\|c("noDescriptionAvailable","No description available"))))})))))),g().createElement("br",null)))))};var fe=a(7522);function pe(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function ge(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function ye(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){ge(e,n,a[n])}))}return e}function he(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(e,n)\|\|function(e,n){if(e){if("string"==typeof e)return pe(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?pe(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 be=function(){var e=(0,y.useTranslation)().t,n=(0,t.useLayoutType)(),a=(0,t.isDesktop)(n)?"sm":"lg",i=K(),l=i.users,r=i.isLoading,o=i.error,s=function(){var e,n=encodeURIComponent("custom:(uuid,display,person:(uuid,display,gender),identifier,attributes:(uuid,display,attributeType:(uuid,display),value:(uuid,display))"),a="".concat(t.restBaseUrl,"/provider?v=").concat(n),i=(0,V.Ay)(a,t.openmrsFetch),l=i.data,r=i.error,o=i.isLoading;return{provider:(null==l\|\|null===(e=l.data)\|\|void 0===e?void 0:e.results)\|\|[],error:r,isLoading:o}}(),c=s.provider,u=s.isLoading,d=s.error,b=he((0,p.useState)(!1),2),m=b[0],$=b[1],v=(0,t.useConfig)(),w=v.licenseNumberUuid,A=v.licenseExpiryDateUuid,_=v.providerNationalIdUuid,k=v.licenseBodyUuid,x=v.passportNumberUuid,C=v.providerUniqueIdentifierAttributeTypeUuid,z=he((0,p.useState)(10),2),E=z[0],M=z[1],N=he((0,p.useState)(""),2),T=N[0],I=N[1],B=he((0,p.useState)("allUsers"),2),S=B[0],D=B[1],L=Q(),O=L.rolesConfig,F=L.error,W=function(e){var n;return(null===(n=e.find((function(e){return e.category===f})))\|\|void 0===n?void 0:n.roles)\|\|[]}(O),R=(0,p.useCallback)((function(e){var n=e.attributes.find((function(e){return e.attributeType.uuid===w})),a=e.attributes.find((function(e){return e.attributeType.uuid===A})),t=a?q()(a.value):null;return n&&t&&t.isAfter(q()())}),[w,A]),j=(0,p.useCallback)((function(e){var n=e.attributes.find((function(e){return e.attributeType.uuid===A})),a=n?q()(n.value):null;return a&&a.isBefore(q()())}),[A]),G=(0,p.useCallback)((function(e){var n=e.attributes.find((function(e){return e.attributeType.uuid===A})),a=n?q()(n.value):null,t=q()();return a&&a.isAfter(t)&&a.diff(t,"day")>0&&a.diff(t,"day")<=3}),[A]),H=(0,p.useCallback)((function(e){var n=e.attributes.find((function(e){return e.attributeType.uuid===_})),a=e.attributes.find((function(e){return e.attributeType.uuid===w}));return!n&&!a}),[_,w]),Y=(0,p.useCallback)((function(e){$(!0),(0,t.showModal)("hwr-syncing-modal",{provider:e}),$(!1)}),[]),J=(0,p.useMemo)((function(){var e=l;switch(T&&(e=e.filter((function(e){return e.person.display.toLowerCase().includes(T.toLowerCase())}))),S){case"activeLicensed":e=e.filter((function(e){var n=c.find((function(n){var a;return(null===(a=n.person)\|\|void 0===a?void 0:a.uuid)===e.person.uuid}));return n&&R(n)}));break;case"expiredLicensed":e=e.filter((function(e){var n=c.find((function(n){var a;return(null===(a=n.person)\|\|void 0===a?void 0:a.uuid)===e.person.uuid}));return n&&j(n)}));break;case"licensedExpiringSoon":e=e.filter((function(e){var n=c.find((function(n){var a;return(null===(a=n.person)\|\|void 0===a?void 0:a.uuid)===e.person.uuid}));return n&&G(n)}));break;case"unlicensed":e=e.filter((function(e){var n=c.find((function(n){var a;return(null===(a=n.person)\|\|void 0===a?void 0:a.uuid)===e.person.uuid}));return n&&H(n)}))}return e}),[l,T,S,c,R,j,G,H]),Z=(0,t.usePagination)(J,E),ee=Z.paginated,te=Z.goTo,ie=Z.results,le=Z.currentPage,re=(0,P.WK)(E,J.length,le,null==ie?void 0:ie.length).pageSizes;if(r\|\|u)return g().createElement("div",{className:ne.Container},g().createElement(h.DataTableSkeleton,null));if(F\|\|o\|\|d)return g().createElement(t.ErrorState,{error:F\|\|o,headerTitle:e("usersManagement","Users management")});if(0===l.length)return g().createElement(X,{subTitle:e("noUsersAvailable","No users available")});var oe,se=[{key:"systemId",header:e("systemId","System ID")},{key:"names",header:e("names","Names")},{key:"licenseNumber",header:e("licenseNumber","License Number")},{key:"providerUniqueIdentifier",header:e("providerUniqueIdentifier","Provider Unique Identifier")},{key:"licenseExpiryDate",header:e("licenseExpiryDate","License Expiry Date")},{key:"actions",header:e("actions","Actions")}],ce=null==ie?void 0:ie.map((function(n){var a=n.roles.some((function(e){return W.includes(e.display)})),i=c.find((function(e){var a;return(null===(a=e.person)\|\|void 0===a?void 0:a.uuid)===n.person.uuid})),r=null==i?void 0:i.attributes.find((function(e){var n;return(null==e\|\|null===(n=e.attributeType)\|\|void 0===n?void 0:n.uuid)===w})),o=null==i?void 0:i.attributes.find((function(e){var n;return(null==e\|\|null===(n=e.attributeType)\|\|void 0===n?void 0:n.uuid)===A})),s=r?r.value:"--",u=o?o.value:"--",d=null==i?void 0:i.attributes.find((function(e){var n;return(null==e\|\|null===(n=e.attributeType)\|\|void 0===n?void 0:n.uuid)===C})),f=d?d.value:"--",p=null==i?void 0:i.attributes.find((function(e){var n;return(null==e\|\|null===(n=e.attributeType)\|\|void 0===n?void 0:n.uuid)===_})),y=null==i?void 0:i.attributes.find((function(e){var n;return(null==e\|\|null===(n=e.attributeType)\|\|void 0===n?void 0:n.uuid)===k})),b=null==i?void 0:i.attributes.find((function(e){var n;return(null==e\|\|null===(n=e.attributeType)\|\|void 0===n?void 0:n.uuid)===x})),$=!!((null==p?void 0:p.value)\|\|(null==y?void 0:y.value)\|\|(null==b?void 0:b.value));return{id:n.uuid,systemId:n.systemId,names:(0,fe.A)(n.person.display),licenseNumber:s,licenseExpiryDate:ae(new Date(u)),providerUniqueIdentifier:f,userProvider:i,user:n,actions:g().createElement(h.OverflowMenu,{className:ne.btnSet,flipped:!0,"aria-label":"user-management-menu"},g().createElement(h.OverflowMenuItem,{className:ne.btn,onClick:function(){l.find((function(e){return e.uuid===n.uuid}))?(0,t.launchWorkspace)("manage-user-workspace",{workspaceTitle:e("editUser","Edit User"),initialUserValue:n}):console.error("User not found:",n.uuid)},itemText:e("editUser","Edit user")}),g().createElement(h.OverflowMenuItem,{itemText:e("sync","Sync"),onClick:function(){return Y(i)},disabled:!$\|\|m}),g().createElement(h.OverflowMenuItem,{hasDivider:!0,disabled:!a,onClick:function(){(0,t.launchWorkspace)("user-role-scope-workspace",{workspaceTitle:e("manageUserRoleScope","Manage user role scope"),user:n})},itemText:e("manageUserRoleScope","Manage user role scope")}))}}));return g().createElement(g().Fragment,null,g().createElement("div",null,g().createElement("div",{className:ne.Container},g().createElement("div",{className:ne.buttonContainer},g().createElement("p",{className:ne.filterByText},e("filterBy","Filter by:")),g().createElement(h.Dropdown,{id:"filter-dropdown",label:e("filter","Filter"),className:ne.dropDownFilter,items:[{id:"allUsers",label:e("All users","All users")},{id:"activeLicensed",label:e("Active Licensed","Active Licensed")},{id:"expiredLicensed",label:e("Expired Licensed","Expired Licensed")},{id:"licensedExpiringSoon",label:e("Licensed expiring soon","Licensed expiring soon")},{id:"unlicensed",label:e("Unlicensed","Unlicensed")}],itemToString:function(e){return e?e.label:""},onChange:function(e){var n=e.selectedItem;return D(n.id)},selectedItem:{id:S,label:e(S,S)},size:(0,t.isDesktop)(n)?"lg":"sm"}),g().createElement(h.Button,{onClick:function(){return(0,t.launchWorkspace)("manage-user-workspace",{workspaceTitle:e("addUser","Add user")})},className:ne.userManagementModeButton,renderIcon:U.rs,size:(0,t.isDesktop)(n)?"lg":"sm",kind:"primary"},e("addUser","Add User"))),g().createElement("div",{className:ne.providerContainer},g().createElement(P.aR,{title:"".concat(e((oe=S,{allUsers:"List of all users",activeLicensed:"List of active licensed users",expiredLicensed:"List of expired licensed users",licensedExpiringSoon:"List of licensed expiring soon users",unlicensed:"List of unlicensed users"}[oe]\|\|"List of users"),{count:J.length})," (").concat(J.length,")")},""),g().createElement(h.Search,{labelText:"",placeholder:e("searchForUsers","Search for user"),onChange:function(e){return I(e.target.value)},size:(0,t.isDesktop)(n)?"sm":"lg",value:T}),0===J.length?g().createElement(X,{subTitle:e("noMatchingUsers","No matching users found")}):g().createElement(g().Fragment,null,g().createElement(h.DataTable,{isSortable:!0,rows:ce,headers:se,size:a,useZebraStyles:!0},(function(e){var n,a,t=e.rows,i=e.headers,l=e.getExpandHeaderProps,r=e.getTableProps,o=e.getTableContainerProps,s=e.getHeaderProps,c=e.getRowProps;return g().createElement(h.TableContainer,o(),g().createElement(h.Table,(n=ye({className:ne.table},r()),a=null!=(a={"aria-label":"Provider list"})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(a)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))})),n),g().createElement(h.TableHead,null,g().createElement(h.TableRow,null,g().createElement(h.TableExpandHeader,ye({enableToggle:!0},l())),i.map((function(e,n){return g().createElement(h.TableHeader,ye({key:n},s({header:e})),e.header)})))),g().createElement(h.TableBody,null,t.map((function(e,n){return g().createElement(g().Fragment,{key:e.id},g().createElement(h.TableExpandRow,c({row:e}),e.cells.map((function(e){return g().createElement(h.TableCell,{key:e.id},e.value)}))),e&&e.isExpanded?g().createElement(h.TableExpandedRow,{className:ne.expandedRow,colSpan:i.length+1},g().createElement("div",{className:ne.container,key:n},g().createElement(de,{provider:ce[n].userProvider,user:ce[n].user}))):g().createElement(h.TableExpandedRow,{className:ne.hiddenRow,colSpan:i.length+2}))})))))})),ee&&g().createElement(h.Pagination,{forwardText:e("nextPage","Next page"),backwardText:e("previousPage","Previous page"),page:le,pageSize:E,pageSizes:re,totalItems:J.length,className:ne.pagination,size:a,onChange:function(e){var n=e.page,a=e.pageSize;n!==le&&te(n),M(a)}}))))),g().createElement(t.WorkspaceContainer,{overlay:!0,contextKey:"admin"}))};var me=a(1895),$e=a(9007),ve=a(3905),we={};we.styleTagTransform=M(),we.setAttributes=x(),we.insert=_().bind(null,"head"),we.domAPI=w(),we.insertStyleElement=z(),$()(ve.A,we);const Ae=ve.A&&ve.A.locals?ve.A.locals:void 0,_e=function(e){var n,a,i,l=e.title,r=(0,y.useTranslation)().t,o=(0,t.useSession)(),s=null==o\|\|null===(n=o.sessionLocation)\|\|void 0===n?void 0:n.display;return g().createElement("div",{className:Ae.header,id:"admin-header"},g().createElement("div",{className:Ae.leftJustifiedItems},g().createElement(t.ServiceQueuesPictogram,null),g().createElement("div",{className:Ae.pageLabels},g().createElement("p",null,r("users","Users")),g().createElement("p",{className:Ae.pageName},l))),g().createElement("div",{className:Ae.rightJustifiedItems},g().createElement("div",{className:Ae.userContainer},g().createElement("p",null,null==o\|\|null===(i=o.user)\|\|void 0===i\|\|null===(a=i.person)\|\|void 0===a?void 0:a.display),g().createElement(U.rs,{size:16,className:Ae.userIcon})),g().createElement("div",{className:Ae.dateAndLocation},g().createElement(me.aZ,{size:16}),g().createElement("span",{className:Ae.value},s),g().createElement("span",{className:Ae.middot},"·"),g().createElement($e.Vv,{size:16}),g().createElement("span",{className:Ae.value},(0,t.formatDate)(new Date,{mode:"standard"})))))},ke=function(){var e=(0,y.useTranslation)().t;return g().createElement("section",{className:W.section},g().createElement("div",{className:"omrs-main-content"},g().createElement(_e,{title:e("userManagement","User Management")})),g().createElement(be,null))};var xe=a(4458),Ce={};Ce.styleTagTransform=M(),Ce.setAttributes=x(),Ce.insert=_().bind(null,"head"),Ce.domAPI=w(),Ce.insertStyleElement=z(),$()(xe.A,Ce);const ze=xe.A&&xe.A.locals?xe.A.locals:void 0;var Ee=a(8285);const Me=function(){return g().createElement("div",{className:ze.svgContainer},g().createElement(Ee.ld,{className:ze.iconOveriders}))},Ne=function(e){e.title;var n,a=(0,y.useTranslation)().t,i=(0,t.useSession)();return null==i\|\|null===(n=i.sessionLocation)\|\|void 0===n\|\|n.display,g().createElement("div",{className:ze.header},g().createElement(t.PageHeader,{title:a("etlAdministration","ETL Administration"),illustration:g().createElement(Me,null),className:ze.header}))};var Te=a(6322),Ie={};Ie.styleTagTransform=M(),Ie.setAttributes=x(),Ie.insert=_().bind(null,"head"),Ie.domAPI=w(),Ie.insertStyleElement=z(),$()(Te.A,Ie);const Be=Te.A&&Te.A.locals?Te.A.locals:void 0;function Se(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function De(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){Se(l,t,i,r,o,"next",e)}function o(e){Se(l,t,i,r,o,"throw",e)}r(void 0)}))}}function Le(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}var Oe=function(){var e=De((function(){var e;return Le(this,(function(n){switch(n.label){case 0:return e="".concat(t.restBaseUrl,"/kemrchart/recreateTables"),[4,(0,t.openmrsFetch)(e)];case 1:return[2,n.sent().data.data]}}))}));return function(){return e.apply(this,arguments)}}(),Fe=function(){var e=De((function(){var e;return Le(this,(function(n){switch(n.label){case 0:return e="".concat(t.restBaseUrl,"/kemrchart/refreshTables"),[4,(0,t.openmrsFetch)(e)];case 1:return[2,n.sent().data.data]}}))}));return function(){return e.apply(this,arguments)}}(),We=function(){var e=De((function(){var e;return Le(this,(function(n){switch(n.label){case 0:return e="".concat(t.restBaseUrl,"/kemrchart/recreateDatatoolsTables"),[4,(0,t.openmrsFetch)(e)];case 1:return[2,n.sent().data.data]}}))}));return function(){return e.apply(this,arguments)}}(),Ue=function(){var e=De((function(){var e;return Le(this,(function(n){switch(n.label){case 0:return e="".concat(t.restBaseUrl,"/kemrchart/recreateDwapiTables"),[4,(0,t.openmrsFetch)(e)];case 1:return[2,n.sent().data.data]}}))}));return function(){return e.apply(this,arguments)}}(),Pe=function(){var e=De((function(){var e;return Le(this,(function(n){switch(n.label){case 0:return e="".concat(t.restBaseUrl,"/kemrchart/recreateFacilitywideTables"),[4,(0,t.openmrsFetch)(e)];case 1:return[2,n.sent().data.data]}}))}));return function(){return e.apply(this,arguments)}}(),Re=a(4776),qe={};qe.styleTagTransform=M(),qe.setAttributes=x(),qe.insert=_().bind(null,"head"),qe.domAPI=w(),qe.insertStyleElement=z(),$()(Re.A,qe);const je=Re.A&&Re.A.locals?Re.A.locals:void 0;function Ge(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}const He=function(e){var n=e.logData,a=e.isLoading,i=(0,y.useTranslation)().t,l="tablet"===(0,t.useLayoutType)(),r=[{header:i("procedure","Procedure"),key:"script_name"},{header:i("startTime","Start time"),key:"start_time"},{header:i("endTime","End time"),key:"stop_time"},{header:i("completionStatus","Completion status"),key:"status"}],o=null==n?void 0:n.map((function(e,n){return{id:n.toString(),script_name:e.script_name,start_time:(null==e?void 0:e.start_time)?(0,t.formatDate)(new Date(null==e?void 0:e.start_time)):"--",stop_time:(null==e?void 0:e.stop_time)?(0,t.formatDate)(new Date(null==e?void 0:e.stop_time)):"--",status:e.status}})),s=(0,t.usePagination)(o,10),c=s.results,u=s.currentPage,d=s.goTo;return g().createElement("div",{className:je.table},g().createElement(P.aR,{title:i("facilityInfo","Facility Info"),children:""}),g().createElement("div",{className:je.logTable},a&&0===n.length?g().createElement(h.DataTableSkeleton,{headers:r,"aria-label":"etl table",showToolbar:!1,showHeader:!1,rowCount:4,zebra:!0,columnCount:3,className:je.dataTableSkeleton}):0===n.length?g().createElement(X,{subTitle:i("noRecordsFound","No ETL Operation logs found")}):g().createElement(g().Fragment,null,g().createElement(h.DataTable,{rows:c,headers:r,isSortable:!0,size:l?"lg":"sm",useZebraStyles:!0},(function(e){var n=e.rows,a=e.headers,t=e.getHeaderProps,i=e.getTableProps;return g().createElement(h.TableContainer,{className:je.tableContainer},g().createElement(h.Table,i(),g().createElement(h.TableHead,null,g().createElement(h.TableRow,null,a.map((function(e){return g().createElement(h.TableHeader,function(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){Ge(e,n,a[n])}))}return e}({key:e.key,className:oe()(je.productiveHeading01,je.text02)},t({header:e})),e.header)})))),g().createElement(h.TableBody,null,n.map((function(e){return g().createElement(h.TableRow,{key:e.id},e.cells.map((function(e){return g().createElement(h.TableCell,{key:e.id},"status"===e.info.header?g().createElement(h.Tag,{size:"md",type:"Success"===e.value?"green":"red"},e.value):e.value)})))})))))})),g().createElement(P.U0,{currentItems:c.length,totalItems:o.length,onPageNumberChange:function(e){var n=e.page;return d(n)},pageNumber:u,pageSize:10}))))};function Xe(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function Ye(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function Je(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){Ye(l,t,i,r,o,"next",e)}function o(e){Ye(l,t,i,r,o,"throw",e)}r(void 0)}))}}function Qe(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(e,n)\|\|Ke(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.")}()}function Ve(e){return function(e){if(Array.isArray(e))return Xe(e)}(e)\|\|function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|Ke(e)\|\|function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ke(e,n){if(e){if("string"==typeof e)return Xe(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?Xe(e,n):void 0}}const Ze=function(){var e=(0,y.useTranslation)().t,n=Qe((0,p.useState)(!1),2),a=n[0],i=n[1],l=Qe((0,p.useState)(""),2),r=l[0],o=l[1],s=Qe((0,p.useState)([]),2),c=s[0],u=s[1],d=Qe((0,p.useState)(!1),2),f=d[0],b=d[1],m=function(n,a){var l=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=(0,t.showModal)("operation-confirmation-modal",{confirm:Je((function(){var s,c,d;return function(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}(this,(function(f){switch(f.label){case 0:r(),i(!0),o(a),l&&u([]),f.label=1;case 1:return f.trys.push([1,3,4,5]),b("refreshTables"===a),[4,n()];case 2:return s=f.sent(),c=a.toLowerCase().includes("recreate"),d=c?e("recreated","recreated"):e("refreshed","refreshed"),(0,t.showSnackbar)({title:e("operationSuccess","{{operationName}} successfully {{operationType}}",{operationName:a,operationType:d}),subtitle:e("operationSuccessSubtitle","The operation completed successfully."),kind:"success",isLowContrast:!0}),u("refreshTables"===a?function(e){return Ve(e).concat(Ve(s))}:s),[3,5];case 3:return f.sent(),(0,t.showSnackbar)({title:e("operationError","{{operationName}} failed",{operationName:a}),subtitle:e("operationErrorSubtitle","An error occurred during the operation."),kind:"error",isLowContrast:!0}),[3,5];case 4:return i(!1),b(!1),o(""),[7];case 5:return[2]}}))})),close:function(){r()},operationName:a,operationType:a})};return g().createElement("div",{className:"omrs-main-content"},g().createElement(Ne,{title:e("home","Home")}),g().createElement(h.Layer,{className:Be.btnLayer},a?g().createElement(h.InlineLoading,{description:e("etlsOperationsLoading","Please wait {{currentOperation}} is in progress...",{currentOperation:r}),size:"md",className:Be.loading,withOverlay:!0}):g().createElement(h.ComboButton,{tooltipAlignment:"left",label:e("etlOperation","ETL operations"),size:"md"},g().createElement(h.MenuItem,{label:e("refreshTables","Refresh tables"),onClick:function(){return m(Fe,e("refreshTables","Refresh tables"),!1)}}),g().createElement(h.MenuItem,{label:e("refreshDwapi","Refresh DWAPI tables"),onClick:function(){return m(Ue,e("refreshDwapi","Refresh DWAPI tables"),!1)}}),g().createElement(h.MenuItem,{label:e("recreateTables","Recreate tables"),onClick:function(){return m(Oe,e("recreateTables","Recreate tables"),!0)}}),g().createElement(h.MenuItem,{label:e("recreateDatatools","Recreate datatools"),onClick:function(){return m(We,e("recreateDatatools","Recreate datatools"),!0)}})," ",g().createElement(h.MenuItem,{label:e("recreateFacilityWideTables","Recreate facility wide tables"),onClick:function(){return m(Pe,e("recreateFacilityWideTables","Recreate facility wide tables"),!0)}}))),g().createElement(h.Layer,{className:Be.tableLayer},g().createElement(He,{logData:c,isLoading:f})))},en=function(){return g().createElement("section",null,g().createElement(Ze,null))};var nn=a(9857),an={};an.styleTagTransform=M(),an.setAttributes=x(),an.insert=_().bind(null,"head"),an.domAPI=w(),an.insertStyleElement=z(),$()(nn.A,an);const tn=nn.A&&nn.A.locals?nn.A.locals:void 0,ln=function(e){var n=e.label,a=e.value;return g().createElement("p",null,g().createElement("strong",null,n,":")," ",null!=a?a:"--")};function rn(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}var on=function(){var e,n=(e=function(){var e,n;return function(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}(this,(function(a){switch(a.label){case 0:return e="".concat(t.restBaseUrl,"/kenyaemr/sha-benefits-package?synchronize=true"),n="".concat(t.restBaseUrl,"/kenyaemr/sha-interventions?synchronize=true"),[4,Promise.all([e,n].map((function(e){return(0,t.openmrsFetch)(e)})))];case 1:return a.sent(),[2]}}))},function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){rn(l,t,i,r,o,"next",e)}function o(e){rn(l,t,i,r,o,"throw",e)}r(void 0)}))});return function(){return n.apply(this,arguments)}}();function sn(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function cn(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function un(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){cn(l,t,i,r,o,"next",e)}function o(e){cn(l,t,i,r,o,"throw",e)}r(void 0)}))}}function dn(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}const fn=function(){var e,n,a,i,l,r,o,s,c,u=(0,y.useTranslation)().t,d=(s=(0,p.useState)(!1),c=2,function(e){if(Array.isArray(e))return e}(s)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(s,c)\|\|function(e,n){if(e){if("string"==typeof e)return sn(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?sn(e,n):void 0}}(s,c)\|\|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.")}()),f=d[0],b=d[1],m=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=(0,t.useSession)().authenticated,a="".concat(t.restBaseUrl,"/kenyaemr/sha-facility-status?synchronize=").concat(e),i=(0,V.Ay)(n?a:null,t.openmrsFetch),l=i.data,r=i.isLoading,o=i.error,s=i.mutate;return{isLoading:r,shaFacility:null==l?void 0:l.data,error:o,mutate:s}}(f),$=m.shaFacility,v=m.isLoading,w=(m.error,m.mutate),A=(e="".concat(t.restBaseUrl,"/kenyaemr/default-facility"),n=(0,t.useSession)().authenticated,i=(a=(0,V.Ay)(n?e:null,t.openmrsFetch)).data,l=a.isLoading,r=a.error,o=a.mutate,{isLoading:l,localFacility:null==i?void 0:i.data,error:r,mutate:o}),_=A.localFacility,k=A.isLoading,x=A.mutate,C=(0,p.useCallback)(un((function(){var e;return dn(this,(function(n){switch(n.label){case 0:return[4,x()];case 1:return e=n.sent(),[4,w()];case 2:return[2,{shaFacility:n.sent(),defaultFacility:e}]}}))})),[x,w]),z=(0,p.useMemo)((function(){var e;return(null==$?void 0:$.operationalStatus)?"".concat($.operationalStatus.at(0).toUpperCase()).concat(null===(e=$.operationalStatus.slice(1))\|\|void 0===e?void 0:e.toLocaleLowerCase()):void 0}),[$]),E=(0,p.useMemo)((function(){return(null==$?void 0:$.shaFacilityExpiryDate)&&q()($.shaFacilityExpiryDate).isValid()?(0,t.formatDate)((0,t.parseDate)($.shaFacilityExpiryDate)):void 0}),[$]),M=(0,p.useCallback)(un((function(){var e,n,a,i,l,r,o;return dn(this,(function(s){switch(s.label){case 0:return s.trys.push([0,3,,4]),b(!0),[4,C()];case 1:return n=s.sent().shaFacility,(0,t.showSnackbar)({title:u("syncingHieSuccess","Synchronization Complete"),kind:"success",isLowContrast:!0}),"HIE"!=(null===(e=n.data)\|\|void 0===e?void 0:e.source)&&(0,t.showSnackbar)({kind:"warning",title:"HIE Sync Failed. Pulling local info.",isLowContrast:!0}),[4,on()];case 2:return s.sent(),[3,4];case 3:return a=s.sent(),o=null!==(r=null==a\|\|null===(l=a.responseBody)\|\|void 0===l\|\|null===(i=l.error)\|\|void 0===i?void 0:i.message)&&void 0!==r?r:u("hieSynchronizationError","An error occurred while synchronizing with HIE"),(0,t.showSnackbar)({title:u("syncingHieError","Syncing with HIE Failed"),subtitle:o,kind:"error",isLowContrast:!0}),[3,4];case 4:return[2]}}))})),[C,u]);return g().createElement("div",{className:tn.facilityInfoContainer},g().createElement("div",null,g().createElement(h.Layer,{className:tn.btnLayer},v\|\|k?g().createElement(h.InlineLoading,{description:u("synchronizingFacilityData","Please wait, Synchronizing Info."),size:"md",className:tn.loading,withOverlay:!0}):g().createElement(h.Button,{kind:"primary",onClick:M},u("synchronizeWithHie","Synchronize with HIE")))),g().createElement(h.Grid,{narrow:!0},g().createElement(h.Column,{sm:4,md:4,lg:8},g().createElement(h.Tile,{className:tn.card},g().createElement("h3",{className:tn.cardTitle},u("generalInformation","General Information")),g().createElement("hr",{className:tn.cardDivider}),g().createElement("div",{className:tn.cardContent},g().createElement(ln,{label:u("facilityName","Facility Name"),value:null==_?void 0:_.display}),g().createElement(ln,{label:u("facilityCode","Facility KMHFR Code"),value:null==$?void 0:$.mflCode}),g().createElement(ln,{label:u("kephLevel","Keph Level"),value:null==$?void 0:$.kephLevel}),g().createElement("br",null),g().createElement("br",null)))),g().createElement(h.Column,{sm:4,md:4,lg:8},g().createElement(h.Layer,null,g().createElement(h.Tile,{className:tn.card},g().createElement("h3",{className:tn.cardTitle},u("shaInformation","SHA Information")),g().createElement("hr",{className:tn.cardDivider}),g().createElement("div",{className:tn.cardContent},g().createElement(ln,{label:u("facilityRegistryCode","Facility Registry Code"),value:null==$?void 0:$.facilityRegistryCode}),g().createElement(ln,{label:u("shalicenceNumber","SHA License Number"),value:null==$?void 0:$.shaFacilityLicenseNumber}),g().createElement(ln,{label:u("shaStatus","SHA Status"),value:z}),g().createElement(ln,{label:u("shaContracted","SHA Contracted"),value:null==$?void 0:$.approved}),g().createElement(ln,{label:u("shaExpiry","SHA Expiry Date"),value:E})))))))};var pn=a(7066),gn={};gn.styleTagTransform=M(),gn.setAttributes=x(),gn.insert=_().bind(null,"head"),gn.domAPI=w(),gn.insertStyleElement=z(),$()(pn.A,gn);const yn=pn.A&&pn.A.locals?pn.A.locals:void 0;var hn=a(1899),bn=a(4626),mn={};mn.styleTagTransform=M(),mn.setAttributes=x(),mn.insert=_().bind(null,"head"),mn.domAPI=w(),mn.insertStyleElement=z(),$()(bn.A,mn);const $n=bn.A&&bn.A.locals?bn.A.locals:void 0,vn=function(e){var n,a=e.title,i=((0,y.useTranslation)().t,(0,t.useSession)());return null==i\|\|null===(n=i.sessionLocation)\|\|void 0===n\|\|n.display,g().createElement("div",{className:$n.header},g().createElement(t.PageHeader,{title:a,illustration:g().createElement(hn.oG,{size:32}),className:$n.header}))},wn=function(){var e=(0,y.useTranslation)().t;return g().createElement("div",{className:"omrs-main-content"},g().createElement(vn,{title:e("facilityDetails","Facility Details")}),g().createElement(h.Layer,{className:yn.tableLayer},g().createElement(fn,null)))};var An=a(824),_n=a(1273),kn={};kn.styleTagTransform=M(),kn.setAttributes=x(),kn.insert=_().bind(null,"head"),kn.domAPI=w(),kn.insertStyleElement=z(),$()(_n.A,kn);const xn=_n.A&&_n.A.locals?_n.A.locals:void 0;var Cn=a(1160),zn=a(7169);function En(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function Mn(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){En(l,t,i,r,o,"next",e)}function o(e){En(l,t,i,r,o,"throw",e)}r(void 0)}))}}function Nn(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function Tn(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){Nn(e,n,a[n])}))}return e}function In(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}var Bn=function(){var e=Mn((function(e,n){return In(this,(function(a){switch(a.label){case 0:return[4,(0,t.openmrsFetch)(n,{method:"POST",body:JSON.stringify(e),headers:{"Content-Type":"application/json"}})];case 1:return[2,a.sent().json()]}}))}));return function(n,a){return e.apply(this,arguments)}}(),Sn=function(){var e=Mn((function(e,n,a,i){var l;return In(this,(function(r){switch(r.label){case 0:return o=Tn({person:e,identifier:n},a),s=null!=(s={retired:!1})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(s)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(s)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(s,e))})),l=o,[4,(0,t.openmrsFetch)(i,{method:"POST",body:JSON.stringify(l),headers:{"Content-Type":"application/json"}})];case 1:return[2,r.sent()]}var o,s}))}));return function(n,a,t,i){return e.apply(this,arguments)}}(),Dn=function(){var e=Mn((function(e,n){var a;return In(this,(function(i){switch(i.label){case 0:return a=n?"".concat(t.restBaseUrl,"/user/").concat(n):"".concat(t.restBaseUrl,"/user"),[4,Bn(e,a)];case 1:return[2,i.sent()]}}))}));return function(n,a){return e.apply(this,arguments)}}(),Ln=function(){var e=Mn((function(e,n,a){var i;return In(this,(function(l){switch(l.label){case 0:return i=Tn({userUuid:a},n),[4,(0,t.openmrsFetch)(e,{method:"POST",body:JSON.stringify(i),headers:{"Content-Type":"application/json"}})];case 1:return[2,l.sent()]}}))}));return function(n,a,t){return e.apply(this,arguments)}}(),On=function(e){(0,V.Tk)((function(n){return"string"==typeof n&&n.startsWith(e)}),void 0,{revalidate:!0})},Fn=function(){var e="".concat(t.restBaseUrl,"/stockmanagement/userrolescope?v=full"),n=(0,V.Ay)(e,t.openmrsFetch),a=n.data,i=n.error,l=n.isLoading;return{items:null==a?void 0:a.data,loadingRoleScope:l,userRoleScopeError:i}},Wn=a(6195);var Un=a(8466),Pn=a(8282);function Rn(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}var qn=function(){var e,n=(e=function(e,n){var a,i,l;return function(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}(this,(function(r){switch(r.label){case 0:return a="".concat(t.restBaseUrl,"/kenyaemr/practitionersearch?identifierType=").concat(e,"&identifierNumber=").concat(n),[4,fetch((0,t.makeUrl)(a))];case 1:return(i=r.sent()).ok?[4,i.json()]:[3,3];case 2:if(null==(l=r.sent())?void 0:l.issue)throw new Error("PROVIDER_NOT_FOUND");return[2,l];case 3:if(401===i.status)throw new Error(c);if(404===i.status)throw new Error(u);throw new Error(d)}}))},function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){Rn(l,t,i,r,o,"next",e)}function o(e){Rn(l,t,i,r,o,"throw",e)}r(void 0)}))});return function(e,a){return n.apply(this,arguments)}}(),jn=function(e,n){var a="".concat(t.restBaseUrl,"/provider/").concat(n,"/attribute");return(0,t.openmrsFetch)(a,{method:"POST",body:JSON.stringify(e),headers:{"Content-Type":"application/json"}})},Gn=function(e,n,a){var i="".concat(t.restBaseUrl,"/provider/").concat(n,"/attribute/").concat(a);return(0,t.openmrsFetch)(i,{method:"POST",body:JSON.stringify(e),headers:{"Content-Type":"application/json"}})};function Hn(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function Xn(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function Yn(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){Xn(l,t,i,r,o,"next",e)}function o(e){Xn(l,t,i,r,o,"throw",e)}r(void 0)}))}}function Jn(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function Qn(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){Jn(e,n,a[n])}))}return e}function Vn(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(n)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})),e}function Kn(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(e,n)\|\|Zn(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.")}()}function Zn(e,n){if(e){if("string"==typeof e)return Hn(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?Hn(e,n):void 0}}function ea(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}r();var na=a(4441);function aa(e){var n=e.config,a=n.name,i=n.title,l=(0,b.useLocation)(),r=(0,p.useMemo)((function(){return decodeURIComponent((0,na.A)(l.pathname.split("/")))}),[l.pathname]);return/^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/.test(r)&&(r="user-management"),g().createElement(t.ConfigurableLink,{to:"".concat(window.getOpenmrsSpaBase(),"admin").concat(a&&"admin"!==a?"/".concat(a):""),className:"cds--side-nav__link ".concat(a===r&&"active-left-nav-link")},i)}var ta=function(e){return function(){return g().createElement(b.BrowserRouter,null,g().createElement(aa,{config:e}))}},ia=a(1312),la=a(8279),ra={};ra.styleTagTransform=M(),ra.setAttributes=x(),ra.insert=_().bind(null,"head"),ra.domAPI=w(),ra.insertStyleElement=z(),$()(la.A,ra);const oa=la.A&&la.A.locals?la.A.locals:void 0;var sa=function(e){var n=e.label,a=e.value;return g().createElement("div",{className:oa.healthWorkerInfoContainer},g().createElement("span",{className:oa.healthWorkerInfoLabel},n),g().createElement("span",null,a))};function ca(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}var ua=a(529),da=a(5848),fa=a(9765),pa={};pa.styleTagTransform=M(),pa.setAttributes=x(),pa.insert=_().bind(null,"head"),pa.domAPI=w(),pa.insertStyleElement=z(),$()(fa.A,pa);const ga=fa.A&&fa.A.locals?fa.A.locals:void 0;function ya(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function ha(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function ba(e){return function(e){if(Array.isArray(e))return ya(e)}(e)\|\|function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|function(e,n){if(e){if("string"==typeof e)return ya(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?ya(e,n):void 0}}(e)\|\|function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var ma=r();const $a=function(e){e.field;var n=e.index,a=e.control,i=e.removeForm,l=e.filteredInventoryRoles,r=(e.hasInventoryRole,e.stockOperations),s=e.loadingStock,c=e.stockLocations,u=e.roleScopeformMethods,d=e.userRoleScopeInitialValues,f=(0,y.useTranslation)().t,b=(0,An.xW)(),m=b.watch,$=b.setValue,v=m("forms.".concat(n,".enabled")),w=m("forms.".concat(n,".permanent"));return(0,p.useEffect)((function(){w&&$("forms.".concat(n,".dateRange"),{activeFrom:void 0,activeTo:void 0})}),[w,$,n]),g().createElement("div",{className:ga.roleStockFields},g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"forms.".concat(n,".role"),control:a,render:function(e){var n,a,t=e.field;return g().createElement(h.ComboBox,(n=function(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){ha(e,n,a[n])}))}return e}({},t),a={id:"role",items:l,itemToString:function(e){var n;return(null==e\|\|null===(n=e.display)\|\|void 0===n?void 0:n.trim())\|\|""},placeholder:f("chooseAStockRole","Choose a stock role"),titleText:f("stockRole","Stock Role"),selectedItem:l.find((function(e){return(null==e?void 0:e.display)===t.value}))\|\|null,onChange:function(e){var n=e.selectedItem;t.onChange(n?n.display.trim():"")},disabled:d},a=null!=a?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(a)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))})),n))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(h.Column,{xsm:8,md:12,lg:12,className:ga.checkBoxColumn},g().createElement(h.CheckboxGroup,{legendText:f("stockRoleAccess","Stock Role Access"),className:ga.checkboxGroupGrid},g().createElement(An.xI,{name:"forms.".concat(n,".enabled"),control:a,render:function(e){var n=e.field;return g().createElement("div",null,g().createElement("label",{htmlFor:"enable"},g().createElement("input",{type:"checkbox",id:"enable",name:"enabled",checked:n.value\|\|!1,onChange:function(e){return n.onChange(e.target.checked)}}),f("enable","Enable?")))}}),v&&g().createElement(An.xI,{name:"forms.".concat(n,".permanent"),control:a,render:function(e){var a=e.field;return g().createElement("div",null,g().createElement("label",{htmlFor:"permanent"},g().createElement("input",{type:"checkbox",id:"permanent",name:"permanent",checked:a.value\|\|!1,onChange:function(e){return function(e,a,t){var i=e.target.checked;a.onChange(i),i&&t("forms.".concat(n,".dateRange"),{activeFrom:void 0,activeTo:void 0})}(e,a,u.setValue)}}),f("permanent","Permanent?")))}})),!w&&v&&g().createElement(t.ResponsiveWrapper,null,g().createElement(h.Tile,null,g().createElement(An.xI,{name:"forms.".concat(n,".dateRange"),control:a,render:function(e){var n=e.field,a=n.value,i=n.onChange;return g().createElement(h.DatePicker,{datePickerType:"range",light:!0,minDate:(0,t.formatDatetime)(ma),locale:"en",dateFormat:"d/m/Y",onChange:function(e){i({activeFrom:e[0],activeTo:e[1]})},value:[null==a?void 0:a.activeFrom,null==a?void 0:a.activeTo]},g().createElement(h.DatePickerInput,{id:"date-picker-input-id-start",name:"activeFrom",placeholder:o,labelText:f("activeFrom","Active From"),value:null==a?void 0:a.activeFrom}),g().createElement(h.DatePickerInput,{id:"date-picker-input-id-finish",name:"activeTo",placeholder:o,labelText:f("activeTo","Active To"),value:null==a?void 0:a.activeTo}))}}))))),g().createElement(t.ResponsiveWrapper,null,g().createElement(h.Column,{key:f("stockOperation","Stock Operation"),xsm:8,md:12,lg:12,className:ga.checkBoxColumn},g().createElement(h.CheckboxGroup,{legendText:f("stockOperation","Stock Operation"),className:ga.checkboxGroupGrid},s?g().createElement(h.InlineLoading,{status:"active",iconDescription:"Loading",description:"Loading data..."}):g().createElement(An.xI,{name:"forms.".concat(n,".operationTypes"),control:a,render:function(e){var n=e.field,a=n.value\|\|[],t=function(e){return a.some((function(n){return n.operationTypeUuid===e}))};return g().createElement(g().Fragment,null,(null==r?void 0:r.length)>0&&r.map((function(e){return g().createElement("label",{key:e.uuid,className:t(e.uuid)?ga.checkboxLabelSelected:ga.checkboxLabel},g().createElement("input",{type:"checkbox",id:e.uuid,checked:t(e.uuid),onChange:function(){return function(e){t(e.uuid)?n.onChange(a.filter((function(n){return n.operationTypeUuid!==e.uuid}))):n.onChange(ba(a).concat([{operationTypeUuid:e.uuid,operationTypeName:e.name}]))}(e)}}),e.name)})))}})))),g().createElement(t.ResponsiveWrapper,null,g().createElement(h.Column,{key:f("stockLocation","Stock Location"),xsm:8,md:12,lg:12,className:ga.checkBoxColumn},g().createElement(h.CheckboxGroup,{legendText:f("stockLocation","Stock Location"),className:ga.checkboxGroupGrid},s?g().createElement(h.InlineLoading,{status:"active",iconDescription:"Loading",description:"Loading data..."}):g().createElement(An.xI,{name:"forms.".concat(n,".locations"),control:a,render:function(e){var n=e.field,a=n.value\|\|[],t=function(e){return a.some((function(n){return n.locationUuid===e}))};return g().createElement(g().Fragment,null,(null==c?void 0:c.length)>0&&c.map((function(e){return g().createElement("label",{key:e.id,className:t(e.id)?ga.checkboxLabelSelected:ga.checkboxLabel},g().createElement("input",{type:"checkbox",id:e.id,checked:t(e.id),onChange:function(){return function(e){t(e.id)?n.onChange(a.filter((function(n){return n.locationUuid!==e.id}))):n.onChange(ba(a).concat([{locationName:e.name,locationUuid:e.id}]))}(e)}}),e.name)})))}})))),!d&&g().createElement(h.Button,{size:"sm",kind:"danger--tertiary",onClick:function(){return i(n)}},f("remove","Remove")))};function va(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function wa(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function Aa(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){wa(e,n,a[n])}))}return e}function _a(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(n)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})),e}const ka=function(e){var n,a,i=e.user,l=e.onEditUserRoleScope,r=(e.onAddUserRoleScope,(0,y.useTranslation)().t),o=Fn(),s=o.items,c=o.loadingRoleScope,u=(n=(0,p.useState)(!1),a=2,function(e){if(Array.isArray(e))return e}(n)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(n,a)\|\|function(e,n){if(e){if("string"==typeof e)return va(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?va(e,n):void 0}}(n,a)\|\|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.")}()),d=(u[0],u[1]),f=(0,p.useMemo)((function(){return[{key:"role",header:r("role","Role")},{key:"location",header:r("location","Location(s)")},{key:"stockOperation",header:r("stockOperation","Stock Operation")},{key:"permanent",header:r("permanent","Permanent")},{key:"enabled",header:r("enabled","Enabled")},{key:"actions",header:r("actions","Actions")}]}),[r]),b=(0,p.useCallback)((function(e){var n=(0,t.showModal)("delete-stock-user-scope-modal",{close:function(){return n()},uuid:e,onConfirmation:function(){(function(e){var n=e.reduce((function(e,n,a){return 0===a?e:e+=(e.length>0?",":"")+encodeURIComponent(n)}),"");n.length>0&&(n="?ids="+n);var a="".concat(t.restBaseUrl,"/stockmanagement/userrolescope/").concat(e[0]).concat(n),i=new AbortController;return(0,t.openmrsFetch)(a,{method:"DELETE",headers:{"Content-Type":"application/json"},signal:i.signal})})([e]).then((function(){On("".concat(t.restBaseUrl,"/stockmanagement/userrolescope")),d(!1),(0,t.showSnackbar)({isLowContrast:!0,title:r("deletingstockUserScope","Delete Stock User Scope"),kind:"success",subtitle:r("stockUserScopeDeletedSuccessfully","Stock User Scope Deleted Successfully")})}),(function(e){d(!1),(0,t.showSnackbar)({title:r("errorDeletingUserScope","Error deleting a user scope"),kind:"error",isLowContrast:!0,subtitle:null==e?void 0:e.message})})).catch(),n()}})}),[r]),m=(0,p.useMemo)((function(){var e;return(null!==(e=null==s?void 0:s.results)&&void 0!==e?e:[]).filter((function(e){return e.userUuid===i.uuid})).map((function(e,n){var a,t;return{id:n.toString(),role:e.role\|\|"N/A",location:null==e\|\|null===(a=e.locations)\|\|void 0===a?void 0:a.map((function(n){return g().createElement("span",{key:"loc-".concat(null==e?void 0:e.uuid,"-").concat(n.locationUuid)},null==n?void 0:n.locationName," ",(null==n?void 0:n.enableDescendants)?g().createElement(da.PS,null):g().createElement(da.nk,null))})),stockOperation:null==e\|\|null===(t=e.operationTypes)\|\|void 0===t?void 0:t.map((function(e){return null==e?void 0:e.operationTypeName})).join(", "),permanent:e.permanent?r("yes","Yes"):r("no","No"),enabled:e.enabled?r("yes","Yes"):r("no","No"),actions:g().createElement(h.OverflowMenu,{className:W.btnSet},g().createElement(h.OverflowMenuItem,{onClick:function(){l(e)},itemText:r("edit","Edit")}),g().createElement(h.OverflowMenuItem,{hasDivider:!0,isDelete:!0,onClick:function(){b(e.uuid)},itemText:r("delete","Delete")}))}}))\|\|[]}),[s,r,i.uuid,b,l]);return c?g().createElement(h.DataTableSkeleton,{role:"progressbar"}):g().createElement("div",null,g().createElement(P.aR,{title:"Manage User Role Scope",children:""}),g().createElement("div",{className:W.dataTable},g().createElement(h.DataTable,{useZebraStyle:!0,size:"mid",rows:m,headers:f},(function(e){var n=e.rows,a=e.headers,t=e.getHeaderProps,i=e.getRowProps,l=e.getTableProps;return g().createElement(h.TableContainer,null,g().createElement(h.Table,_a(Aa({},l()),{"aria-label":"user role scope table"}),g().createElement(h.TableHead,null,g().createElement(h.TableRow,null,a.map((function(e){return g().createElement(h.TableHeader,_a(Aa({},t({header:e})),{key:e.key}),e.header)})))),g().createElement(h.TableBody,null,n.length>0?n.map((function(e){return g().createElement(h.TableRow,Aa({key:e.id},i({row:e})),e.cells.map((function(e){return g().createElement(h.TableCell,{key:e.id},e.value)})))})):g().createElement(h.TableRow,null,g().createElement(h.TableCell,{colSpan:a.length,className:W.emptyTable},g().createElement(P.pp,{displayText:r("noUserRoleScope","No user role scope"),headerTitle:r("userRoleScope","User Role Scope")}))))))}))))};function xa(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function Ca(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function za(e){return function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){Ca(l,t,i,r,o,"next",e)}function o(e){Ca(l,t,i,r,o,"throw",e)}r(void 0)}))}}function Ea(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function Ma(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){Ea(e,n,a[n])}))}return e}function Na(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}var Ta=a(6689),Ia={};Ia.styleTagTransform=M(),Ia.setAttributes=x(),Ia.insert=_().bind(null,"head"),Ia.domAPI=w(),Ia.insertStyleElement=z(),$()(Ta.A,Ia);const Ba=Ta.A&&Ta.A.locals?Ta.A.locals:void 0;function Sa(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}function Da(e,n,a,t,i,l,r){try{var o=e[l](r),s=o.value}catch(e){return void a(e)}o.done?n(s):Promise.resolve(s).then(t,i)}function La(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function Oa(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(n){La(e,n,a[n])}))}return e}function Fa(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(n)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})),e}function Wa(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(e,n)\|\|function(e,n){if(e){if("string"==typeof e)return Sa(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?Sa(e,n):void 0}}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Ua={featureName:"esm-admin-app",moduleName:l},Pa=a(4767),Ra=(0,t.getSyncLifecycle)((function(){var e=window.spaBase,n=window.getOpenmrsSpaBase()+"admin";return(0,p.useEffect)((function(){return(0,t.setLeftNav)({name:"admin-left-panel-slot",basePath:e}),function(){return(0,t.unsetLeftNav)("admin-left-panel-slot")}}),[e]),g().createElement(b.BrowserRouter,{basename:n},g().createElement(L,null),g().createElement("main",{className:I.container},g().createElement(b.Routes,null,g().createElement(b.Route,{path:"/",element:g().createElement(ke,null)}),g().createElement(b.Route,{path:"/user-management",element:g().createElement(ke,null)}),g().createElement(b.Route,{path:"/etl-administration",element:g().createElement(en,null)}),g().createElement(b.Route,{path:"/facility-setup",element:g().createElement(wn,null)}))))}),Ua);function qa(){(0,t.defineConfigSchema)(l,i)}var ja=(0,t.getSyncLifecycle)((function(e){var n=e.close,a=e.confirm,t=e.operationName,i=e.operationType,l=(0,y.useTranslation)().t,r=l("operationsConfirmationMessages","Do you want to {{operationTypeOrName}}?",{operationTypeOrName:i\|\|t});return g().createElement(g().Fragment,null,g().createElement("div",{className:"cds--modal-header"},g().createElement("h3",{className:"cds--modal-header__heading"},l("confirmation","Confirmation"))),g().createElement("div",{className:"cds--modal-content"},g().createElement("p",null,r)),g().createElement("div",{className:"cds--modal-footer"},g().createElement(h.Button,{kind:"secondary",onClick:n},l("noRespond","No")),g().createElement(h.Button,{kind:"primary",onClick:a},l("yesRespond","Yes"))))}),Ua),Ga=(0,t.getSyncLifecycle)((function(e){var n,a,i=e.closeWorkspace,l=e.promptBeforeClosing,r=e.closeWorkspaceWithSavedChanges,o=e.initialUserValue,s=void 0===o?{}:o,c=(0,y.useTranslation)().t,u="tablet"===(0,t.useLayoutType)(),d=Kn((0,p.useState)("demographic"),2),b=d[0],m=d[1],$=Kn((0,p.useState)(0),2),v=$[0],w=$[1],A=Kn((0,p.useState)(null),2),_=A[0],k=A[1],x=function(e){var n,a="".concat(t.restBaseUrl,"/provider?q=").concat(e,"&v=custom:(uuid,identifier,retired,attributes:(uuid,display,value:(name),attributeType:(uuid,name)))"),i=(0,V.Ay)(a,t.openmrsFetch,{errorRetryCount:2}),l=i.data,r=i.isLoading,o=i.error;return{provider:null==l\|\|null===(n=l.data)\|\|void 0===n?void 0:n.results,loadingProvider:r,providerError:o}}(s.systemId),C=x.provider,z=void 0===C?[]:C,E=x.loadingProvider,M=x.providerError,N=K(),T=N.users,I=(N.isLoading,N.error,(null==T?void 0:T.map((function(e){return e.username})).filter((function(e){return e!==(null==s?void 0:s.username)})))\|\|[]),B=0===Object.keys(s).length,S=function(e){var n=(0,y.useTranslation)().t;return{userManagementFormSchema:Wn.z.object({givenName:Wn.z.string().nonempty(n("givenNameRequired","Given name is required")),middleName:Wn.z.string().optional(),familyName:Wn.z.string().nonempty(n("familyNameRequired","Family name is required")),gender:Wn.z.enum(["M","F"],{errorMap:function(){return{message:n("genderRequired","Gender is required")}}}),phoneNumber:Wn.z.string().optional(),email:Wn.z.string().optional(),providerIdentifiers:Wn.z.boolean().optional(),username:Wn.z.string().nonempty(n("usernameRequired","Username is required")).refine((function(n){return!e.includes(n)}),{message:n("usernameTaken","Username already exists")}),password:Wn.z.string().optional(),confirmPassword:Wn.z.string().optional(),forcePasswordChange:Wn.z.boolean().optional(),roles:Wn.z.array(Wn.z.object({uuid:Wn.z.string().min(1,"UUI is required"),display:Wn.z.string().min(1,"Role name is required"),description:Wn.z.string().nullable().optional()})).optional(),primaryRole:Wn.z.string().optional(),systemId:Wn.z.string().optional(),providerLicense:Wn.z.string().optional(),licenseExpiryDate:Wn.z.date().optional(),registrationNumber:Wn.z.string().optional(),qualification:Wn.z.string().optional(),nationalId:Wn.z.string().optional(),passportNumber:Wn.z.string().optional(),isEditProvider:Wn.z.boolean().optional(),providerUniqueIdentifier:Wn.z.string().optional()})}}(I).userManagementFormSchema,D=function(){var e,n="".concat(t.restBaseUrl,"/providerattributetype?v=custom:(uuid,name,display)"),a=(0,V.Ay)(n,t.openmrsFetch,{errorRetryCount:2}),i=a.data,l=a.isLoading,r=a.error;return{providerAttributeType:null==i\|\|null===(e=i.data)\|\|void 0===e?void 0:e.results,isLoading:l,error:r}}(),L=D.providerAttributeType,O=void 0===L?[]:L,F=function(){var e,n="".concat(t.restBaseUrl,"/role?v=custom:(uuid,description,display,name)"),a=(0,V.Ay)(n,t.openmrsFetch,{errorRetryCount:2}),i=a.data,l=a.isLoading,r=a.error,o=a.mutate;return{roles:null==i\|\|null===(e=i.data)\|\|void 0===e?void 0:e.results,isLoading:l,mutate:o,error:r}}(),W=F.roles,U=void 0===W?[]:W,P=F.isLoading,R=Q(),q=R.rolesConfig,j=(R.error,(0,t.useConfig)()),G=j.identifierTypes,H=j.licenseBodyUuid,X=j.passportNumberUuid,Y=j.personEmailAttributeUuid,J=j.personPhonenumberAttributeUuid,Z=j.phoneNumberUuid,ee=j.providerAddressUuid,ne=j.providerHieFhirReference,ae=j.qualificationUuid,te=j.providerNationalIdUuid,ie=j.licenseNumberUuid,le=j.licenseExpiryDateUuid,re=j.providerUniqueIdentifierAttributeTypeUuid,se=Kn((0,p.useState)({identifierType:null!==(a=null===(n=G[0])\|\|void 0===n?void 0:n.key)&&void 0!==a?a:"",identifier:"",isHWRLoading:!1}),2),ce=se[0],ue=se[1],de=G.find((function(e){return e.key===ce.identifierType})),fe=(0,p.useMemo)((function(){var e,n,a,t,i,l,r,o,s,c;return{licenseNumber:(null===(e=O.find((function(e){return e.uuid===ie})))\|\|void 0===e?void 0:e.uuid)\|\|"",licenseExpiry:(null===(n=O.find((function(e){return e.uuid===le})))\|\|void 0===n?void 0:n.uuid)\|\|"",providerNationalId:(null===(a=O.find((function(e){return e.uuid===te})))\|\|void 0===a?void 0:a.uuid)\|\|"",providerHieFhirReference:(null===(t=O.find((function(e){return e.uuid===ne})))\|\|void 0===t?void 0:t.uuid)\|\|"",qualification:(null===(i=O.find((function(e){return e.uuid===ae})))\|\|void 0===i?void 0:i.uuid)\|\|"",licenseBody:(null===(l=O.find((function(e){return e.uuid===H})))\|\|void 0===l?void 0:l.uuid)\|\|"",phoneNumber:(null===(r=O.find((function(e){return e.uuid===Z})))\|\|void 0===r?void 0:r.uuid)\|\|"",providerAddress:(null===(o=O.find((function(e){return e.uuid===ee})))\|\|void 0===o?void 0:o.uuid)\|\|"",passportNumber:(null===(s=O.find((function(e){return e.uuid===X})))\|\|void 0===s?void 0:s.uuid)\|\|"",providerUniqueIdentifier:(null===(c=O.find((function(e){return e.uuid===re})))\|\|void 0===c?void 0:c.uuid)\|\|""}}),[H,le,ie,X,Z,ee,O,ne,te,ae,re]),pe=(0,p.useMemo)((function(){return z.flatMap((function(e){return e.attributes\|\|[]}))}),[z]),ge=(0,p.useCallback)((function(e){var n,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"value";return null===(n=pe.find((function(n){var a;return(null===(a=n.attributeType)\|\|void 0===a?void 0:a.uuid)===e})))\|\|void 0===n?void 0:n[a]}),[pe]),ye=(0,p.useMemo)((function(){return ge(fe.licenseNumber)}),[fe,ge]),he=(0,p.useMemo)((function(){var e=ge(fe.licenseExpiry);return e?new Date(e):""}),[fe,ge]),be=(0,p.useMemo)((function(){return ge(fe.qualification)}),[fe,ge]),me=(0,p.useMemo)((function(){return ge(fe.providerNationalId)}),[fe,ge]),$e=(0,p.useMemo)((function(){return ge(fe.passportNumber)}),[fe,ge]),ve=(0,p.useMemo)((function(){return ge(fe.licenseBody)}),[fe,ge]),we=(0,p.useMemo)((function(){return ge(fe.phoneNumber)}),[fe,ge]),Ae=(0,p.useMemo)((function(){return ge(fe.providerAddress)}),[fe,ge]),_e=(0,p.useMemo)((function(){return ge(fe.providerUniqueIdentifier)}),[fe,ge]),ke=(0,p.useMemo)((function(){var e,n,a;return B?{}:Vn(Qn({},s,function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split(" "),n=Kn(3===e.length?e:[e[0],"",e[1]\|\|""],3),a=n[0],t=void 0===a?"":a,i=n[1],l=void 0===i?"":i,r=n[2];return{givenName:t,middleName:l,familyName:void 0===r?"":r}}((null===(e=s.person)\|\|void 0===e?void 0:e.display)\|\|"")),{phoneNumber:we,email:Ae,roles:(null===(n=s.roles)\|\|void 0===n?void 0:n.map((function(e){return{uuid:e.uuid,display:e.display,description:e.description}})))\|\|[],gender:null===(a=s.person)\|\|void 0===a?void 0:a.gender,providerLicense:ye,licenseExpiryDate:he?new Date(he):void 0,qualification:be,nationalId:me,passportNumber:$e,registrationNumber:ve,providerUniqueIdentifier:_e})}),[B,s,we,Ae,ye,he,be,me,$e,ve,_e]),xe=(0,An.mN)({resolver:(0,Cn.u)(S),mode:"all",defaultValues:ke}),Ce=xe.reset,ze=xe.setValue,Ee=xe.formState,Me=Ee.errors,Ne=Ee.isSubmitting,Te=Ee.isDirty;(0,p.useEffect)((function(){E\|\|B\|\|Ce(ke)}),[E,ke,B,Ce]),(0,p.useEffect)((function(){Te&&l((function(){return Te}))}),[Te,l]);var Ie=function(){var e=Yn((function(){var e,n,a;return ea(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,3,4]),ue(Vn(Qn({},ce),{isHWRLoading:!0})),[4,qn(ce.identifierType,ce.identifier)];case 1:return(null==(e=i.sent())?void 0:e.entry)&&0!==e.entry.length?(n=(0,t.showModal)("hwr-confirmation-modal",{healthWorker:e,onConfirm:function(){var a,i,l,r,o,s,u,d,f,p,g,y,h,b,m,$,v,w,A,_,x,C,z,E,M,N,T,I,B,S,D,L,O,F,W,U,P,R,q,j,G,H,X,Y,J,Q,V;n();var K=(null==e\|\|null===(l=e.entry[0])\|\|void 0===l\|\|null===(i=l.resource)\|\|void 0===i\|\|null===(a=i.name[0])\|\|void 0===a?void 0:a.text).split(" "),Z=K[0].endsWith(".")?K.slice(1):K,ee=Z[0],ne=Z.slice(1,-1).join(" "),ae=Z[Z.length-1],te=null==e\|\|null===(s=e.link)\|\|void 0===s\|\|null===(o=s.find((function(e){return"self"===e.relation&&e.url.includes("identifierType=Passport")})))\|\|void 0===o\|\|null===(r=o.url.split("identifierNumber=")[1])\|\|void 0===r?void 0:r.split("&")[0];ze("givenName",ee),ze("middleName",ne),ze("familyName",ae),ze("nationalId",null==e\|\|null===(p=e.entry[0])\|\|void 0===p\|\|null===(f=p.resource)\|\|void 0===f\|\|null===(d=f.identifier)\|\|void 0===d\|\|null===(u=d.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"national-id"===e.code}))})))\|\|void 0===u?void 0:u.value),ze("providerLicense",null==e\|\|null===(b=e.entry[0])\|\|void 0===b\|\|null===(h=b.resource)\|\|void 0===h\|\|null===(y=h.identifier)\|\|void 0===y\|\|null===(g=y.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"license-number"===e.code}))})))\|\|void 0===g?void 0:g.value),ze("registrationNumber",null==e\|\|null===(w=e.entry[0])\|\|void 0===w\|\|null===(v=w.resource)\|\|void 0===v\|\|null===($=v.identifier)\|\|void 0===$\|\|null===(m=$.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"board-registration-number"===e.code}))})))\|\|void 0===m?void 0:m.value),ze("phoneNumber",(null==e\|\|null===(C=e.entry[0])\|\|void 0===C\|\|null===(x=C.resource)\|\|void 0===x\|\|null===(_=x.telecom)\|\|void 0===_\|\|null===(A=_.find((function(e){return"phone"===e.system})))\|\|void 0===A?void 0:A.value)\|\|""),ze("qualification",(null==e\|\|null===(B=e.entry[0])\|\|void 0===B\|\|null===(I=B.resource)\|\|void 0===I\|\|null===(T=I.qualification)\|\|void 0===T\|\|null===(N=T[0])\|\|void 0===N\|\|null===(M=N.code)\|\|void 0===M\|\|null===(E=M.coding)\|\|void 0===E\|\|null===(z=E[0])\|\|void 0===z?void 0:z.display)\|\|(null==e\|\|null===(U=e.entry[0])\|\|void 0===U\|\|null===(W=U.resource)\|\|void 0===W\|\|null===(F=W.extension)\|\|void 0===F\|\|null===(O=F.find((function(e){return"https://ts.kenya-hie.health/Codesystem/specialty"===e.url})))\|\|void 0===O\|\|null===(L=O.valueCodeableConcept)\|\|void 0===L\|\|null===(D=L.coding)\|\|void 0===D\|\|null===(S=D[0])\|\|void 0===S?void 0:S.display)\|\|""),ze("email",(null==e\|\|null===(j=e.entry[0])\|\|void 0===j\|\|null===(q=j.resource)\|\|void 0===q\|\|null===(R=q.telecom)\|\|void 0===R\|\|null===(P=R.find((function(e){return"email"===e.system})))\|\|void 0===P?void 0:P.value)\|\|""),ze("licenseExpiryDate",(0,t.parseDate)((null==e\|\|null===(J=e.entry[0])\|\|void 0===J\|\|null===(Y=J.resource)\|\|void 0===Y\|\|null===(X=Y.identifier)\|\|void 0===X\|\|null===(H=X.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"license-number"===e.code}))})))\|\|void 0===H\|\|null===(G=H.period)\|\|void 0===G?void 0:G.end)\|\|c("unknown","Unknown"))),ze("passportNumber",te),ze("providerUniqueIdentifier",null==e\|\|null===(V=e.entry[0])\|\|void 0===V\|\|null===(Q=V.resource)\|\|void 0===Q?void 0:Q.id),k(e)}}),[3,4]):((0,t.showModal)("hwr-empty-modal",{errorCode:c("noResults","No results found")}),[2]);case 2:return a=i.sent(),(0,t.showModal)("hwr-empty-modal",{errorCode:a.message}),[3,4];case 3:return ue(Vn(Qn({},ce),{isHWRLoading:!1})),[7];case 4:return[2]}}))}));return function(){return e.apply(this,arguments)}}(),Be=function(){var e=Yn((function(e){var n,a,i,l,o,u,d,f,p,g,y,h,b,m;return ea(this,(function($){switch($.label){case 0:l=e.providerIdentifiers,o=e.isEditProvider,u=(null===(n=z[0])\|\|void 0===n?void 0:n.uuid)\|\|"",d={attributes:[{attributeType:fe.licenseNumber,value:e.providerLicense},{attributeType:fe.licenseExpiry,value:e.licenseExpiryDate?e.licenseExpiryDate.toISOString():""},{attributeType:fe.licenseBody,value:e.registrationNumber},{attributeType:null==fe?void 0:fe.providerHieFhirReference,value:JSON.stringify(_)},{attributeType:fe.providerUniqueIdentifier,value:e.providerUniqueIdentifier},{attributeType:fe.providerNationalId,value:e.nationalId},{attributeType:fe.qualification,value:e.qualification},{attributeType:fe.passportNumber,value:e.passportNumber},{attributeType:fe.phoneNumber,value:e.phoneNumber},{attributeType:fe.providerAddress,value:e.email}].filter((function(e){return e.value}))},f={username:e.username,password:e.password,person:{uuid:null==s\|\|null===(a=s.person)\|\|void 0===a?void 0:a.uuid,names:[{givenName:e.givenName,familyName:e.familyName,middleName:e.middleName}],gender:e.gender,attributes:[{attributeType:J,value:e.phoneNumber},{attributeType:Y,value:e.email}]},roles:null===(i=e.roles)\|\|void 0===i?void 0:i.map((function(e){return{uuid:e.uuid,name:e.display,description:e.description\|\|""}}))},p=function(e,n,a){(0,t.showSnackbar)({title:e,subtitle:n,kind:a,isLowContrast:!0})},$.label=1;case 1:return $.trys.push([1,11,,12]),[4,Dn(f,(null==s?void 0:s.uuid)\|\|"")];case 2:if(!(g=$.sent()).uuid)return[3,9];if(p(c("userSaved","User saved successfully"),"","success"),On("".concat(t.restBaseUrl,"/user?v=custom:(uuid,username,display,systemId,retired,person:(uuid,display,gender,names:(givenName,familyName,middleName),attributes:(uuid,display)),roles:(uuid,description,display,name))")),!l)return[3,6];$.label=3;case 3:return $.trys.push([3,5,,6]),y=u?"".concat(t.restBaseUrl,"/provider/").concat(u):"".concat(t.restBaseUrl,"/provider"),h=g.person.uuid,b=g.systemId,[4,Sn(h,b,d,y)];case 4:return $.sent().ok&&p(c("providerSaved","Provider saved successfully"),"","success"),[3,6];case 5:return $.sent(),p(c("providerFail","Failed to save provider"),c("providerFailedSubtitle","An error occurred while creating provider"),"error"),[3,6];case 6:return o?(m=[{attributeType:H,value:null==e?void 0:e.registrationNumber},{attributeType:te,value:null==e?void 0:e.nationalId},{attributeType:ie,value:null==e?void 0:e.providerLicense},{attributeType:X,value:null==e?void 0:e.passportNumber},{attributeType:re,value:null==e?void 0:e.providerUniqueIdentifier}].filter((function(e){return void 0!==(null==e?void 0:e.value)&&null!==(null==e?void 0:e.value)&&""!==(null==e?void 0:e.value)})),[4,Promise.all(null==m?void 0:m.map((function(e){var n,a,t,i=null===(t=z[0])\|\|void 0===t\|\|null===(a=t.attributes)\|\|void 0===a\|\|null===(n=a.find((function(n){var a;return(null==n\|\|null===(a=n.attributeType)\|\|void 0===a?void 0:a.uuid)===(null==e?void 0:e.attributeType)})))\|\|void 0===n?void 0:n.uuid,l={attributeType:null==e?void 0:e.attributeType,value:null==e?void 0:e.value};return i?Gn(l,u,i):jn(l,u)})))]):[3,8];case 7:$.sent(),(0,t.showSnackbar)({title:"Success",kind:"success",subtitle:c("updateMessage","Provider updated successfully")}),$.label=8;case 8:return[3,10];case 9:throw new Error("User creation failed");case 10:return On("".concat(t.restBaseUrl,"/user")),(0,V.Tk)((function(e){return"string"==typeof e&&e.startsWith("".concat(t.restBaseUrl,"/provider"))})),r(),[3,12];case 11:return $.sent(),p(c("userSaveFailed","Failed to save user"),c("userCreationFailedSubtitle","An error occurred while saving user form "),"error"),[3,12];case 12:return[2]}}))}));return function(n){return e.apply(this,arguments)}}();(0,p.useEffect)((function(){Te&&l((function(){return Te}))}),[Te,l]);var Se,De=function(e){m((function(n){return n!==e?e:n}))},Le=(0,p.useMemo)((function(){return[{id:"demographic",label:c("demographicInformation","Demographic Info")},{id:"login",label:c("loginInformation","Login Info")},{id:"provider",label:c("providerAccount","Provider Account")},{id:"roles",label:c("roles","Roles Info")}]}),[c]),Oe="login"===b,Fe="roles"===b,We="demographic"===b,Ue="provider"===b,Pe=function(){return!(We\|\|Oe\|\|Ue)};return g().createElement("div",{className:xn.leftContainer},g().createElement("div",null,g().createElement("div",{className:xn.leftLayout},g().createElement(h.ProgressIndicator,{currentIndex:v,spaceEquality:!0,vertical:!0,className:xn.progressIndicator,onChange:function(e){ce.isHWRLoading\|\|(De(Le[e].id),w(e))}},Le.map((function(e,n){return g().createElement(h.ProgressStep,{key:e.id,label:e.label,className:xn.ProgresStep})}))),g().createElement("div",{className:xn.sections},g().createElement(An.Op,xe,g().createElement("form",{onSubmit:xe.handleSubmit(Be,(function(e,n){(0,t.showSnackbar)({title:c("userSaveFailed","Fail to save {{error}}",n),subtitle:c("userCreationFailedSubtitle","An error occurred while creating user {{errorMessage}}",{errorMessage:JSON.stringify(e,null,2)}),kind:"error",isLowContrast:!0})})),className:xn.form},g().createElement("div",{className:xn.formContainer},g().createElement(h.Stack,{className:xn.formStackControl,gap:7},We&&g().createElement(t.ResponsiveWrapper,null,g().createElement("span",{className:xn.formHeaderSection},c("healthWorkVerify","Health worker registry verification")),ce.isHWRLoading?g().createElement(h.InlineLoading,{className:xn.formLoading,active:ce.isHWRLoading,description:c("pullDetailsfromHWR","Pulling data from Health worker registry...")}):g().createElement(g().Fragment,null,g().createElement(g().Fragment,null,g().createElement(h.Column,null,g().createElement(h.ComboBox,{onChange:function(e){var n,a=e.selectedItem;ue(Vn(Qn({},ce),{identifierType:null!==(n=null==a?void 0:a.key)&&void 0!==n?n:""}))},id:"formIdentifierType",titleText:c("identificationType","Identification Type"),placeholder:c("chooseIdentifierType","Choose identifier type"),initialSelectedItem:de,items:G,itemToString:function(e){return e?e.name:""}})),g().createElement(h.Column,null,g().createElement("span",{className:xn.formIdentifierType},c("identifierNumber","Identifier number")),g().createElement(h.Row,{className:xn.formRow},g().createElement(h.Search,{className:xn.formSearch,defaultValue:ce.identifier,placeholder:c("enterIdentifierNumber","Enter identifier number"),id:"formSearchHealthWorkers",onChange:function(e){ue(Vn(Qn({},ce),{identifier:e.target.value}))}}),g().createElement(h.Button,{kind:"secondary",size:"md",renderIcon:Pn.XK,hasIconOnly:!0,className:xn.formSearchButton,onClick:Ie})))),g().createElement("span",{className:xn.formHeaderSection},c("demographicInfo","Demographic info")),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"givenName",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"givenName",type:"text",labelText:c("givenName","Given Name"),placeholder:c("userGivenName","Enter Given Name"),invalid:!!Me.givenName,invalidText:null===(n=Me.givenName)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"middleName",control:xe.control,render:function(e){var n=e.field;return g().createElement(h.TextInput,Vn(Qn({},n),{id:"middleName",labelText:c("middleName","Middle Name"),placeholder:c("middleName","Middle Name")}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"familyName",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"familyName",labelText:c("familyName","Family Name"),placeholder:c("familyName","Family Name"),invalid:!!Me.familyName,invalidText:null===(n=Me.familyName)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"phoneNumber",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"phoneNumber",type:"text",disabled:B,labelText:c("phoneNumber","Phone Number"),placeholder:c("phoneNumber","Enter Phone Number"),invalid:!!Me.phoneNumber,invalidText:null===(n=Me.phoneNumber)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"email",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"email",type:"email",disabled:B,labelText:c("email","Email"),placeholder:c("email","Enter Email"),invalid:!!Me.email,invalidText:null===(n=Me.email)\|\|void 0===n?void 0:n.message,className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"gender",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.RadioButtonGroup,Vn(Qn({},a),{legendText:c("sex","Sex"),orientation:"vertical",invalid:!!Me.gender,invalidText:null===(n=Me.gender)\|\|void 0===n?void 0:n.message}),g().createElement(h.RadioButton,{value:"M",id:"M",labelText:c("male","Male"),checked:"M"===a.value}),g().createElement(h.RadioButton,{value:"F",id:"F",labelText:c("female","Female"),checked:"F"===a.value}))}})))),Ue&&g().createElement(t.ResponsiveWrapper,null,g().createElement("span",{className:xn.formHeaderSection},c("providerDetails","Provider details")),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"providerUniqueIdentifier",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"providerUniqueIdentifier",type:"text",labelText:c("providerUniqueIdentifier","Provider Unique Identifier"),placeholder:c("providerUniqueIdentifierPlaceholder","Enter Provider Unqiue Identifier"),invalid:!!Me.providerUniqueIdentifier,invalidText:null===(n=Me.providerUniqueIdentifier)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"nationalId",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"nationalId",disabled:B,type:"text",labelText:c("nationalID","National id"),placeholder:c("nationalID","National id"),invalid:!!Me.nationalId,invalidText:null===(n=Me.nationalId)\|\|void 0===n?void 0:n.message,className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"passportNumber",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"passportNumber",disabled:B,type:"text",labelText:c("passportNumber","Passport number"),placeholder:c("passportNumber","Passport number"),invalid:!!Me.nationalId,invalidText:null===(n=Me.nationalId)\|\|void 0===n?void 0:n.message,className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"providerLicense",control:xe.control,render:function(e){var n=e.field;return g().createElement(h.TextInput,Vn(Qn({},n),{id:"providerLicense",type:"text",disabled:B,labelText:c("providerLicense","License Number"),placeholder:c("providerLicense","License Number"),className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"registrationNumber",control:xe.control,render:function(e){var n=e.field;return g().createElement(h.TextInput,Vn(Qn({},n),{id:"registrationNumber",type:"text",disabled:B,labelText:c("registrationNumber","Registration Number"),placeholder:c("registrationNumber","Registration Number"),className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"qualification",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"qualification",type:"qualification",disabled:!0,labelText:c("qualification","Qualification"),placeholder:c("qualification","Qualification"),invalid:!!Me.qualification,invalidText:null===(n=Me.qualification)\|\|void 0===n?void 0:n.message,className:xn.checkboxLabelSingleLine}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"licenseExpiryDate",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.DatePicker,{datePickerType:"single",className:xn.formDatePicker,onChange:function(e){e.length&&a.onChange(e[0])},value:a.value?new Date(a.value):""},g().createElement(h.DatePickerInput,{className:xn.formDatePicker,placeholder:"mm/dd/yyyy",labelText:c("licenseExpiryDate","License Expiry Date"),id:"formLicenseDatePicker",size:"md",disabled:!0,invalid:!!Me.licenseExpiryDate,invalidText:null===(n=Me.licenseExpiryDate)\|\|void 0===n?void 0:n.message}))}})),E\|\|M?g().createElement(h.InlineLoading,{status:"active",iconDescription:"Loading",description:"Loading data..."}):z.length>0?g().createElement(g().Fragment,null,g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"systemId",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"systemeId",type:"text",labelText:c("providerId","Provider Id"),placeholder:c("providerId","Provider Id"),invalid:!!Me.systemId,invalidText:null===(n=Me.systemId)\|\|void 0===n?void 0:n.message,className:xn.checkboxLabelSingleLine}))}}),g().createElement(An.xI,{name:"isEditProvider",control:xe.control,render:function(e){var n=e.field;return g().createElement(h.CheckboxGroup,{legendText:c("editProvider","Edit Provider Details"),className:xn.multilineCheckboxLabel},g().createElement(h.Checkbox,Vn(Qn({className:xn.checkboxLabelSingleLine},n),{id:"isEditProvider",labelText:c("EditProviderDetails","Edit provider details?"),checked:n.value\|\|!1,onChange:function(e){return n.onChange(e.target.checked)}})))}}))):g().createElement(g().Fragment,null,g().createElement(An.xI,{name:"providerIdentifiers",control:xe.control,render:function(e){var n=e.field;return g().createElement(h.CheckboxGroup,{legendText:c("providerIdentifiers","Provider Details"),className:xn.multilineCheckboxLabel},g().createElement(h.Checkbox,Vn(Qn({className:xn.checkboxLabelSingleLine},n),{id:"providerIdentifiersa",labelText:c("providerIdentifiers","Create a Provider account for this user"),checked:n.value\|\|!1,onChange:function(e){return n.onChange(e.target.checked)}})))}}))),Oe&&g().createElement(t.ResponsiveWrapper,null,g().createElement("span",{className:xn.formHeaderSection},c("loginInfo","Login Info")),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"username",control:xe.control,render:function(e){var n,a=e.field;return g().createElement(h.TextInput,Vn(Qn({},a),{id:"username",labelText:c("username","Username"),invalid:!!Me.username,invalidText:null===(n=Me.username)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"password",control:xe.control,rules:B?{required:"Password is required",minLength:{value:8,message:"Password must be at least 8 characters long"},pattern:{value:/^(?=.[a-z])(?=.[A-Z])(?=.\d).{8,}$/,message:"Password must include uppercase, lowercase, and a number"}}:{},render:function(e){var n,a=e.field;return g().createElement(h.PasswordInput,Vn(Qn({},a),{id:"password",labelText:"Password",invalid:!!Me.password,invalidText:null===(n=Me.password)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"confirmPassword",control:xe.control,rules:B?{required:"Please confirm your password",validate:function(e){return e===xe.watch("password")\|\|"Passwords do not match"}}:{},render:function(e){var n,a=e.field;return g().createElement(h.PasswordInput,Vn(Qn({},a),{id:"confirmPassword",labelText:"Confirm Password",invalid:!!Me.confirmPassword,invalidText:null===(n=Me.confirmPassword)\|\|void 0===n?void 0:n.message}))}})),g().createElement(t.ResponsiveWrapper,null,g().createElement(An.xI,{name:"forcePasswordChange",control:xe.control,render:function(e){var n=e.field;return g().createElement(h.CheckboxGroup,{legendText:c("forcePasswordChange","Force Password Change"),className:xn.checkboxGroupGrid},g().createElement(h.Checkbox,Vn(Qn({className:xn.multilineCheckboxLabel},n),{id:"forcePasswordChange",labelText:c("forcePasswordChangeHelper","Optionally require this user to change their password on next login"),checked:n.value\|\|!1,onChange:function(e){return n.onChange(e.target.checked)}})))}}))),Fe&&g().createElement(t.ResponsiveWrapper,null,g().createElement("span",{className:xn.formHeaderSection},c("rolesInfo","Roles Info")),g().createElement(t.ResponsiveWrapper,null,function(e){return e.filter((function(e){return e.category!==f}))}(q).map((function(e){return g().createElement(h.Column,{key:e.category,xsm:8,md:12,lg:12,className:xn.checkBoxColumn},g().createElement(h.CheckboxGroup,{legendText:e.category,className:xn.checkboxGroupGrid},P?g().createElement(h.InlineLoading,{status:"active",iconDescription:"Loading",description:"Loading data..."}):g().createElement(An.xI,{name:"roles",control:xe.control,render:function(n){var a=n.field,t=a.value\|\|[];return g().createElement(g().Fragment,null,U.filter((function(n){return e.roles.includes(n.name)})).map((function(e){var n=t.some((function(n){return n.display===e.display&&n.description===e.description&&n.uuid===e.uuid}));return g().createElement("label",{key:e.display,className:n?xn.checkboxLabelSelected:xn.checkboxLabel},g().createElement("input",{type:"checkbox",id:e.display,checked:n,onChange:function(n){var i,l,r=n.target.checked?(l=t,function(e){if(Array.isArray(e))return Hn(e)}(l)\|\|function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(l)\|\|Zn(l)\|\|function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).concat([{uuid:e.uuid,display:e.display,description:null!==(i=e.description)&&void 0!==i?i:null}]):t.filter((function(n){return n.display!==e.display}));a.onChange(r)}}),e.display)})))}})))})))))),g().createElement(h.ButtonSet,{className:oe()((Se={},Jn(Se,xn.tablet,u),Jn(Se,xn.desktop,!u),Se))},g().createElement(h.Button,{kind:"secondary",onClick:function(){We?i():(De(Le[v-1].id),w(v-1))},className:xn.btn},c(We?"cancel":"back",We?"Cancel":"Back")),g().createElement(h.Button,{kind:"primary",type:Pe()?"submit":"",disabled:Ne\|\|Object.keys(Me).length>0\|\|ce.isHWRLoading,renderIcon:Pe()?"":Un.c_,className:xn.btn,onClick:function(e){Pe()\|\|(e.preventDefault(),De(Le[v+1].id),w(v+1))}},Ne?g().createElement("span",{style:{display:"flex",alignItems:"center"}},c("submitting","Submitting...")," ",g().createElement(h.InlineLoading,{status:"active"})):c(Pe()?"saveAndClose":"next",Pe()?"Save & close":"Next")))))))))}),Ua),Ha=(0,t.getSyncLifecycle)((function(e){var n,a,i,l,r,o,c,u=e.closeWorkspace,d=e.promptBeforeClosing,b=e.closeWorkspaceWithSavedChanges,m=e.user,$=void 0===m?{}:m,v=(0,y.useTranslation)().t,w="tablet"===(0,t.useLayoutType)(),A=((0,y.useTranslation)().t,{userRoleScopeFormSchema:Wn.z.object({forms:Wn.z.array(Wn.z.object({userName:Wn.z.string().optional(),permanent:Wn.z.boolean().optional(),enabled:Wn.z.boolean().optional(),operationTypes:Wn.z.array(Wn.z.object({operationTypeName:Wn.z.string().optional(),operationTypeUuid:Wn.z.string().optional()})).optional(),locations:Wn.z.array(Wn.z.object({locationName:Wn.z.string().optional(),locationUuid:Wn.z.string().optional()})).optional(),dateRange:Wn.z.object({activeTo:Wn.z.date().optional(),activeFrom:Wn.z.date().optional()}).optional(),role:Wn.z.string().optional()}))})}).userRoleScopeFormSchema,_=(i="".concat(t.restBaseUrl,"/stockmanagement/stockoperationtype?v=default"),l=(0,V.Ay)(i,t.openmrsFetch),r=l.data,o=l.isLoading,c=l.error,{stockOperations:null==r?void 0:r.data.results,loadingStock:o,error:c}),k=_.stockOperations,x=_.loadingStock,C=function(){var e,n,a="".concat(t.fhirBaseUrl,"/Location?_summary=data&_tag=main store,main pharmacy,dispensary "),i=(0,V.Ay)(a,t.openmrsFetch),l=i.data,r=i.error,o=i.isLoading,s=(0,p.useMemo)((function(){var e,n,a;return null!==(a=null==l\|\|null===(n=l.data)\|\|void 0===n\|\|null===(e=n.entry)\|\|void 0===e?void 0:e.map((function(e){return e.resource})))&&void 0!==a?a:[]}),[null==l\|\|null===(e=l.data)\|\|void 0===e?void 0:e.entry]);return{stockLocations:null!==(n=(0,zn.A)(s,"id"))&&void 0!==n?n:[],isLoading:o,error:r}}().stockLocations,z=Q(),E=z.rolesConfig,M=(z.error,Fn()),N=M.items,T=(M.loadingRoleScope,n=(0,p.useState)(null),a=2,function(e){if(Array.isArray(e))return e}(n)\|\|function(e,n){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=a){var t,i,l=[],r=!0,o=!1;try{for(a=a.call(e);!(r=(t=a.next()).done)&&(l.push(t.value),!n\|\|l.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r\|\|null==a.return\|\|a.return()}finally{if(o)throw i}}return l}}(n,a)\|\|function(e,n){if(e){if("string"==typeof e)return xa(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a\|\|"Set"===a?Array.from(a):"Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a)?xa(e,n):void 0}}(n,a)\|\|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.")}()),I=T[0],B=T[1],S=(0,p.useCallback)((function(e){B(e)}),[]),D=(0,p.useMemo)((function(){var e,n,a,t;return{forms:I?[(a=Ma({},I),t={userName:(null==$?void 0:$.username)\|\|(null==I?void 0:I.userName),dateRange:{activeTo:s(null==I?void 0:I.activeTo),activeFrom:s(null==I?void 0:I.activeFrom)},locations:(null==I\|\|null===(e=I.locations)\|\|void 0===e?void 0:e.map((function(e){return{locationName:e.locationName,locationUuid:e.locationUuid}})))\|\|[],operationTypes:(null==I\|\|null===(n=I.operationTypes)\|\|void 0===n?void 0:n.map((function(e){return{operationTypeName:e.operationTypeName,operationTypeUuid:e.operationTypeUuid}})))\|\|[]},t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n.push.apply(n,a)}return n}(Object(t)).forEach((function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(t,e))})),a)]:[]}}),[I,$]),L=(0,An.mN)({resolver:(0,Cn.u)(A),mode:"all",defaultValues:D}),O=L.reset,F=L.formState,W=F.errors,U=F.isSubmitting,R=F.isDirty;(0,p.useEffect)((function(){R&&d((function(){return R}))}),[R,d]),(0,p.useEffect)((function(){I&&!x&&O(D)}),[D,x,I,$,O]);var q=(0,An.jz)({control:L.control,name:"forms"}),j=q.fields,G=q.append,H=q.remove,X=function(e,n,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};(0,t.showSnackbar)({title:v(e),subtitle:v(n,i),kind:a,isLowContrast:!0})},Y=function(){var e=za((function(e){var n,a,i,l,r,o;return Na(this,(function(s){switch(s.label){case 0:return s.trys.push([0,2,,3]),n=(null==I?void 0:I.uuid)?"".concat(t.restBaseUrl,"/stockmanagement/userrolescope/").concat(I.uuid):"".concat(t.restBaseUrl,"/stockmanagement/userrolescope"),[4,Promise.all(e.forms.map(function(){var e=za((function(e){var a,t;return Na(this,(function(i){switch(i.label){case 0:return a=function(e){var n,a,t,i;return{uuid:null==I?void 0:I.uuid,userUuid:(null==I?void 0:I.userUuid)\|\|(null==$?void 0:$.uuid),userName:null==I?void 0:I.userName,userGivenName:null==I?void 0:I.userGivenName,userFamilyName:null==I?void 0:I.userFamilyName,permanent:null==e?void 0:e.permanent,enabled:null==e?void 0:e.enabled,operationTypes:null==e\|\|null===(n=e.operationTypes)\|\|void 0===n?void 0:n.map((function(e){return{operationTypeUuid:e.operationTypeUuid,operationTypeName:e.operationTypeName}})),locations:null==e\|\|null===(a=e.locations)\|\|void 0===a?void 0:a.map((function(e){return{locationUuid:e.locationUuid,locationName:e.locationName,enableDescendants:!1}})),role:null==e?void 0:e.role,activeFrom:(null==e\|\|null===(t=e.dateRange)\|\|void 0===t?void 0:t.activeFrom)\|\|null,activeTo:(null==e\|\|null===(i=e.dateRange)\|\|void 0===i?void 0:i.activeTo)\|\|null}}(e),[4,Ln(n,a,null!==(t=null==$?void 0:$.uuid)&&void 0!==t?t:"")];case 1:return i.sent().ok&&(X("userRoleScopeSaved","User role scope saved successfully","success"),b()),[2]}}))}));return function(n){return e.apply(this,arguments)}}()))];case 1:return s.sent(),On("".concat(t.restBaseUrl,"/stockmanagement/userrolescope")),[3,3];case 2:return a=s.sent(),o=null!==(r=null==a\|\|null===(l=a.responseBody)\|\|void 0===l\|\|null===(i=l.error)\|\|void 0===i?void 0:i.message)&&void 0!==r?r:"An error occurred while creating the User role scope",X("userRoleScopeCreationFailed","User role scope failed to save successfully","error",{errorMessage:o}),[3,3];case 3:return[2]}}))}));return function(n){return e.apply(this,arguments)}}();(0,p.useEffect)((function(){R&&d((function(){return R}))}),[R,d]);var J,K=(0,p.useMemo)((function(){return function(e){var n;return(null===(n=e.find((function(e){return e.category===f})))\|\|void 0===n?void 0:n.roles)\|\|[]}(E\|\|[])}),[E]),Z=(0,p.useMemo)((function(){return(null==$?void 0:$.roles)&&0!==K.length?$.roles.filter((function(e){return K.includes(e.display)})):[]}),[null==$?void 0:$.roles,K]),ee=(0,p.useMemo)((function(){var e;return(null==N\|\|null===(e=N.results)\|\|void 0===e?void 0:e.reduce((function(e,n){return n.userUuid===$.uuid&&e.push(n.role),e}),[]))\|\|[]}),[N,$.uuid]),ne=(0,p.useMemo)((function(){return(null==$?void 0:$.roles)?$.uuid?Z.filter((function(e){return!ee.includes(e.display)})):Z:[]}),[null==$?void 0:$.roles,$.uuid,Z,ee]),ae=(0,p.useMemo)((function(){return ne.length>0&&$.roles.some((function(e){return ne.includes(e)}))}),[$.roles,ne]);return g().createElement(g().Fragment,null,g().createElement("div",null,g().createElement(ka,{onEditUserRoleScope:S,user:$})),D&&g().createElement(An.Op,L,g().createElement("form",{onSubmit:L.handleSubmit(Y,(function(e){console.error("Error:",e),(0,t.showSnackbar)({title:v("userRoleScopeCreationFailed","User Role Scope creation failed"),subtitle:v("userRoleScopeCreationFailedSubtitle","An error occurred while creating the user role scope mode. Please try again."),kind:"error",isLowContrast:!0})})),className:xn.form},g().createElement("div",{className:xn.formContainer},g().createElement(h.Stack,{className:xn.formStackControl,gap:7},g().createElement(t.ResponsiveWrapper,null,g().createElement(P.aR,{title:I?v("editRoleScope","Edit User Role Scope"):v("addRoleScope","Add a new user role scope")},g().createElement(ua.LT,null))),g().createElement("div",{className:xn.roleStockFields},g().createElement(t.ResponsiveWrapper,null,g().createElement(h.TextInput,{readOnly:!0,id:"userName",labelText:v("username","Username"),value:(null==$?void 0:$.username)\|\|(null==I?void 0:I.userName)}))),j.map((function(e,n){return g().createElement($a,{key:e.id,field:e,index:n,control:L.control,removeForm:H,filteredInventoryRoles:ne,hasInventoryRole:ae,stockOperations:k,stockLocations:C,loadingStock:x,roleScopeformMethods:L,userRoleScopeInitialValues:I})})),!I&&g().createElement("div",null,g().createElement("div",{className:xn.roleStockFields},!ae&&g().createElement(P.pp,{displayText:v("noUserRole","No user role"),headerTitle:""}),g().createElement(h.Button,{size:"sm",kind:"tertiary",renderIcon:da.OM,onClick:function(){return G({})},disabled:!ae},v("addAnotherRoleScope","Add user role scope")))))),g().createElement(h.ButtonSet,{className:oe()((J={},Ea(J,xn.tablet,w),Ea(J,xn.desktop,!w),J))},g().createElement(h.Button,{style:{maxWidth:"50%"},kind:"secondary",onClick:u},v("cancel","Cancel")),g().createElement(h.Button,{disabled:U\|\|Object.keys(W).length>0,style:{maxWidth:"50%"},kind:"primary",type:"submit"},U?g().createElement("span",{style:{display:"flex",justifyItems:"center"}},v("submitting","Submitting...")," ",g().createElement(h.InlineLoading,{status:"active",iconDescription:"Loading"})):v("saveAndClose","Save & close"))))))}),Ua),Xa=(0,t.getSyncLifecycle)(ta({title:"Manage Users",name:"user-management"}),Ua),Ya=(0,t.getSyncLifecycle)(ta({title:"ETL Administration",name:"etl-administration"}),Ua),Ja=(0,t.getSyncLifecycle)(ta({title:"Facility Details",name:"facility-setup"}),Ua),Qa=(0,t.getSyncLifecycle)((function(e){var n,a,i,l,r,o,s,c,u,d,f,p,b,m,$,v,w,A,_,k,x,C,z,E,M,N,T,I,B,S,D,L=e.close,O=e.onConfirm,F=e.healthWorker,W=(0,y.useTranslation)().t,U=null==F\|\|null===(i=F.link)\|\|void 0===i\|\|null===(a=i.find((function(e){return"self"===e.relation&&e.url.includes("identifierType=Passport")})))\|\|void 0===a\|\|null===(n=a.url.split("identifierNumber=")[1])\|\|void 0===n?void 0:n.split("&")[0],P=null==F\|\|null===(r=F.entry)\|\|void 0===r\|\|null===(l=r[0])\|\|void 0===l?void 0:l.resource;return g().createElement(g().Fragment,null,g().createElement("div",{className:"cds--modal-header"},g().createElement("h3",{className:"cds--modal-header__heading"},W("healthWorkerRegistry","Health worker registry"))),g().createElement("div",{className:"cds--modal-content"},g().createElement("p",null,W("healthWorkerDetailsFound","Health worker information found in the registry, do you want to use the information to continue with registration?")),g().createElement("div",{className:oa.healthWorkerOverview},g().createElement(t.ExtensionSlot,{className:oa.healthWorkerPhoto,name:"patient-photo-slot",state:{patientName:(null==P\|\|null===(s=P.name)\|\|void 0===s\|\|null===(o=s[0])\|\|void 0===o?void 0:o.text)\|\|""}}),g().createElement("div",{style:{width:"100%",marginLeft:"0.625rem"}},g().createElement(sa,{label:W("healthWorkerName","Health worker name"),value:null==P\|\|null===(u=P.name)\|\|void 0===u\|\|null===(c=u[0])\|\|void 0===c?void 0:c.text}),g().createElement(sa,{label:W("providerUniqueIdentifier","Provider unique identifier"),value:null==P?void 0:P.id}),null==P\|\|null===(d=P.telecom)\|\|void 0===d?void 0:d.map((function(e,n){return g().createElement(sa,{key:n,label:(0,ia.A)(null==e?void 0:e.system),value:(null==e?void 0:e.value)\|\|"--"})})),null==P\|\|null===(f=P.identifier)\|\|void 0===f?void 0:f.map((function(e,n){var a,t;return g().createElement(sa,{key:n,label:(null===(t=e.type)\|\|void 0===t\|\|null===(a=t.coding)\|\|void 0===a?void 0:a.map((function(e){return e.display})).join(" "))\|\|"--",value:e.value\|\|"--"})})),U&&g().createElement(sa,{label:W("passportNumber","Passport Number"),value:U}),g().createElement(sa,{label:W("renewalDate","Renewal Date"),value:(null==P\|\|null===(m=P.identifier)\|\|void 0===m\|\|null===(b=m.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"license-number"===e.code}))})))\|\|void 0===b\|\|null===(p=b.period)\|\|void 0===p?void 0:p.end)\|\|"--"}),g().createElement(sa,{label:W("licensingBody","Licensing Body"),value:(null==P\|\|null===(x=P.qualification)\|\|void 0===x\|\|null===(k=x[0])\|\|void 0===k\|\|null===(_=k.extension)\|\|void 0===_\|\|null===(A=_.find((function(e){return"https://hwr-kenyahie/StructureDefinition/licensing-body"===e.url})))\|\|void 0===A\|\|null===(w=A.valueCodeableConcept)\|\|void 0===w\|\|null===(v=w.coding)\|\|void 0===v\|\|null===($=v[0])\|\|void 0===$?void 0:$.display)\|\|"--"}),g().createElement(sa,{label:W("qualification","Qualification"),value:(null==P\|\|null===(N=P.qualification)\|\|void 0===N\|\|null===(M=N[0])\|\|void 0===M\|\|null===(E=M.code)\|\|void 0===E\|\|null===(z=E.coding)\|\|void 0===z\|\|null===(C=z[0])\|\|void 0===C?void 0:C.display)\|\|(null==P\|\|null===(D=P.extension)\|\|void 0===D\|\|null===(S=D.find((function(e){return"https://ts.kenya-hie.health/Codesystem/specialty"===e.url})))\|\|void 0===S\|\|null===(B=S.valueCodeableConcept)\|\|void 0===B\|\|null===(I=B.coding)\|\|void 0===I\|\|null===(T=I[0])\|\|void 0===T?void 0:T.display)\|\|"--"}),g().createElement(sa,{label:W("licenseValid","License Validity"),value:g().createElement(h.Tag,{type:(null==P?void 0:P.active)?"green":"red"},(null==P?void 0:P.active)?W("licenseValid","License Valid"):W("licenseExpired","License Expired"))})))),g().createElement("div",{className:"cds--modal-footer"},g().createElement(h.Button,{kind:"secondary",onClick:L},W("cancel","Cancel")),g().createElement(h.Button,{onClick:O},W("useValues","Use values"))))}),Ua),Va=(0,t.getSyncLifecycle)((function(e){var n,a=e.close,t=e.errorCode,i=(0,y.useTranslation)().t,l=(ca(n={},u,i("ResourceNotFound","The Health Work Registry is not reachable, kindly confirm your internet connectivity and try again. Do you want to continue to create an account")),ca(n,c,i("noHwrApi","Health Care Worker Registry API credentials not configured, Kindly contact system admin. Do you want to continue to create an account")),ca(n,d,i("unknownError","An error occurred while searching Health Worker Registry, kindly contact system admin. Do you want to continue to create an account")),n),r=i("HealthworkerNotFound","The health worker records could not be found in Health Worker registry, do you want to continue to create an account"),o=l[t]\|\|r;return g().createElement(g().Fragment,null,g().createElement("div",{className:"cds--modal-header"},g().createElement("h3",{className:"cds--modal-header__heading"},i("healthWorkerRegistryEmpty","Create an Account"))),g().createElement("div",{className:"cds--modal-content"},g().createElement("p",null,o)),g().createElement("div",{className:"cds--modal-footer"},g().createElement(h.Button,{kind:"secondary",onClick:a},i("cancel","Cancel")),g().createElement(h.Button,{onClick:a},i("continue","Continue to registration"))))}),Ua),Ka=(0,t.getSyncLifecycle)((function(e){var n,a,i,l,r,o,s,c,u,d=e.close,f=e.provider,b=(0,y.useTranslation)().t,m=Wa((0,p.useState)(!1),2),$=m[0],v=m[1],w=(0,t.useConfig)(),A=w.providerNationalIdUuid,_=w.licenseBodyUuid,k=w.licenseExpiryDateUuid,x=w.passportNumberUuid,C=w.licenseNumberUuid,z=w.identifierTypes,E=w.phoneNumberUuid,M=w.qualificationUuid,N=w.providerAddressUuid,T=w.providerHieFhirReference,I=w.providerUniqueIdentifierAttributeTypeUuid,B=(La(u={},null===(n=z[0])\|\|void 0===n?void 0:n.key,(null===(a=f.attributes.find((function(e){return e.attributeType.uuid===A})))\|\|void 0===a?void 0:a.value)\|\|"--"),La(u,null===(i=z[1])\|\|void 0===i?void 0:i.key,(null===(l=f.attributes.find((function(e){return e.attributeType.uuid===_})))\|\|void 0===l?void 0:l.value)\|\|"--"),La(u,null===(r=z[2])\|\|void 0===r?void 0:r.key,(null===(o=f.attributes.find((function(e){return e.attributeType.uuid===x})))\|\|void 0===o?void 0:o.value)\|\|"--"),u),S=Wa((0,p.useState)({identifierType:null===(s=z[0])\|\|void 0===s?void 0:s.key,identifier:B[null===(c=z[0])\|\|void 0===c?void 0:c.key]}),2),D=S[0],L=S[1],O=function(){return!D.identifier},F=function(){var e,n=(e=function(){var e,n,a,i,l,r,o,s,c,u,p,g,y,h,m,$,w,x,z,B,S,L,O,F,W,U,P,R,q;return function(e,n){var a,t,i,l,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function o(l){return function(o){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;r;)try{if(a=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!((i=(i=r.trys).length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=n.call(e,r)}catch(e){l=[6,e],t=0}finally{a=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,o])}}}(this,(function(j){switch(j.label){case 0:return j.trys.push([0,3,4,5]),v(!0),[4,qn(D.identifierType,D.identifier)];case 1:return W=j.sent(),U=null===(e=W.entry[0])\|\|void 0===e?void 0:e.resource,P={licenseNumber:null==U\|\|null===(a=U.identifier)\|\|void 0===a\|\|null===(n=a.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"license-number"===e.code}))})))\|\|void 0===n?void 0:n.value,regNumber:null==U\|\|null===(l=U.identifier)\|\|void 0===l\|\|null===(i=l.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"board-registration-number"===e.code}))})))\|\|void 0===i?void 0:i.value,licenseDate:(0,t.formatDate)(new Date(null==U\|\|null===(s=U.identifier)\|\|void 0===s\|\|null===(o=s.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"license-number"===e.code}))})))\|\|void 0===o\|\|null===(r=o.period)\|\|void 0===r?void 0:r.end)),phoneNumber:null==U\|\|null===(u=U.telecom)\|\|void 0===u\|\|null===(c=u.find((function(e){return"phone"===e.system})))\|\|void 0===c?void 0:c.value,email:null==U\|\|null===(g=U.telecom)\|\|void 0===g\|\|null===(p=g.find((function(e){return"email"===e.system})))\|\|void 0===p?void 0:p.value,qualification:(null==U\|\|null===(w=U.qualification)\|\|void 0===w\|\|null===($=w[0])\|\|void 0===$\|\|null===(m=$.code)\|\|void 0===m\|\|null===(h=m.coding)\|\|void 0===h\|\|null===(y=h[0])\|\|void 0===y?void 0:y.display)\|\|(null==U\|\|null===(L=U.extension)\|\|void 0===L\|\|null===(S=L.find((function(e){return"https://ts.kenya-hie.health/Codesystem/specialty"===e.url})))\|\|void 0===S\|\|null===(B=S.valueCodeableConcept)\|\|void 0===B\|\|null===(z=B.coding)\|\|void 0===z\|\|null===(x=z[0])\|\|void 0===x?void 0:x.display),nationalId:null==U\|\|null===(F=U.identifier)\|\|void 0===F\|\|null===(O=F.find((function(e){var n,a;return null===(a=e.type)\|\|void 0===a\|\|null===(n=a.coding)\|\|void 0===n?void 0:n.some((function(e){return"national-id"===e.code}))})))\|\|void 0===O?void 0:O.value,providerUniqueIdentifier:null==U?void 0:U.id},R=[{attributeType:C,value:P.licenseNumber},{attributeType:_,value:P.regNumber},{attributeType:k,value:(0,t.parseDate)(P.licenseDate)},{attributeType:E,value:P.phoneNumber},{attributeType:M,value:P.qualification},{attributeType:T,value:JSON.stringify(W)},{attributeType:N,value:P.email},{attributeType:A,value:P.nationalId},{attributeType:I,value:P.providerUniqueIdentifier}].filter((function(e){return void 0!==e.value&&null!==e.value&&""!==e.value})),[4,Promise.all(R.map((function(e){var n,a=null===(n=f.attributes.find((function(n){return n.attributeType.uuid===e.attributeType})))\|\|void 0===n?void 0:n.uuid,t={attributeType:e.attributeType,value:e.value};return a?Gn(t,f.uuid,a):jn(t,f.uuid)})))];case 2:return j.sent(),(0,V.Tk)((function(e){return"string"==typeof e&&e.startsWith("".concat(t.restBaseUrl,"/provider"))})),(0,t.showSnackbar)({title:"Success",kind:"success",subtitle:b("syncMessage","user details synced successfully")}),d(),[3,5];case 3:return q=j.sent(),(0,t.showToast)({critical:!1,kind:"error",description:b("errorSyncMsg","Failed to sync the account with ".concat(D.identifier,". ").concat(q)),title:b("hwrERROR","Sync Failed")}),[3,5];case 4:return v(!1),[7];case 5:return[2]}}))},function(){var n=this,a=arguments;return new Promise((function(t,i){var l=e.apply(n,a);function r(e){Da(l,t,i,r,o,"next",e)}function o(e){Da(l,t,i,r,o,"throw",e)}r(void 0)}))});return function(){return n.apply(this,arguments)}}();return g().createElement(g().Fragment,null,g().createElement("div",{className:"cds--modal-header"},g().createElement("h3",{className:"cds--modal-header__heading"},b("healthWorkerRegistry","Health worker registry"))),g().createElement("div",{className:"cds--modal-content"},g().createElement("p",null,b("healthWorkerSync","Health worker information to be synced with the registry.")),g().createElement("div",{className:Ba.modalContainer},g().createElement(h.Column,{className:Ba.identifierTypeColumn},g().createElement(h.ComboBox,{onChange:function(e){return n=e.selectedItem,t=null!==(a=null==n?void 0:n.key)&&void 0!==a?a:"",void L((function(e){return Fa(Oa({},e),{identifierType:t,identifier:B[t]\|\|""})}));var n,a,t},id:"formIdentifierType",titleText:b("identificationType","Identification Type"),placeholder:b("chooseIdentifierType","Choose identifier type"),initialSelectedItem:z.find((function(e){return e.key===D.identifierType})),items:z,itemToString:function(e){return e?e.name:""},className:Ba.ComboBox})),g().createElement(h.Column,{className:Ba.identifierTypeColumn},g().createElement("span",{className:Ba.identifierTypeHeader},b("identifierNumber","Identifier number")),g().createElement(h.Search,{className:Ba.formSearch,value:D.identifier,placeholder:b("enterIdentifierNumber","Enter identifier number"),id:"formSearchHealthWorkers",disabled:O(),onChange:function(e){return L(Fa(Oa({},D),{identifier:e.target.value}))}})))),g().createElement("div",{className:"cds--modal-footer"},g().createElement(h.Button,{kind:"secondary",onClick:d},b("cancel","Cancel")),g().createElement(h.Button,{disabled:O()\|\|$,onClick:F},$?g().createElement(h.InlineLoading,{status:"active",description:b("syncing","Syncing...")}):b("sync","Sync"))))}),Ua)},4767:(e,n,a)=>{var t={"./en.json":[4300,300]};function i(e){if(!a.o(t,e))return Promise.resolve().then((()=>{var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}));var n=t[e],i=n[0];return a.e(n[1]).then((()=>a(i)))}i.keys=()=>Object.keys(t),i.id=4767,e.exports=i}}]);