@json-to-office/core-docx 4.5.0 → 5.3.0

package/dist/plugin/example/index.js

@@ -403,17 +403,38 @@ var init_devportal_docx_theme = __esm({
         accent5: "#8A9299",
         accent6: "#E8A18D"
       },
+      palette: {
+        rule: "#D8D5D1",
+        textMuted: "#737373",
+        onPrimary: "#FFFFFF",
+        surfaceInverse: "#12191F",
+        positive: "#2E7D4F",
+        negative: "#B42318",
+        chart: ["accent", "primary", "accent4", "accent5", "accent6", "rule"]
+      },
       fonts: {
-        heading: { family: "Helvetica", size: 23 },
-        body: { family: "Helvetica", size: 9.5 },
-        mono: { family: "Courier New", size: 10 },
-        light: { family: "Helvetica", size: 23 }
+        heading: {
+          family: "Helvetica",
+          size: 23
+        },
+        body: {
+          family: "Helvetica",
+          size: 9.5
+        },
+        mono: {
+          family: "Courier New",
+          size: 10
+        },
+        light: {
+          family: "Helvetica",
+          size: 23
+        }
       },
       page: {
         size: "A4",
         margins: {
-          top: 1440,
-          bottom: 1440,
+          top: 1080,
+          bottom: 1080,
           left: 1080,
           right: 1080,
           header: 720,
@@ -421,13 +442,183 @@ var init_devportal_docx_theme = __esm({
           gutter: 0
         }
       },
+      typography: {
+        roles: {
+          eyebrow: {
+            face: "heading",
+            size: 8,
+            weight: 700,
+            case: "upper",
+            tracking: 10,
+            color: "accent",
+            spaceAfter: 4
+          },
+          display: {
+            face: "heading",
+            weight: 700,
+            color: "primary",
+            lineHeight: 1.05,
+            spaceAfter: 8,
+            tracking: -2
+          },
+          stat: {
+            face: "heading",
+            weight: 700,
+            color: "accent",
+            lineHeight: 1
+          },
+          quote: {
+            face: "body",
+            color: "textSecondary",
+            lineHeight: 1.3
+          },
+          label: {
+            face: "body",
+            size: 9,
+            weight: 700,
+            color: "textSecondary",
+            case: "upper",
+            tracking: 6
+          },
+          footer: {
+            face: "body",
+            size: 8,
+            color: "textMuted"
+          },
+          tableHeader: {
+            face: "body",
+            size: 9,
+            weight: 700,
+            color: "secondary"
+          },
+          tableCell: {
+            face: "body",
+            size: 9.5,
+            color: "textPrimary"
+          },
+          chartLabel: {
+            face: "body",
+            size: 9,
+            weight: 400,
+            color: "textSecondary"
+          },
+          tracker: {
+            face: "body",
+            size: 8,
+            case: "upper",
+            tracking: 6,
+            color: "textMuted"
+          },
+          source: {
+            face: "body",
+            size: 8,
+            color: "textMuted"
+          }
+        },
+        scale: {
+          a4: {
+            base: 9.5,
+            ratio: 1.2,
+            baselinePt: 2
+          },
+          letter: {
+            base: 9.5,
+            ratio: 1.2,
+            baselinePt: 2
+          }
+        }
+      },
+      spacing: {
+        basePt: 7,
+        blockGap: {
+          tight: 3,
+          normal: 7,
+          loose: 14
+        },
+        canvas: {
+          a4: {
+            safeAreaIn: 0.75,
+            gutterIn: 0,
+            columns: 12
+          },
+          letter: {
+            safeAreaIn: 0.75,
+            gutterIn: 0,
+            columns: 12
+          }
+        }
+      },
+      chrome: {
+        runningHead: {
+          type: "tracker",
+          color: "textMuted",
+          rule: {
+            weightPt: 0.5,
+            color: "rule"
+          },
+          alignment: "right"
+        },
+        tracker: {
+          type: "tracker",
+          color: "textMuted",
+          alignment: "right"
+        },
+        actionTitle: {
+          type: "display",
+          color: "primary"
+        },
+        keyTakeaways: {
+          type: "label",
+          color: "primary",
+          rule: {
+            weightPt: 1,
+            color: "accent"
+          },
+          padPt: 8
+        },
+        sourceLine: {
+          type: "source",
+          color: "textMuted"
+        },
+        confidentialFooter: {
+          type: "footer",
+          color: "textMuted",
+          rule: {
+            weightPt: 0.5,
+            color: "rule"
+          },
+          alignment: "left"
+        },
+        logoSlot: {
+          alignment: "right"
+        },
+        cover: {
+          type: "display",
+          color: "primary",
+          rule: {
+            weightPt: 3,
+            color: "accent"
+          }
+        }
+      },
+      motif: {
+        kind: "rule",
+        color: "accent",
+        weightPt: 2,
+        placement: "top"
+      },
       styles: {
         normal: {
           font: "body",
           color: "textPrimary",
-          lineSpacing: { type: "multiple", value: 1.3 },
+          lineSpacing: {
+            type: "multiple",
+            value: 1.3
+          },
           alignment: "left",
-          spacing: { after: 7 }
+          spacing: {
+            after: 7
+          }
         },
         title: {
           font: "heading",
@@ -435,9 +626,18 @@ var init_devportal_docx_theme = __esm({
           bold: true,
           color: "primary",
           alignment: "left",
-          lineSpacing: { type: "multiple", value: 1.02 },
-          characterSpacing: { type: "condensed", value: 8 },
-          spacing: { before: 0, after: 10 }
+          lineSpacing: {
+            type: "multiple",
+            value: 1.02
+          },
+          characterSpacing: {
+            type: "condensed",
+            value: 8
+          },
+          spacing: {
+            before: 0,
+            after: 10
+          }
         },
         subtitle: {
           font: "body",
@@ -445,16 +645,28 @@ var init_devportal_docx_theme = __esm({
           italic: false,
           color: "textSecondary",
           alignment: "left",
-          lineSpacing: { type: "multiple", value: 1.25 },
-          spacing: { before: 0, after: 12 }
+          lineSpacing: {
+            type: "multiple",
+            value: 1.25
+          },
+          spacing: {
+            before: 0,
+            after: 12
+          }
         },
         heading1: {
           font: "heading",
           size: 21,
           bold: true,
           color: "primary",
-          lineSpacing: { type: "multiple", value: 1.15 },
-          spacing: { before: 26, after: 12 },
+          lineSpacing: {
+            type: "multiple",
+            value: 1.15
+          },
+          spacing: {
+            before: 26,
+            after: 12
+          },
           keepNext: true,
           alignment: "left",
           borders: {
@@ -471,8 +683,14 @@ var init_devportal_docx_theme = __esm({
           size: 15.5,
           bold: true,
           color: "secondary",
-          lineSpacing: { type: "multiple", value: 1.15 },
-          spacing: { before: 20, after: 8 },
+          lineSpacing: {
+            type: "multiple",
+            value: 1.15
+          },
+          spacing: {
+            before: 20,
+            after: 8
+          },
           keepNext: true,
           alignment: "left"
         },
@@ -481,7 +699,10 @@ var init_devportal_docx_theme = __esm({
           size: 12.5,
           bold: true,
           color: "secondary",
-          spacing: { before: 14, after: 6 },
+          spacing: {
+            before: 14,
+            after: 6
+          },
           keepNext: true,
           alignment: "left"
         },
@@ -490,7 +711,10 @@ var init_devportal_docx_theme = __esm({
           size: 11.5,
           bold: true,
           color: "textPrimary",
-          spacing: { before: 12, after: 4 },
+          spacing: {
+            before: 12,
+            after: 4
+          },
           keepNext: true,
           alignment: "left"
         },
@@ -499,7 +723,10 @@ var init_devportal_docx_theme = __esm({
           size: 10.5,
           bold: true,
           color: "secondary",
-          spacing: { before: 10, after: 4 },
+          spacing: {
+            before: 10,
+            after: 4
+          },
           keepNext: true,
           alignment: "left"
         },
@@ -508,8 +735,14 @@ var init_devportal_docx_theme = __esm({
           size: 10.5,
           bold: false,
           color: "textSecondary",
-          characterSpacing: { type: "expanded", value: 20 },
-          spacing: { before: 10, after: 4 },
+          characterSpacing: {
+            type: "expanded",
+            value: 20
+          },
+          spacing: {
+            before: 10,
+            after: 4
+          },
           keepNext: true,
           alignment: "left"
         },
@@ -518,24 +751,53 @@ var init_devportal_docx_theme = __esm({
           size: 11,
           bold: true,
           color: "primary",
-          spacing: { before: 5, after: 3 },
-          tabStops: [{ type: "right", position: 9746, leader: "dot" }]
+          spacing: {
+            before: 5,
+            after: 3
+          },
+          tabStops: [
+            {
+              type: "right",
+              position: 9746,
+              leader: "dot"
+            }
+          ]
         },
         TOC2: {
           font: "body",
           size: 10.5,
           color: "textPrimary",
-          indent: { left: 240 },
-          spacing: { after: 2 },
-          tabStops: [{ type: "right", position: 9746, leader: "dot" }]
+          indent: {
+            left: 240
+          },
+          spacing: {
+            after: 2
+          },
+          tabStops: [
+            {
+              type: "right",
+              position: 9746,
+              leader: "dot"
+            }
+          ]
         },
         TOC3: {
           font: "body",
           size: 10,
           color: "textSecondary",
-          indent: { left: 480 },
-          spacing: { after: 2 },
-          tabStops: [{ type: "right", position: 9746, leader: "dot" }]
+          indent: {
+            left: 480
+          },
+          spacing: {
+            after: 2
+          },
+          tabStops: [
+            {
+              type: "right",
+              position: 9746,
+              leader: "dot"
+            }
+          ]
         }
       },
       componentDefaults: {
@@ -543,22 +805,37 @@ var init_devportal_docx_theme = __esm({
           width: 100,
           borderColor: "#E2E0DD",
           borderSize: 0.5,
-          hideBorders: { left: true, right: true, insideVertical: true },
+          hideBorders: {
+            left: true,
+            right: true,
+            insideVertical: true
+          },
           cellDefaults: {
-            padding: { top: 3, bottom: 3 }
+            padding: {
+              top: 3,
+              bottom: 3
+            }
           },
           headerCellDefaults: {
-            font: { bold: true },
+            font: {
+              bold: true
+            },
             color: "#172028",
             backgroundColor: "#F7ECE7",
-            borderColor: { bottom: "#D8D5D1" },
-            borderSize: { bottom: 1 }
+            borderColor: {
+              bottom: "#D8D5D1"
+            },
+            borderSize: {
+              bottom: 1
+            }
           }
         },
         list: {
           format: "bullet",
           bullet: "\u2014",
-          spacing: { item: 2 }
+          spacing: {
+            item: 2
+          }
         },
         image: {
           alignment: "center"
@@ -597,7 +874,19 @@ var init_vermilion_docx_theme = __esm({
         borderPrimary: "#C7C8CA",
         borderSecondary: "#EFEAE4",
         backgroundPrimary: "#FFFFFF",
-        backgroundSecondary: "#FAF7F5"
+        backgroundSecondary: "#FAF7F5",
+        accent4: "#F4857A",
+        accent5: "#F9C4BE",
+        accent6: "#939598"
+      },
+      palette: {
+        rule: "#C7C8CA",
+        textMuted: "#939598",
+        onPrimary: "#FFFFFF",
+        surfaceInverse: "#282829",
+        positive: "#2E7D4F",
+        negative: "#B42318",
+        chart: ["accent", "primary", "textMuted", "accent4", "rule", "accent5"]
       },
       fonts: {
         heading: {
@@ -620,15 +909,177 @@ var init_vermilion_docx_theme = __esm({
       page: {
         size: "A4",
         margins: {
-          top: 1360,
-          bottom: 1360,
-          left: 1180,
-          right: 1180,
+          top: 1152,
+          bottom: 1152,
+          left: 1152,
+          right: 1152,
           header: 620,
           footer: 620,
           gutter: 0
         }
       },
+      typography: {
+        roles: {
+          eyebrow: {
+            face: "heading",
+            size: 8,
+            weight: 700,
+            case: "upper",
+            tracking: 8,
+            color: "accent",
+            spaceAfter: 4
+          },
+          display: {
+            face: "heading",
+            weight: 700,
+            color: "accent",
+            lineHeight: 1.05,
+            spaceAfter: 8
+          },
+          stat: {
+            face: "heading",
+            weight: 700,
+            color: "accent",
+            lineHeight: 1
+          },
+          quote: {
+            face: "body",
+            color: "textSecondary",
+            lineHeight: 1.3
+          },
+          label: {
+            face: "body",
+            size: 9,
+            weight: 700,
+            color: "textSecondary"
+          },
+          footer: {
+            face: "body",
+            size: 8,
+            color: "textMuted"
+          },
+          tableHeader: {
+            face: "body",
+            size: 9.5,
+            weight: 700,
+            color: "accent"
+          },
+          tableCell: {
+            face: "body",
+            size: 9.5,
+            color: "textPrimary"
+          },
+          chartLabel: {
+            face: "body",
+            size: 9,
+            weight: 400,
+            color: "textSecondary"
+          },
+          tracker: {
+            face: "body",
+            size: 8,
+            case: "upper",
+            tracking: 6,
+            color: "textMuted"
+          },
+          source: {
+            face: "body",
+            size: 8,
+            color: "textMuted"
+          }
+        },
+        scale: {
+          a4: {
+            base: 10.5,
+            ratio: 1.25,
+            baselinePt: 2
+          },
+          letter: {
+            base: 10.5,
+            ratio: 1.25,
+            baselinePt: 2
+          }
+        }
+      },
+      spacing: {
+        basePt: 8,
+        blockGap: {
+          tight: 4,
+          normal: 8,
+          loose: 16
+        },
+        canvas: {
+          a4: {
+            safeAreaIn: 0.8,
+            gutterIn: 0,
+            columns: 12
+          },
+          letter: {
+            safeAreaIn: 0.8,
+            gutterIn: 0,
+            columns: 12
+          }
+        }
+      },
+      chrome: {
+        runningHead: {
+          type: "tracker",
+          color: "textMuted",
+          rule: {
+            weightPt: 0.5,
+            color: "rule"
+          },
+          alignment: "right"
+        },
+        tracker: {
+          type: "tracker",
+          color: "textMuted",
+          alignment: "right"
+        },
+        actionTitle: {
+          type: "display",
+          color: "primary"
+        },
+        keyTakeaways: {
+          type: "label",
+          color: "primary",
+          rule: {
+            weightPt: 1.5,
+            color: "accent"
+          },
+          padPt: 8
+        },
+        sourceLine: {
+          type: "source",
+          color: "textMuted"
+        },
+        confidentialFooter: {
+          type: "footer",
+          color: "textMuted",
+          rule: {
+            weightPt: 0.5,
+            color: "rule"
+          },
+          alignment: "left"
+        },
+        logoSlot: {
+          alignment: "right"
+        },
+        cover: {
+          type: "display",
+          color: "primary",
+          rule: {
+            weightPt: 4,
+            color: "accent"
+          }
+        }
+      },
+      motif: {
+        kind: "rule",
+        color: "accent",
+        weightPt: 4,
+        placement: "top"
+      },
       styles: {
         normal: {
           font: "body",
@@ -761,23 +1212,40 @@ var init_vermilion_docx_theme = __esm({
             insideVertical: true
           },
           cellDefaults: {
-            font: { size: 9.5 },
-            padding: { top: 7, bottom: 7 },
+            font: {
+              size: 9.5
+            },
+            padding: {
+              top: 7,
+              bottom: 7
+            },
             verticalAlignment: "middle"
           },
           headerCellDefaults: {
             color: "#EF4130",
-            font: { size: 9.5, bold: true },
-            padding: { top: 0, bottom: 8 },
+            font: {
+              size: 9.5,
+              bold: true
+            },
+            padding: {
+              top: 0,
+              bottom: 8
+            },
             verticalAlignment: "bottom",
-            borderColor: { bottom: "#EF4130" },
-            borderSize: { bottom: 0.5 }
+            borderColor: {
+              bottom: "#EF4130"
+            },
+            borderSize: {
+              bottom: 0.5
+            }
           }
         },
         list: {
           format: "bullet",
           bullet: "\u2014",
-          spacing: { item: 2 }
+          spacing: {
+            item: 2
+          }
         },
         image: {
           alignment: "center"