@pyreon/document-primitives 0.11.4 → 0.11.6

package/src/primitives/DocPage.ts

@@ -1,19 +1,19 @@
-import { Element } from "@pyreon/elements"
-import rocketstyle from "@pyreon/rocketstyle"
+import { Element } from '@pyreon/elements'
+import rocketstyle from '@pyreon/rocketstyle'
 
-const DocPage = rocketstyle()({ name: "DocPage", component: Element })
+const DocPage = rocketstyle()({ name: 'DocPage', component: Element })
   .theme({
-    backgroundColor: "#ffffff",
-    padding: "25mm",
+    backgroundColor: '#ffffff',
+    padding: '25mm',
   })
-  .statics({ _documentType: "page" as const })
+  .statics({ _documentType: 'page' as const })
   .attrs<{
     size?: string
     orientation?: string
     tag: string
     _documentProps: Record<string, unknown>
   }>((props) => ({
-    tag: "div",
+    tag: 'div',
     _documentProps: {
       ...(props.size ? { size: props.size } : {}),
       ...(props.orientation ? { orientation: props.orientation } : {}),

package/src/primitives/DocPageBreak.ts

@@ -1,10 +1,10 @@
-import { Element } from "@pyreon/elements"
-import rocketstyle from "@pyreon/rocketstyle"
+import { Element } from '@pyreon/elements'
+import rocketstyle from '@pyreon/rocketstyle'
 
-const DocPageBreak = rocketstyle()({ name: "DocPageBreak", component: Element })
-  .statics({ _documentType: "page-break" as const })
+const DocPageBreak = rocketstyle()({ name: 'DocPageBreak', component: Element })
+  .statics({ _documentType: 'page-break' as const })
   .attrs<{ tag: string; _documentProps: Record<string, unknown> }>((_props) => ({
-    tag: "div",
+    tag: 'div',
     _documentProps: {},
   }))
 

package/src/primitives/DocQuote.ts

@@ -1,17 +1,17 @@
-import { Element } from "@pyreon/elements"
-import rocketstyle from "@pyreon/rocketstyle"
+import { Element } from '@pyreon/elements'
+import rocketstyle from '@pyreon/rocketstyle'
 
-const DocQuote = rocketstyle()({ name: "DocQuote", component: Element })
+const DocQuote = rocketstyle()({ name: 'DocQuote', component: Element })
   .theme({
-    borderColor: "#4f46e5",
-    padding: "8px 16px",
-    fontStyle: "italic",
-    color: "#666666",
+    borderColor: '#4f46e5',
+    padding: '8px 16px',
+    fontStyle: 'italic',
+    color: '#666666',
   })
-  .statics({ _documentType: "quote" as const })
+  .statics({ _documentType: 'quote' as const })
   .attrs<{ borderColor?: string; tag: string; _documentProps: Record<string, unknown> }>(
     (props) => ({
-      tag: "blockquote",
+      tag: 'blockquote',
       _documentProps: props.borderColor ? { borderColor: props.borderColor } : {},
     }),
   )

package/src/primitives/DocRow.ts

@@ -1,13 +1,13 @@
-import { Element } from "@pyreon/elements"
-import rocketstyle from "@pyreon/rocketstyle"
+import { Element } from '@pyreon/elements'
+import rocketstyle from '@pyreon/rocketstyle'
 
-const DocRow = rocketstyle()({ name: "DocRow", component: Element })
+const DocRow = rocketstyle()({ name: 'DocRow', component: Element })
   .theme({
-    direction: "row",
+    direction: 'row',
   })
-  .statics({ _documentType: "row" as const })
+  .statics({ _documentType: 'row' as const })
   .attrs<{ tag: string; _documentProps: Record<string, unknown> }>((_props) => ({
-    tag: "div",
+    tag: 'div',
     _documentProps: {},
   }))
 

package/src/primitives/DocSection.ts

@@ -1,23 +1,23 @@
-import { Element } from "@pyreon/elements"
-import rocketstyle from "@pyreon/rocketstyle"
+import { Element } from '@pyreon/elements'
+import rocketstyle from '@pyreon/rocketstyle'
 
 const DocSection = rocketstyle({
   dimensions: {
-    directions: "direction",
+    directions: 'direction',
   },
   useBooleans: false,
-})({ name: "DocSection", component: Element })
+})({ name: 'DocSection', component: Element })
   .theme({
     padding: 0,
   })
   .directions({
     column: {},
-    row: { direction: "row" },
+    row: { direction: 'row' },
   })
-  .statics({ _documentType: "section" as const })
+  .statics({ _documentType: 'section' as const })
   .attrs<{ direction?: string; tag: string; _documentProps: { direction: string } }>((props) => ({
-    tag: "div",
-    _documentProps: { direction: props.direction ?? "column" },
+    tag: 'div',
+    _documentProps: { direction: props.direction ?? 'column' },
   }))
 
 export default DocSection

package/src/primitives/DocSpacer.ts

@@ -1,10 +1,10 @@
-import { Element } from "@pyreon/elements"
-import rocketstyle from "@pyreon/rocketstyle"
+import { Element } from '@pyreon/elements'
+import rocketstyle from '@pyreon/rocketstyle'
 
-const DocSpacer = rocketstyle()({ name: "DocSpacer", component: Element })
-  .statics({ _documentType: "spacer" as const })
+const DocSpacer = rocketstyle()({ name: 'DocSpacer', component: Element })
+  .statics({ _documentType: 'spacer' as const })
   .attrs<{ height?: number; tag: string; _documentProps: { height: number } }>((props) => ({
-    tag: "div",
+    tag: 'div',
     _documentProps: { height: props.height ?? 16 },
   }))
 

package/src/primitives/DocTable.ts

@@ -1,17 +1,17 @@
-import { Element } from "@pyreon/elements"
-import rocketstyle from "@pyreon/rocketstyle"
+import { Element } from '@pyreon/elements'
+import rocketstyle from '@pyreon/rocketstyle'
 
 const DocTable = rocketstyle({
   dimensions: {
-    variants: "variant",
+    variants: 'variant',
   },
   useBooleans: true,
-})({ name: "DocTable", component: Element })
+})({ name: 'DocTable', component: Element })
   .theme({
     fontSize: 14,
-    borderColor: "#dddddd",
+    borderColor: '#dddddd',
   })
