Design System Dev Resource
Menu

Second Opinion (provider dashboard)

The following components were made to be brought into Salesforce for the provider's dashboard. Design system classes are not needed because they are unavailable in Salesforce, so their styles are manually added here.

provider header

Second opinion portal
AA
Akua Akunwe, MD
Family Medicine
SCSS file
<header class="bh-provider-header">
	<div class="bh-provider-header-wrap">
		<div class="bh-provider-header-left-side">
			<a href="#" class="bh-provider-header-link">
				<svg class="bh-provider-header-logo" width="186" height="24" viewBox="0 0 186 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4437 6.81601C20.1004 5.347 17.4122 4.81953 17.4122 4.81953V4.76678C20.5489 4.7536 20.4671 7.73645 17.0376 8.66744C12.8394 9.81509 12.357 8.10904 12.1279 7.29895C12.099 7.19684 12.0742 7.10896 12.0464 7.04283C11.9037 6.68313 11.7426 6.33102 11.5637 5.98788C11.0651 5.07535 8.14741 0.881948 1.6288 3.78305L1.05634 4.04678C4.13494 -1.90838 11.4423 -1.32552 12.3366 6.02481C12.64 8.52503 17.4571 7.68898 18.4437 6.81601ZM0.312412 10.3448C6.21636 7.44371 10.0468 8.01865 11.598 9.9281C11.9176 10.3204 12.0483 10.6694 12.1494 10.9393C12.2461 11.1973 12.3157 11.3832 12.4975 11.4657C15.6474 12.9373 21.3693 9.98085 21.1055 6.91887C21.0838 6.82201 21.0395 6.73165 20.9762 6.65514C20.8029 6.45779 20.617 6.2719 20.4196 6.09865C21.5197 10.1918 13.4235 11.2521 12.181 9.36107C12.0474 9.15792 11.8844 8.76075 11.7352 8.39756C11.6133 8.10066 11.5007 7.82646 11.4212 7.69953C10.5718 6.34393 6.8363 3.77514 0.351983 7.01118C0.236792 8.11884 0.223546 9.23473 0.312412 10.3448ZM11.7035 14.4591C9.21054 12.4547 3.2169 15.6011 1.59714 16.9382C1.09064 15.3057 0.742413 13.5096 0.742413 13.5096C4.52801 11.3101 9.23692 10.0811 11.6507 11.6635C11.9823 11.884 12.0821 12.2163 12.1717 12.5145C12.2589 12.8047 12.3364 13.0625 12.6083 13.1536C16.2462 14.3773 21.459 11.2415 21.7228 7.93953C21.7228 7.93953 22.1079 8.78612 22.0446 9.04986C20.6887 14.7176 12.735 16.2841 12.2074 15.456C12.1349 15.3419 12.0998 15.2159 12.0638 15.0868C12.0042 14.8726 11.9421 14.6499 11.7035 14.4591ZM4.26924 23.7784L4.2642 23.7848L4.27739 23.7927L4.26924 23.7784ZM4.26924 23.7784C4.86508 23.018 5.53499 22.3187 6.26912 21.6907C8.29514 20.1268 11.1996 18.4494 11.6296 19.9052C11.6497 20.0496 11.6497 20.196 11.6296 20.3404C11.603 20.4202 11.6234 20.5082 11.6823 20.5683C11.7413 20.6284 11.8289 20.6504 11.9093 20.6252C19.6994 18.4916 22.2715 14.016 22.1976 10.5321C21.0395 14.9048 16.7527 17.1255 12.4237 17.6529C12.2084 17.6529 12.2008 17.4808 12.1908 17.2555C12.1794 16.9975 12.165 16.6699 11.8328 16.4503C9.92017 15.2107 3.7234 19.0085 2.81328 20.3641C2.81328 20.3641 3.91458 23.1479 4.26924 23.7784ZM183.513 18.7754C183.412 18.8741 183.331 18.9915 183.275 19.1209C183.217 19.2557 183.187 19.4012 183.188 19.5481C183.187 19.6977 183.216 19.8459 183.275 19.9833C183.331 20.1127 183.412 20.23 183.513 20.3288C183.612 20.4277 183.731 20.5057 183.861 20.5582C183.996 20.6134 184.14 20.6412 184.286 20.64C184.43 20.6415 184.574 20.6137 184.708 20.5582C184.837 20.506 184.955 20.4279 185.053 20.3288C185.153 20.2293 185.234 20.1122 185.291 19.9833C185.35 19.8459 185.38 19.6977 185.378 19.5481C185.379 19.4012 185.349 19.2557 185.291 19.1209C185.234 18.992 185.153 18.8748 185.053 18.7754C184.953 18.6788 184.836 18.6018 184.708 18.5486C184.574 18.4923 184.431 18.4636 184.286 18.4642C184.14 18.4639 183.996 18.4926 183.861 18.5486C183.732 18.6024 183.614 18.6793 183.513 18.7754ZM183.642 20.2075C183.561 20.1213 183.497 20.0212 183.452 19.9121V19.9279C183.406 19.8094 183.383 19.6832 183.383 19.556C183.383 19.4315 183.406 19.308 183.452 19.1921C183.497 19.0846 183.562 18.9863 183.642 18.902C183.723 18.8188 183.82 18.7525 183.927 18.7068C184.04 18.6587 184.162 18.6345 184.286 18.6356C184.407 18.6347 184.528 18.659 184.639 18.7068C184.746 18.7519 184.842 18.8183 184.921 18.902C185.004 18.9849 185.068 19.0836 185.111 19.1921C185.156 19.3027 185.18 19.4209 185.18 19.5402C185.182 19.6675 185.159 19.794 185.111 19.9121C184.979 20.2523 184.651 20.4757 184.286 20.4738C184.162 20.475 184.04 20.4508 183.927 20.4026C183.821 20.356 183.724 20.2898 183.642 20.2075ZM184.352 18.9284C184.47 18.9196 184.588 18.9512 184.687 19.018C184.76 19.0854 184.8 19.1821 184.795 19.2818C184.806 19.3797 184.771 19.4774 184.7 19.5455C184.632 19.6001 184.549 19.6331 184.462 19.6404L184.827 20.1996H184.613L184.267 19.6404H184.059V20.1864H183.872V18.9284H184.352ZM184.399 19.4901H184.265L184.064 19.5007V19.0998H184.328H184.428C184.459 19.1038 184.49 19.1127 184.518 19.1262C184.544 19.1403 184.566 19.1601 184.584 19.1842C184.601 19.2156 184.609 19.2512 184.608 19.287C184.609 19.3277 184.599 19.3681 184.579 19.4031C184.561 19.4307 184.535 19.4519 184.505 19.4637C184.472 19.4798 184.436 19.4887 184.399 19.4901ZM155.41 4.42286C155.41 3.46022 155.275 3.32572 154.634 3.2466L153.671 3.16747V2.43956L157.681 1.82506L157.868 1.98594V18.364C157.868 19.6193 157.947 19.6826 159.739 19.8066V20.6347H153.534V19.8066C155.323 19.6747 155.404 19.6193 155.404 18.364L155.41 4.42286ZM115.662 18.1767V12.0317H124.268V18.1767C124.268 19.593 124.215 19.6484 122.023 19.8066V20.6347H129.201V19.8066C127.035 19.6484 126.953 19.593 126.953 18.1767V5.62022C126.953 4.20396 127.035 4.14857 129.201 4.01671V3.18857H122.036V4.01671C124.228 4.14857 124.281 4.20396 124.281 5.62022V11.0163H115.675V5.62022C115.675 4.23033 115.755 4.14857 117.92 4.01671V3.18857H110.745V4.01671C112.937 4.14857 112.99 4.20396 112.99 5.62022V18.1767C112.99 19.593 112.937 19.6484 110.745 19.8066V20.6347H117.907V19.8066C115.715 19.6484 115.662 19.593 115.662 18.1767ZM26.6942 20.64V19.9095C28.9075 19.7591 28.9576 19.709 28.9576 18.3007V5.58066C28.9576 4.17231 28.9075 4.1222 26.6942 3.97187V3.24132H33.962C35.9247 3.21758 37.4337 3.50506 38.4124 4.14857C39.3911 4.79209 39.9715 5.85758 39.9715 7.23956C39.9715 9.17539 38.5891 10.6338 36.2254 11.1112V11.1613C38.6656 11.4884 40.7761 12.7965 40.7761 15.7635C40.7761 19.258 38.3121 20.64 34.4896 20.64H26.6942ZM31.4427 10.8343H33.1284C35.7427 10.8343 37.3255 9.85319 37.3255 7.38989C37.3255 4.80264 35.2889 4.09583 33.4792 4.1222C31.5165 4.14857 31.4427 4.2989 31.4427 5.38022V10.8343ZM33.8565 19.7591C31.8436 19.7591 31.4427 19.382 31.4427 17.8233L31.44 11.7178H33.2497C36.3679 11.7178 38.0773 13.2738 38.0773 15.9376C38.0773 18.9547 36.0197 19.7591 33.8565 19.7591ZM52.8979 19.6088C52.4468 19.5086 52.0194 19.0286 52.0194 17.4462V11.3644C52.0194 9.90594 51.6923 8.02022 47.8935 8.02022C45.0523 8.02022 42.8153 9.50242 42.8153 10.8844C42.8153 11.6888 43.7465 12.0659 44.224 12.0659C44.7516 12.0659 44.902 11.789 45.0286 11.3644C45.5799 9.50242 46.6352 8.89846 47.6165 8.89846C48.5979 8.89846 49.756 9.4022 49.756 11.4145V12.4695C49.2468 12.9977 47.5588 13.5088 45.8817 14.0165L45.8816 14.0166L45.8815 14.0166C45.4822 14.1375 45.0835 14.2582 44.7015 14.3789C42.8891 14.9327 42.3615 16.1908 42.3615 17.3723C42.3615 19.258 43.6093 20.9407 45.9836 20.9407C47.5413 20.8906 48.9357 19.9612 49.7275 19.4335L49.7296 19.4321C50.0831 20.3631 50.4841 20.9407 51.3652 20.9407C52.3983 20.9133 53.4123 20.6556 54.333 20.1864L54.18 19.5851C53.7587 19.6803 53.3224 19.6884 52.8979 19.6088ZM46.8541 14.6954L47.1499 14.5859C48.1148 14.2291 49.2544 13.8077 49.756 13.4901L49.7481 17.0347C49.7481 19.0708 48.189 19.5982 47.2076 19.5982C45.6485 19.5982 44.8941 18.4932 44.8941 17.0084C44.8941 15.8268 45.448 15.2229 46.8541 14.6954ZM68.8422 19.9095C67.0563 19.7723 66.956 19.7354 66.956 18.4536L66.9534 12.0106C66.9534 9.47341 65.5737 8.01495 63.2601 8.01495C61.5975 8.01495 60.4983 8.73583 59.1725 9.60536L59.1722 9.60555C59.0129 9.71002 58.8503 9.81663 58.6831 9.9244L58.3296 8.01495L54.5836 8.64264V9.28352L55.5386 9.41011C56.1928 9.51033 56.3432 9.63692 56.3432 10.5415V18.4536C56.3432 19.7354 56.2693 19.7855 54.457 19.9095V20.64H60.5851V19.9095C58.7992 19.7723 58.6989 19.7354 58.6989 18.4536V12.5697C58.6657 12.0939 58.7566 11.6177 58.9627 11.1877C59.5614 10.0898 60.7037 9.39788 61.9543 9.37583C63.6611 9.37583 64.5923 10.3332 64.5923 12.5196V18.4536C64.5923 19.7354 64.5158 19.7855 62.7061 19.9095V20.64H68.8422V19.9095ZM81.8926 18.4536C81.8926 19.7354 81.9929 19.7723 83.7788 19.9095V20.64H77.6427V19.9095C79.4551 19.7855 79.529 19.7354 79.529 18.4536V12.5196C79.529 10.3332 78.5977 9.37583 76.8909 9.37583C75.6403 9.39788 74.498 10.0898 73.8994 11.1877C73.6978 11.619 73.6115 12.0951 73.6488 12.5697V18.4536C73.6488 19.7354 73.749 19.7723 75.535 19.9095V20.64H69.3936V19.9095C71.2059 19.7855 71.2798 19.7354 71.2798 18.4536V10.5415C71.2798 9.63692 71.1294 9.51033 70.4752 9.41011L69.5202 9.28352V8.64264L73.2662 8.01495L73.6197 9.9244C73.787 9.81657 73.9497 9.70989 74.1091 9.60536C75.4349 8.73583 76.5341 8.01495 78.1967 8.01495C80.5103 8.01495 81.89 9.47341 81.89 12.0106L81.8926 18.4536ZM87.3745 14.0281C87.3244 16.6418 87.9522 19.6589 91.0678 19.6589C93.0568 19.6589 94.0118 18.4536 94.7162 16.9952L95.4706 17.396C94.79 19.382 93.3602 20.9169 90.5665 20.9407C86.467 20.9908 84.7628 18.567 84.7628 14.582C84.7628 10.8106 86.6227 8.02022 90.5454 8.02022C95.1488 8.02022 95.6263 11.5886 95.6263 13.0708C95.6263 13.9015 95.1488 14.0281 94.6212 14.0281H87.3745ZM92.152 13.0708C92.8563 13.0708 93.0067 12.7464 93.0067 12.2796C93.0067 11.2985 92.7429 8.90901 90.3924 8.90901C87.7781 8.90901 87.4009 12.0527 87.4009 13.0813L92.152 13.0708ZM100.879 10.0299C102.538 8.57143 103.292 8.02022 104.197 8.02022C105.179 8.02022 105.532 8.69802 105.532 9.25187C105.532 10.0299 104.978 10.6602 104.374 10.6602C104.198 10.6607 104.025 10.6171 103.87 10.5336C103.142 10.1301 102.715 9.97978 102.311 9.97978C101.733 9.97978 100.879 10.6338 100.879 12.5697V18.4536C100.879 19.7354 101.029 19.7723 103.269 19.9095V20.64H96.6287V19.9095C98.3883 19.7855 98.5149 19.7354 98.5149 18.4536V10.5415C98.5149 9.63692 98.3646 9.51033 97.7103 9.41011L96.7554 9.28352V8.64264L100.578 8.01495L100.879 10.0299ZM135.714 19.6193C132.609 19.6193 131.968 16.7077 132.021 14.1152H139.194C139.766 14.1152 140.249 13.9279 140.249 13.0998C140.249 11.578 139.74 7.99648 135.142 7.99648C131.187 7.99648 129.317 10.8026 129.317 14.5714C129.317 18.5248 130.921 20.9565 135.142 20.9565C137.948 20.9565 139.391 19.4057 140.088 17.4303L139.296 17.0004C138.6 18.4457 137.693 19.6193 135.714 19.6193ZM137.579 12.269C137.579 12.7675 137.418 13.0602 136.724 13.0602L132.047 13.0708C132.047 12.0026 132.422 8.93011 135.015 8.93011C137.286 8.93011 137.579 11.28 137.579 12.269ZM151.424 17.3222C151.424 18.9046 151.825 19.3266 152.278 19.4611C152.606 19.5259 152.943 19.5241 153.27 19.4558L153.376 20.2286C152.563 20.6973 151.642 20.9463 150.703 20.9512C149.822 20.9512 149.369 20.4712 149.047 19.4558L148.935 19.5305C148.13 20.0694 146.813 20.9512 145.332 20.9512C142.958 20.9512 141.697 19.2686 141.697 17.396C141.697 16.196 142.225 14.8853 144.05 14.3235C144.357 14.228 144.675 14.1318 144.995 14.035L144.995 14.035L144.995 14.035C146.731 13.5091 148.53 12.9644 149.063 12.4009V11.5253C149.063 9.54725 148.076 8.93275 146.844 8.93275C145.828 8.93275 144.947 9.46022 144.385 11.338C144.28 11.7917 144.066 12.0844 143.531 12.0844C142.995 12.0844 142.14 11.6835 142.14 10.8818C142.14 9.49451 144.172 7.99648 147.06 7.99648C150.896 7.99648 151.424 9.96132 151.424 11.4435V17.3222ZM149.07 13.5007C148.511 13.8488 147.224 14.3288 146.211 14.7033C144.85 15.2308 144.314 15.8532 144.314 17.0295C144.314 18.4985 145.09 19.5666 146.612 19.5666C147.575 19.5666 149.07 19.0866 149.07 17.0822V13.5007ZM164.39 17.0295V9.43385H167.568V8.31824H164.387V5.15341H163.611L162.029 8.31824H160.129V9.43385H161.931V18.058C161.931 20.5952 163.828 20.9433 164.738 20.9433C165.956 20.9433 166.886 20.4673 167.708 19.9675V20.6347H173.855V19.8066C172.169 19.6826 172.008 19.593 172.008 18.364V12.5934C172.008 11.9789 172.035 11.6044 172.222 11.2563C172.804 10.1544 173.941 9.45775 175.187 9.43912C176.873 9.43912 177.807 10.349 177.807 12.4589V18.364C177.807 19.593 177.648 19.6747 175.936 19.8066V20.6347H182.112V19.8066C180.4 19.7011 180.239 19.593 180.239 18.364V12.0053C180.239 9.4655 178.878 7.99649 176.525 7.99649C174.812 7.99649 173.728 8.72432 172.314 9.67305C172.205 9.74593 172.095 9.82012 171.982 9.89539V1.95956L171.795 1.82506L167.811 2.43956V3.1622L168.774 3.29407C169.415 3.4022 169.55 3.53407 169.55 4.44396L169.555 18.364C169.555 19.5689 169.474 19.6711 167.81 19.7989L167.624 19.1921C167.124 19.4296 166.573 19.5401 166.02 19.5138C165.165 19.5138 164.39 18.9257 164.39 17.0295Z" fill="#fff" />
				</svg>
			</a>
			<span class="bh-provider-header-text">Second opinion portal</span>
		</div>
		<div class="bh-provider-header-right-side">
			<button type="button" class="bh-provider-header-noti-trigger">
				<svg class="bh-provider-header-noti-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M12 22C13.1 22 14 21.1 14 20H10C10 21.1 10.9 22 12 22ZM18 16V11C18 7.93 16.37 5.36 13.5 4.68V4C13.5 3.17 12.83 2.5 12 2.5C11.17 2.5 10.5 3.17 10.5 4V4.68C7.64 5.36 6 7.92 6 11V16L4 18V19H20V18L18 16ZM16 17H8V11C8 8.52 9.51 6.5 12 6.5C14.49 6.5 16 8.52 16 11V17Z" fill="white" />
				</svg>
			</button>
			<button type="button" class="bh-provider-header-drawer-trigger">
				<span class="bh-provider-header-drawer-trigger-left-side">
					<!-- if no avatar, show this initials div -->
					<div class="bh-provider-header-drawer-trigger-initials">AA</div>
					<!-- if there is an avatar, show this image -->
					<!-- <img class="bh-provider-header-drawer-trigger-image" src="/assets/toolkit/images/so-ekunwe-akua.jpeg" alt="Akua Akunwe, MD" /> -->
				</span>
				<span class="bh-provider-header-drawer-trigger-right-side">
					Akua Akunwe, MD
				</span>
			</button>
		</div>
	</div>
