@medplum/react 0.9.20 → 0.9.23

package/dist/cjs/styles.css

@@ -1370,6 +1370,76 @@ div.medplum-nav-menu-container {
   color: var(--medplum-blue-500);
 }
 
+.medplum-signin-buttons {
+  display: flex;
+  justify-content: space-between;
+  line-height: 32px;
+}
+
+.medplum-signin-buttons > div {
+  display: flex;
+  align-items: center;
+}
+
+.medplum-signin-buttons a {
+  font-size: 12px;
+  margin-right: 16px;
+}
+
+.medplum-signin-buttons label {
+  font-size: 12px;
+}
+
+.medplum-signin-google-container {
+  padding: 20px 0 10px 0;
+  margin: 20px 0 10px 0;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.medplum-signin-separator {
+  padding: 12px 0;
+  margin: 12px 0;
+  overflow: hidden;
+  text-align: center;
+  font-size: var(--medplum-font-small);
+}
+
+.medplum-signin-separator::before,
+.medplum-signin-separator::after {
+  background-color: var(--medplum-gray-400);
+  content: '';
+  display: inline-block;
+  height: 0.1px;
+  position: relative;
+  vertical-align: middle;
+  width: 50%;
+}
+
+.medplum-signin-separator::before {
+  right: 0.5em;
+  margin-left: -50%;
+}
+
+.medplum-signin-separator::after {
+  left: 0.5em;
+  margin-right: -50%;
+}
+
+.medplum-left {
+  text-align: left;
+}
+
+.medplum-center {
+  text-align: center;
+}
+
+.medplum-right {
+  text-align: right;
+}
+
 .medplum-status {
   padding: 1px 6px;
   font-size: 80%;
@@ -1511,61 +1581,64 @@ div.medplum-nav-menu-container {
   margin: 0;
 }
 
-.medplum-signin {
-  max-width: 400px;
-}
-
-.medplum-signin-buttons {
-  display: flex;
-  justify-content: space-between;
-  line-height: 32px;
-}
-
-.medplum-signin-buttons > div {
-  display: flex;
-  align-items: center;
+.medplum-calendar-table {
+  width: 350px;
 }
 
-.medplum-signin-buttons a {
-  font-size: 12px;
-  margin-right: 16px;
+.medplum-calendar-table th {
+  font-weight: normal;
+  font-size: 11px;
+  padding: 8px;
+  text-align: center;
 }
 
-.medplum-signin-buttons label {
-  font-size: 12px;
+.medplum-calendar-table td {
+  padding: 2px 4px;
 }
 
-.medplum-signin-google-container {
-  padding: 20px 0 10px 0;
-  margin: 20px 0 10px 0;
+.medplum-calendar-table button {
+  width: 44px;
+  height: 44px;
+  color: #0060e6;
+  font-size: 16px;
+  font-weight: bold;
   text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-top: 0.1px solid var(--medplum-gray-200);
+  padding: 0;
+  background-color: #eef5ff;
+  border: 0;
+  border-radius: 50%;
+  cursor: pointer;
 }
 
-.medplum-signin-google-icon {
-  margin-right: 8px;
+.medplum-calendar-table button:hover {
+  background-color: #d9e9ff;
 }
 
-.medplum-signin-google-icon svg {
-  display: inline-block;
-  vertical-align: top;
+.medplum-calendar-table button:disabled {
+  background-color: white;
+  cursor: default;
+  color: #666;
+  font-weight: normal;
 }
 
-.medplum-left {
-  text-align: left;
+.medplum-calendar-container {
+  display: flex;
+  min-height: 400px;
 }
 
-.medplum-center {
-  text-align: center;
+.medplum-calendar-info-pane {
+  min-width: 300px;
+  padding: 20px;
+  border-right: 1px solid #ddd;
 }
 
-.medplum-right {
-  text-align: right;
+.medplum-calendar-selection-pane {
+  min-width: 300px;
+  padding: 20px;
 }
 
+.grecaptcha-badge { visibility: hidden; }
+
 a.medplum-tab {
   display: inline-block;
   line-height: 50px;