-  .statics({ _documentType: "table" as const })
+  .statics({ _documentType: 'table' as const })
   .attrs<{
     columns?: unknown[]
     rows?: unknown[]
@@ -22,7 +22,7 @@ const DocTable = rocketstyle({
     tag: string
     _documentProps: Record<string, unknown>
   }>((props) => ({
-    tag: "table",
+    tag: 'table',
     _documentProps: {
       columns: props.columns ?? [],
       rows: props.rows ?? [],

package/src/primitives/DocText.ts

@@ -1,34 +1,34 @@
-import { Text } from "@pyreon/elements"
-import rocketstyle from "@pyreon/rocketstyle"
+import { Text } from '@pyreon/elements'
+import rocketstyle from '@pyreon/rocketstyle'
 
 const DocText = rocketstyle({
   dimensions: {
-    variants: "variant",
-    weights: "weight",
+    variants: 'variant',
+    weights: 'weight',
   },
   useBooleans: true,
-})({ name: "DocText", component: Text })
+})({ name: 'DocText', component: Text })
   .theme({
-    color: "#333333",
+    color: '#333333',
     lineHeight: 1.5,
     marginBottom: 8,
   })
   .variants({
     body: { fontSize: 14 },
-    caption: { fontSize: 12, color: "#666666" },
-    label: { fontSize: 11, fontWeight: "bold" },
+    caption: { fontSize: 12, color: '#666666' },
+    label: { fontSize: 11, fontWeight: 'bold' },
   })
   .weights({
-    normal: { fontWeight: "normal" },
-    bold: { fontWeight: "bold" },
+    normal: { fontWeight: 'normal' },
+    bold: { fontWeight: 'bold' },
   })
-  .statics({ _documentType: "text" as const })
+  .statics({ _documentType: 'text' as const })
   // .attrs(
   //   (props: any) =>
   //     ({
   //       tag: "p",
   .attrs<{ tag: string; _documentProps: Record<string, unknown> }>((_props) => ({
-    tag: "p",
+    tag: 'p',
     _documentProps: {},
   }))
 

package/src/theme.ts

@@ -1,18 +1,18 @@
 export const documentTheme = {
   colors: {
-    primary: "#4f46e5",
-    text: "#333333",
-    textSecondary: "#666666",
-    background: "#ffffff",
-    border: "#dddddd",
-    headerBg: "#1a1a2e",
-    headerText: "#ffffff",
-    stripedRow: "#f9f9f9",
+    primary: '#4f46e5',
+    text: '#333333',
+    textSecondary: '#666666',
+    background: '#ffffff',
+    border: '#dddddd',
+    headerBg: '#1a1a2e',
+    headerText: '#ffffff',
+    stripedRow: '#f9f9f9',
   },
   fonts: {
-    heading: "system-ui, -apple-system, sans-serif",
-    body: "system-ui, -apple-system, sans-serif",
-    mono: "ui-monospace, monospace",
+    heading: 'system-ui, -apple-system, sans-serif',
+    body: 'system-ui, -apple-system, sans-serif',
+    mono: 'ui-monospace, monospace',
   },
   sizes: {
     h1: 32,

package/src/useDocumentExport.ts

@@ -1,11 +1,11 @@
-import type { DocNode, ExtractOptions } from "@pyreon/connector-document"
-import { extractDocumentTree } from "@pyreon/connector-document"
+import type { DocNode, ExtractOptions } from '@pyreon/connector-document'
+import { extractDocumentTree } from '@pyreon/connector-document'
 
 export interface DocumentExportOptions extends ExtractOptions {
   /** Theme object to provide during extraction. */
   theme?: Record<string, unknown>
   /** Mode: 'light' or 'dark'. */
-  mode?: "light" | "dark"
+  mode?: 'light' | 'dark'
 }
 
 export interface DocumentExport {