</header>
<div class="bh-provider-header-profile-drawer">
	<button type="button" class="bh-provider-header-profile-drawer-close">
		<svg class="bh-provider-header-profile-drawer-close-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path d="M19 6.4L17.6 5L12 10.6L6.4 5L5 6.4L10.6 12L5 17.6L6.4 19L12 13.4L17.6 19L19 17.6L13.4 12L19 6.4Z" fill="#56595d" />
		</svg>
	</button>

	<div class="bh-provider-header-profile-drawer-content">
		<div class="bh-provider-header-profile-drawer-content-top">
			<!-- if no avatar, show this initials div -->
			<div class="bh-provider-header-profile-drawer-initials">AA</div>
			<!-- if there is an avatar, show this image -->
			<!-- <img class="bh-provider-header-profile-drawer-image" src="/assets/toolkit/images/so-ekunwe-akua.jpeg" alt="Akua Akunwe, MD" /> -->
			<div class="bh-provider-header-profile-drawer-name">Akua Akunwe, MD</div>
			<div class="bh-provider-header-profile-drawer-specialty">Family Medicine</div>
			<button type="button" class="bh-provider-header-profile-drawer-sign-out">
				<svg class="bh-provider-header-profile-drawer-icon" width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path fill-rule="evenodd" clip-rule="evenodd" d="M5.56667 0H12.0152C12.6501 0 13.1667 0.498444 13.1667 1.11111V10.8889C13.1667 11.5016 12.6501 12 12.0152 12H5.56667C4.93172 12 4.41515 11.5016 4.41515 10.8889V8.44444C4.41515 8.07622 4.72445 7.77778 5.10606 7.77778C5.48767 7.77778 5.79697 8.07622 5.79697 8.44444V10.6667H11.7848V1.33333H5.79697V3.55556C5.79697 3.92378 5.48767 4.22222 5.10606 4.22222C4.72445 4.22222 4.41515 3.92378 4.41515 3.55556V1.11111C4.41515 0.498444 4.93172 0 5.56667 0ZM9.94242 6.66667H2.85876L2.98221 6.78578C3.25212 7.046 3.25212 7.46822 2.98221 7.72844C2.84725 7.85867 2.67061 7.92378 2.49373 7.92378C2.31686 7.92378 2.14022 7.85867 2.00526 7.72844L0.702436 6.47133C0.432521 6.21111 0.432521 5.78889 0.702436 5.52867L2.00526 4.27156C2.27518 4.01111 2.71229 4.01111 2.98221 4.27156C3.25212 4.53178 3.25212 4.954 2.98221 5.21422L2.85876 5.33333H9.94242C10.324 5.33333 10.6333 5.63178 10.6333 6C10.6333 6.36822 10.324 6.66667 9.94242 6.66667Z" fill="#007eb4" />
				</svg> Sign out
			</button>
		</div>
		<div class="bh-provider-header-profile-drawer-content-bottom">
			<div class="bh-provider-header-profile-drawer-title">Notifications</div>
			<ul class="bh-provider-header-profile-drawer-list">
				<li class="bh-provider-header-profile-drawer-list-item"><a href="#" class="bh-provider-header-profile-drawer-link">Notification center</a></li>
				<li class="bh-provider-header-profile-drawer-list-item"><a href="#" class="bh-provider-header-profile-drawer-link">Notification preferences</a></li>
			</ul>
		</div>
	</div>
