@tonzxz/government-forms 0.1.0 → 0.2.0

package/dist/styles.css

@@ -4273,6 +4273,154 @@
     box-shadow: none;
   }
 }
+.qforms-preview-panel, .qforms-preview-dialog {
+  color: #17202a;
+  background: white;
+  font: 400 14px/1.5 system-ui, sans-serif;
+  border: 1px solid #e0e4e9;
+  border-radius: 20px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.qforms-preview-panel {
+  min-width: 0;
+}
+.qforms-preview-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  background: rgb(15 23 42 / .22);
+  backdrop-filter: blur(4px);
+}
+.qforms-preview-dialog {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1001;
+  width: min(1200px, calc(100vw - 32px));
+  height: min(94dvh, 1200px);
+  box-shadow: 0 24px 80px rgb(15 23 42 / .18);
+  outline: none;
+}
+.qforms-preview-header {
+  flex: none;
+  position: relative;
+  padding: 24px 60px 20px 28px;
+}
+.qforms-preview-header h2 {
+  margin: 0;
+  font: 600 16px/1.4 system-ui, sans-serif;
+}
+.qforms-preview-header p {
+  margin: 6px 0 0;
+  color: #526173;
+}
+.qforms-preview-dismiss {
+  position: absolute;
+  right: 20px;
+  top: 16px;
+  width: 36px;
+  height: 36px;
+  border: 0;
+  border-radius: 8px;
+  font-size: 26px;
+  background: transparent;
+  cursor: pointer;
+}
+.qforms-preview-viewport {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 16px 24px 32px;
+  background: #f7f8fa;
+}
+.qforms-preview-panel .qforms-preview-viewport {
+  max-height: 75dvh;
+}
+.qforms-preview-paper {
+  width: max-content;
+  min-width: 100%;
+  color: black;
+  color-scheme: light;
+}
+.qforms-preview-paper > * {
+  margin-inline: auto;
+}
+.qforms-preview-actions {
+  flex: none;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 10px;
+  padding: 16px 24px;
+  border-top: 1px solid #e7eaf0;
+  background: white;
+}
+.qforms-preview-actions button {
+  min-height: 40px;
+  padding: 8px 16px;
+  border: 1px solid #dce1e7;
+  border-radius: 999px;
+  background: white;
+  font: 500 13px/1.4 system-ui, sans-serif;
+  color: #17202a;
+  cursor: pointer;
+}
+.qforms-preview-actions button:hover, .qforms-preview-dismiss:hover {
+  background: #f0f3f6;
+}
+.qforms-preview-actions button:disabled {
+  opacity: .55;
+  cursor: wait;
+}
+.qforms-preview-status {
+  margin-right: auto;
+  color: #526173;
+  font-size: 12px;
+}
+.qforms-preview-error {
+  flex: none;
+  margin: 0;
+  padding: 12px 24px;
+  background: #fff4f2;
+  color: #b42318;
+}
+:is(.qforms-preview-dialog, .qforms-preview-panel) :is(button, [tabindex]):focus-visible {
+  outline: 3px solid #80b8ef;
+  outline-offset: 2px;
+}
+.qforms > footer {
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.qforms-pr-pages {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+@media (max-width: 640px) {
+  .qforms-preview-dialog {
+    width: calc(100vw - 16px);
+    height: 96dvh;
+    border-radius: 12px;
+  }
+  .qforms-preview-header {
+    padding: 20px 48px 16px 16px;
+  }
+  .qforms-preview-viewport {
+    padding: 12px;
+  }
+  .qforms-preview-actions {
+    padding: 12px;
+    gap: 8px;
+  }
+  .qforms-preview-status:empty {
+    display: none;
+  }
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonzxz/government-forms",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Reusable government asset and inventory forms, report definitions, and document previews extracted from BCS IMS.",
   "type": "module",
   "license": "UNLICENSED",
@@ -149,6 +149,10 @@
     "./*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/*.js"
+    },
+    "./inventory/preview": {
+      "types": "./dist/document-preview.d.ts",
+      "import": "./dist/document-preview.js"
     }
   },
   "publishConfig": {