@medplum/react 0.10.1 → 1.0.0

package/dist/cjs/styles.css

@@ -1,528 +0,0 @@
-.medplum-document {
-  margin: 20px auto 6px auto;
-  padding: 10px;
-  clear: both;
-  text-align: center;
-}
-
-.medplum-document article {
-  background-color: var(--medplum-surface);
-  max-width: 900px;
-  margin: 8px auto 16px auto;
-  padding: 15px 25px;
-  text-align: left;
-  border: 0.1px solid var(--medplum-gray-300);
-  border-radius: 8px;
-  box-shadow: 0 1px 3px 0 var(--medplum-shadow);
-  font-size: 14px;
-}
-
-@media (max-width: 700px) {
-  .medplum-document {
-    margin: 10px auto 6px auto;
-    padding: 4px;
-  }
-
-  .medplum-document article {
-    padding: 6px 12px;
-  }
-}
-
-.medplum-document img,
-.medplum-document video {
-  width: 100%;
-}
-
-.medplum-left {
-  text-align: left;
-}
-
-.medplum-center {
-  text-align: center;
-}
-
-.medplum-right {
-  text-align: right;
-}
-
-.medplum-checkbox-form-section {
-  display: flex;
-  justify-content: space-between;
-}
-
-.medplum-checkbox-form-section-checkbox-container {
-  width: 30px;
-}
-
-.medplum-checkbox-form-section-details-container {
-  flex: 1;
-  width: 100%;
-}
-
-.medplum-checkbox-form-section-details-container > label {
-  font-weight: 500;
-}
-
-fieldset.medplum-form-section {
-  border: 0;
-  margin: 6px 0 12px 0;
-  padding: 2px 0 8px 0;
-}
-
-fieldset.medplum-form-section > label,
-fieldset.medplum-form-section > legend {
-  display: block;
-  margin: 1px 0 3px 0;
-  line-height: 1.75;
-  font-weight: 500;
-}
-
-fieldset.medplum-form-section > p {
-  margin: 1px 0 4px 0;
-  padding: 1px 0 4px 0;
-  line-height: 1.75;
-}
-
-dl.medplum-description-list {
-  display: grid;
-  grid-template-columns: 30% 70%;
-  margin: 0;
-}
-
-dl.medplum-description-list dt,
-dl.medplum-description-list dd {
-  padding: 12px 8px;
-  border-top: 0.1px solid var(--medplum-gray-300);
-  margin: 0;
-}
-
-dl.medplum-description-list.compact {
-  grid-template-columns: 20% 80%;
-}
-
-dl.medplum-description-list.compact dt,
-dl.medplum-description-list.compact dd {
-  padding: 0 4px 4px 0;
-  border: 0;
-}
-
-.medplum-resource-badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  white-space: nowrap;
-}
-
-.medplum-diagnostic-report-header {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: var(--medplum-surface);
-  padding: 4px;
-  overflow: hidden;
-}
-
-.medplum-diagnostic-report-header > .medplum-avatar {
-  margin: 5px;
-}
-
-.medplum-diagnostic-report-header > dl {
-  margin: 5px 30px 5px 0;
-}
-
-.medplum-diagnostic-report-header dt {
-  color: var(--medplum-gray-500);
-  text-transform: uppercase;
-  font-size: 10px;
-  white-space: nowrap;
-  height: 16px;
-  display: flex;
-  align-items: center;
-}
-
-.medplum-diagnostic-report-header dd {
-  font-size: 16px;
-  font-weight: bold;
-  line-height: 32px;
-  white-space: nowrap;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  margin: 0;
-}
-
-.medplum-critical {
-  background: var(--medplum-red-50);
-  color: var(--medplum-red-500);
-  font-weight: bold;
-}
-
-.medplum-diff-removed {
-  color: red;
-  text-decoration: line-through;
-}
-
-.medplum-diff-added {
-  color: green;
-}
-
-table.medplum-diff-table {
-  border-collapse: collapse;
-  width: 100%;
-}
-
-table.medplum-diff-table tr {
-  border-top: 0.1px solid var(--medplum-gray-300);
-}
-
-table.medplum-diff-table th,
-table.medplum-diff-table td {
-  padding: 12px 6px;
-  vertical-align: top;
-}
-
-.medplum-timeline article.medplum-timeline-item {
-  max-width: 900px;
-  padding: 0;
-}
-
-.medplum-timeline article.medplum-timeline-item-pinned {
-  background-color: var(--medplum-blue-50);
-}
-
-.medplum-timeline .medplum-timeline-item-header {
-  display: flex;
-  padding: 8px;
-}
-
-.medplum-timeline .medplum-timeline-item-avatar {
-  margin-right: 8px;
-}
-
-.medplum-timeline .medplum-timeline-item-title {
-  flex: 1;
-}
-
-.medplum-timeline .medplum-timeline-item-title > a {
-  color: var(--medplum-gray-800);
-  font-weight: bold;
-}
-
-.medplum-timeline .medplum-timeline-item-actions > a {
-  color: var(--medplum-gray-700);
-  font-weight: bold;
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-content: center;
-  justify-content: center;
-  padding: 6px;
-  border-radius: 50%;
-}
-
-.medplum-timeline .medplum-timeline-item-actions > a:hover {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.medplum-timeline .medplum-timeline-item-actions > a > svg {
-  width: 20px;
-  height: 20px;
-}
-
-.medplum-timeline .medplum-timeline-item-subtitle {
-  font-size: 11px;
-}
-
-.medplum-timeline .medplum-timeline-item-subtitle > a,
-.medplum-timeline .medplum-timeline-item-subtitle > span {
-  margin-right: 6px;
-  color: var(--medplum-gray-500);
-}
-
-.medplum-timeline .medplum-timeline-item-footer {
-  display: flex;
-  padding: 8px;
-  border-top: 0.1px solid var(--medplum-gray-200);
-}
-
-.medplum-timeline .medplum-timeline-icon {
-  width: 26px;
-  height: 26px;
-  padding: 4px 0;
-  margin-right: 2px;
-  color: var(--medplum-gray-500);
-}
-
-.medplum-timeline-item-header > form {
-  display: flex;
-  width: 100%;
-}
-
-.medplum-timeline-item-header > form > input[type='text'] {
-  flex: 1;
-  margin-right: 4px;
-}
-
-.medplum-filter-editor {
-  text-align: left;
-  width: 900px;
-  max-width: 900px;
-}
-
-.medplum-filter-editor-table {
-  width: 100%;
-  border-collapse: collapse;
-}
-
-.medplum-search-control {
-  max-width: 100%;
-  overflow: auto;
-  text-align: left;
-  margin-bottom: 20px;
-  background: var(--medplum-surface);
-}
-
-.medplum-search-control .medplum-search-summary {
-  line-height: 28px;
-  padding: 2px 6px;
-  font-size: 12px;
-  white-space: nowrap;
-}
-
-.medplum-search-control > table td,
-.medplum-search-control > table th {
-  cursor: pointer;
-}
-
-/* Body cells */
-
-.medplum-search-control > table tbody tr:hover {
-  background-color: var(--medplum-gray-50);
-}
-
-.medplum-search-control .medplum-empty-search {
-  color: var(--medplum-gray-500);
-  text-align: center;
-  padding: 60px;
-  font-size: var(--medplum-font-big);
-}
-
-.medplum-search-icon-cell {
-  padding: 0 !important;
-  text-align: center !important;
-  width: 32px !important;
-  min-width: 32px !important;
-  max-width: 32px !important;
-}
-
-.medplum-search-icon-cell input[type='checkbox'] {
-  margin: 0;
-  padding: 0;
-  outline: 0;
-}
-
-.medplum-questionnaire-option-row {
-  display: flex;
-  align-items: center;
-  line-height: 24px;
-}
-
-.medplum-questionnaire-option-row label {
-  margin: 0;
-}
-
-.medplum-questionnaire-option-checkbox {
-  padding: 4px 8px 0 4px;
-}
-
-.medplum-questionnaire-builder .section {
-  position: relative;
-  margin: 4px 4px 4px 0;
-  padding: 4px 12px 16px 2px;
-  background-color: var(--medplum-surface);
-  border: 1px solid var(--medplum-surface);
-  border-radius: 8px;
-}
-
-.medplum-questionnaire-builder .section h1 {
-  margin: 4px 0;
-}
-
-.medplum-questionnaire-builder .section.hovering {
-  border: 1px solid var(--medplum-blue-500);
-}
-
-.medplum-questionnaire-builder .section.editing {
-  margin: 8px 4px 12px 0;
-  padding: 4px 4px 20px 12px;
-  border: 1px solid var(--medplum-gray-300);
-  border-left: 4px solid var(--medplum-blue-500);
-}
-
-.medplum-questionnaire-builder .section.editing input,
-.medplum-questionnaire-builder .section.editing select {
-  margin: 2px 4px 2px 0;
-}
-
-.medplum-questionnaire-builder .section > .top-actions {
-  top: 1px;
-  padding: 4px;
-  color: var(--medplum-gray-500);
-}
-
-.medplum-questionnaire-builder .section > .bottom-actions {
-  bottom: 0;
-}
-
-.medplum-questionnaire-builder .section > .top-actions,
-.medplum-questionnaire-builder .section > .bottom-actions {
-  position: absolute;
-  right: 4px;
-}
-
-.medplum-questionnaire-builder .section > .top-actions a,
-.medplum-questionnaire-builder .section > .bottom-actions a {
-  font-size: 10px;
-  color: var(--medplum-gray-500);
-  margin: 0 6px 4px 0;
-}
-
-.medplum-questionnaire-builder .section.editing > .top-actions a,
-.medplum-questionnaire-builder .section.editing > .bottom-actions a {
-  color: var(--medplum-blue-500);
-}
-
-.medplum-request-group {
-  padding: 4px;
-}
-
-.medplum-request-group-task {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  margin-bottom: 16px;
-}
-
-.medplum-request-group-task-checkmark {
-  color: var(--medplum-gray-700);
-  font-size: 24px;
-  width: 40px;
-}
-
-.medplum-request-group-task-details {
-  flex: 1;
-  line-height: 1.75;
-}
-
-.medplum-request-group-task-title {
-  font-size: 14px;
-  font-weight: bold;
-}
-
-.medplum-request-grou-task-actions {
-  width: 100px;
-}
-
-.medplum-blame-container {
-  overflow-x: auto;
-}
-
-.medplum-blame {
-  border: 0.1px solid var(--medplum-gray-100);
-  border-collapse: collapse;
-  border-radius: 4px;
-  border-spacing: 0;
-  width: 100%;
-}
-
-.medplum-blame .start-row {
-  border-top: 0.1px solid var(--medplum-gray-100);
-}
-
-.medplum-blame .normal-row {
-  border-top: 0;
-}
-
-.medplum-blame .details {
-  border-right: 0.1px solid var(--medplum-gray-100);
-  padding: 4px;
-  font-size: 10px;
-  line-height: 10px;
-  vertical-align: top;
-}
-
-.medplum-blame .line-number {
-  background-color: var(--medplum-gray-50);
-  border: 0;
-  color: var(--medplum-gray-500);
-  font-family: monospace;
-  padding: 4px 8px;
-  text-align: right;
-}
-
-.medplum-blame .line {
-  font-family: monospace;
-  padding: 4px 8px;
-}
-
-.medplum-blame .line-pre {
-  margin: 0;
-}
-
-.medplum-calendar-table {
-  width: 350px;
-}
-
-.medplum-calendar-table th {
-  font-weight: normal;
-  font-size: 11px;
-  padding: 8px;
-  text-align: center;
-}
-
-.medplum-calendar-table td {
-  padding: 2px 4px;
-}
-
-.medplum-calendar-table button {
-  width: 44px;
-  height: 44px;
-  color: #0060e6;
-  font-size: 16px;
-  font-weight: bold;
-  text-align: center;
-  padding: 0;
-  background-color: #eef5ff;
-  border: 0;
-  border-radius: 50%;
-  cursor: pointer;
-}
-
-.medplum-calendar-table button:hover {
-  background-color: #d9e9ff;
-}
-
-.medplum-calendar-table button:disabled {
-  background-color: white;
-  cursor: default;
-  color: #666;
-  font-weight: normal;
-}
-
-.medplum-calendar-container {
-  display: flex;
-  min-height: 400px;
-}
-
-.medplum-calendar-info-pane {
-  min-width: 300px;
-  padding: 20px;
-  border-right: 1px solid #ddd;
-}
-
-.medplum-calendar-selection-pane {
-  min-width: 300px;
-  padding: 20px;
-}
-
-.grecaptcha-badge { visibility: hidden; }

package/dist/esm/defaulttheme.css

@@ -1,192 +0,0 @@
-:root {
-  --medplum-background: #f8f9fa;
-  --medplum-surface: #ffffff;
-  --medplum-foreground: #424242;
-  --medplum-navbar: #5b2876;
-  --medplum-navbar-textbox: rgba(255, 255, 255, 0.2);
-  --medplum-navbar-placeholder: rgba(255, 255, 255, 0.6);
-  --medplum-shadow: rgba(0, 0, 0, 0.1);
-  --medplum-font-small: 12px;
-  --medplum-font-normal: 13px;
-  --medplum-font-big: 18px;
-  /* gray */
-  --medplum-gray-50: #fafafa;
-  --medplum-gray-100: #f5f5f5;
-  --medplum-gray-200: #eeeeee;
-  --medplum-gray-300: #e0e0e0;
-  --medplum-gray-400: #bdbdbd;
-  --medplum-gray-500: #9e9e9e;
-  --medplum-gray-600: #757575;
-  --medplum-gray-700: #616161;
-  --medplum-gray-800: #424242;
-  --medplum-gray-900: #212121;
-  /* red */
-  --medplum-red-50: #ffebee;
-  --medplum-red-100: #ffcdd2;
-  --medplum-red-200: #ef9a9a;
-  --medplum-red-300: #e57373;
-  --medplum-red-400: #ef5350;
-  --medplum-red-500: #f44336;
-  --medplum-red-600: #e53935;
-  --medplum-red-700: #d32f2f;
-  --medplum-red-800: #c62828;
-  --medplum-red-900: #b71c1c;
-  /* purple */
-  --medplum-purple-50: #ede7f6;
-  --medplum-purple-100: #d1c4e9;
-  --medplum-purple-200: #b39ddb;
-  --medplum-purple-300: #9575cd;
-  --medplum-purple-400: #7e57c2;
-  --medplum-purple-500: #673ab7;
-  --medplum-purple-600: #5e35b1;
-  --medplum-purple-700: #512da8;
-  --medplum-purple-800: #4527a0;
-  --medplum-purple-900: #311b92;
-  /* blue */
-  --medplum-blue-50: #e3f2fd;
-  --medplum-blue-100: #bbdefb;
-  --medplum-blue-200: #90caf9;
-  --medplum-blue-300: #64b5f6;
-  --medplum-blue-400: #42a5f5;
-  --medplum-blue-500: #2196f3;
-  --medplum-blue-600: #1e88e5;
-  --medplum-blue-700: #1976d2;
-  --medplum-blue-800: #1565c0;
-  --medplum-blue-900: #0d47a1;
-  /* green */
-  --medplum-green-50: #e8f5e9;
-  --medplum-green-100: #c8e6c9;
-  --medplum-green-200: #a5d6a7;
-  --medplum-green-300: #81c784;
-  --medplum-green-400: #66bb6a;
-  --medplum-green-500: #4caf50;
-  --medplum-green-600: #43a047;
-  --medplum-green-700: #388e3c;
-  --medplum-green-800: #2e7d32;
-  --medplum-green-900: #1b5e20;
-  /* yellow */
-  --medplum-yellow-50: #fffde7;
-  --medplum-yellow-100: #fff9c4;
-  --medplum-yellow-200: #fff59d;
-  --medplum-yellow-300: #fff176;
-  --medplum-yellow-400: #ffee58;
-  --medplum-yellow-500: #ffeb3b;
-  --medplum-yellow-600: #fdd835;
-  --medplum-yellow-700: #fbc02d;
-  --medplum-yellow-800: #f9a825;
-  --medplum-yellow-900: #f57f17;
-  /* orange */
-  --medplum-orange-50: #fff3e0;
-  --medplum-orange-100: #ffe0b2;
-  --medplum-orange-200: #ffcc80;
-  --medplum-orange-300: #ffb74d;
-  --medplum-orange-400: #ffa726;
-  --medplum-orange-500: #ff9800;
-  --medplum-orange-600: #fb8c00;
-  --medplum-orange-700: #f57c00;
-  --medplum-orange-800: #ef6c00;
-  --medplum-orange-900: #e65100;
-}
-
-@media (prefers-color-scheme: dark2) {
-  :root {
-    --medplum-background: #222;
-    --medplum-surface: #000;
-    --medplum-foreground: #eee;
-    --medplum-navbar: #5b2876;
-    --medplum-navbar-textbox: rgba(255, 255, 255, 0.2);
-    --medplum-navbar-placeholder: rgba(255, 255, 255, 0.6);
-    --medplum-shadow: rgba(0, 0, 0, 0.2);
-    /* gray */
-    --medplum-gray-900: #fafafa;
-    --medplum-gray-800: #f5f5f5;
-    --medplum-gray-700: #eeeeee;
-    --medplum-gray-600: #e0e0e0;
-    --medplum-gray-500: #bdbdbd;
-    --medplum-gray-400: #9e9e9e;
-    --medplum-gray-300: #757575;
-    --medplum-gray-200: #616161;
-    --medplum-gray-100: #424242;
-    --medplum-gray-50: #212121;
-    /* red */
-    --medplum-red-900: #ffebee;
-    --medplum-red-800: #ffcdd2;
-    --medplum-red-700: #ef9a9a;
-    --medplum-red-600: #e57373;
-    --medplum-red-500: #ef5350;
-    --medplum-red-400: #f44336;
-    --medplum-red-300: #e53935;
-    --medplum-red-200: #d32f2f;
-    --medplum-red-100: #c62828;
-    --medplum-red-50: #b71c1c;
-    /* purple */
-    --medplum-purple-900: #ede7f6;
-    --medplum-purple-800: #d1c4e9;
-    --medplum-purple-700: #b39ddb;
-    --medplum-purple-600: #9575cd;
-    --medplum-purple-500: #7e57c2;
-    --medplum-purple-400: #673ab7;
-    --medplum-purple-300: #5e35b1;
-    --medplum-purple-200: #512da8;
-    --medplum-purple-100: #4527a0;
-    --medplum-purple-50: #311b92;
-    /* blue */
-    --medplum-blue-50: #e3f2fd;
-    --medplum-blue-100: #bbdefb;
-    --medplum-blue-200: #90caf9;
-    --medplum-blue-300: #64b5f6;
-    --medplum-blue-400: #42a5f5;
-    --medplum-blue-500: #2196f3;
-    --medplum-blue-600: #1e88e5;
-    --medplum-blue-700: #1976d2;
-    --medplum-blue-800: #1565c0;
-    --medplum-blue-900: #0d47a1;
-    /* green */
-    --medplum-green-900: #e8f5e9;
-    --medplum-green-800: #c8e6c9;
-    --medplum-green-700: #a5d6a7;
-    --medplum-green-600: #81c784;
-    --medplum-green-500: #66bb6a;
-    --medplum-green-400: #4caf50;
-    --medplum-green-300: #43a047;
-    --medplum-green-200: #388e3c;
-    --medplum-green-100: #2e7d32;
-    --medplum-green-50: #1b5e20;
-    /* yellow */
-    --medplum-yellow-900: #fffde7;
-    --medplum-yellow-800: #fff9c4;
-    --medplum-yellow-700: #fff59d;
-    --medplum-yellow-600: #fff176;
-    --medplum-yellow-500: #ffee58;
-    --medplum-yellow-400: #ffeb3b;
-    --medplum-yellow-300: #fdd835;
-    --medplum-yellow-200: #fbc02d;
-    --medplum-yellow-100: #f9a825;
-    --medplum-yellow-50: #f57f17;
-    /* orange */
-    --medplum-orange-900: #fff3e0;
-    --medplum-orange-800: #ffe0b2;
-    --medplum-orange-700: #ffcc80;
-    --medplum-orange-600: #ffb74d;
-    --medplum-orange-500: #ffa726;
-    --medplum-orange-400: #ff9800;
-    --medplum-orange-300: #fb8c00;
-    --medplum-orange-200: #f57c00;
-    --medplum-orange-100: #ef6c00;
-    --medplum-orange-50: #e65100;
-  }
-}
-
-a {
-  color: var(--medplum-blue-700);
-  text-decoration: none;
-}
-
-a:hover {
-  text-decoration: underline;
-  transition: background-color 100ms linear, color 100ms linear, border 100ms linear;
-}
-
-a:focus {
-  outline: 0.1px solid var(--medplum-blue-500);
-}