</div>
<div class="bh-provider-header-profile-drawer-overlay"></div>
 

provider status card

Akua Akunwe, MD
Akua Akunwe, MD
My cases
  • Overdue
  • Draft
  • Submitted
SCSS file
<div class="bh-provider-status-card">
	<div class="bh-provider-status-card-provider-info">
		<div class="bh-provider-status-card-provider-left-side">
			<!-- if no avatar, show this initials div -->
			<!-- <div class="bh-provider-status-card-provider-initials">AA</div> -->
			<!-- if there is an avatar, show this image -->
			<img class="bh-provider-status-card-provider-image" src="/assets/toolkit/images/so-ekunwe-akua.jpeg" alt="Akua Akunwe, MD" />
		</div>
		<div class="bh-provider-status-card-provider-right-side">
			<div class="bh-provider-status-card-provider-name">Akua Akunwe, MD</div>
		</div>
	</div>
	<details open class="bh-provider-status-card-accordion">
		<summary class="bh-provider-status-card-accordion-trigger">
			<span class="bh-provider-status-card-trigger-text">My cases</span>
			<svg class="bh-provider-status-card-trigger-expand" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
				<g>
					<path d="M12 8.29504L6 14.295L7.41 15.705L12 11.125L16.59 15.705L18 14.295L12 8.29504Z" fill="#56595d"></path>
				</g>
			</svg>
		</summary>
		<div class="bh-provider-status-card-list-group">
			<ul class="bh-provider-status-card-list">
				<li class="bh-provider-status-card-list-item">
					<span class="bh-provider-status-card-list-title">Overdue</span>
					<button type="button" class="bh-provider-status-card-list-number-button bh-provider-status-card-list-number">1</button>
				</li>
				<li class="bh-provider-status-card-list-item">
					<span class="bh-provider-status-card-list-title">Draft</span>
					<button type="button" class="bh-provider-status-card-list-number-button bh-provider-status-card-list-number">1</button>
				</li>
				<li class="bh-provider-status-card-list-item">
					<span class="bh-provider-status-card-list-title">Submitted</span>
					<button type="button" class="bh-provider-status-card-list-number-button bh-provider-status-card-list-number">1</button>
				</li>
			</ul>
		</div>
	</details>
</div>
 

provider system alert

SCSS file
<div class="bh-system-alert" role="alert" aria-hidden="false" data-bh-fade-out-type="scroll" data-bh-fade-out-at="textbox-email-enter" data-bh-swipe-hide>
	<div class="bh-system-alert-icon-area">
		<svg class="bh-system-alert-icon bh-svg-alert" width="24px" height="24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
			<title>bh-ic-alert</title>
			<path fill="#ffffff" d="M11,15h2v2H11Zm0-8h2v6H11Zm1-5A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" />
		</svg>
	</div>
	<div class="bh-system-alert-copy-area">
		<p class="bh-system-alert-copy truncated">System will be down on Friday, March 01, 2022 from 10:00 AM to 2:00 PM.</p>
		<div class="bh-system-alert-link-flex">
			<a href="#" class="bh-system-alert-link">View details</a>
			<button class="bh-system-alert-see-more shown-on-mobile" type="button">See more</button>
			<button class="bh-system-alert-see-less" type="button">See less</button>
		</div>
	</div>
</div>