@templatical/template-tools 0.41.0 → 0.42.1

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@templatical/template-tools",
   "description": "CLI and library for Templatical email templates — validate, render, edit, import, and live-preview",
-  "version": "0.41.0",
+  "version": "0.42.1",
   "bin": {
     "templatical": "./dist/bin.js"
   },
   "bugs": "https://github.com/templatical/sdk/issues",
   "dependencies": {
-    "@templatical/quality": "0.41.0",
-    "@templatical/renderer": "0.41.0",
-    "@templatical/types": "0.41.0",
+    "@templatical/quality": "0.42.1",
+    "@templatical/renderer": "0.42.1",
+    "@templatical/types": "0.42.1",
     "ajv": "^8.20.0"
   },
   "devDependencies": {
@@ -17,7 +17,7 @@
     "mjml": "^5.4.1",
     "ts-json-schema-generator": "^2.9.0",
     "typescript": "^6.0.3",
-    "vitest": "^5.0.1"
+    "vitest": "^5.0.2"
   },
   "exports": {
     ".": {
@@ -48,14 +48,14 @@
   "license": "MIT",
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@templatical/import-beefree": "0.41.0",
-    "@templatical/import-chamaileon": "0.41.0",
-    "@templatical/import-easy-email-pro": "0.41.0",
-    "@templatical/import-html": "0.41.0",
-    "@templatical/import-mjml": "0.41.0",
-    "@templatical/import-stripo": "0.41.0",
-    "@templatical/import-topol": "0.41.0",
-    "@templatical/import-unlayer": "0.41.0",
+    "@templatical/import-beefree": "0.42.1",
+    "@templatical/import-chamaileon": "0.42.1",
+    "@templatical/import-easy-email-pro": "0.42.1",
+    "@templatical/import-html": "0.42.1",
+    "@templatical/import-mjml": "0.42.1",
+    "@templatical/import-stripo": "0.42.1",
+    "@templatical/import-topol": "0.42.1",
+    "@templatical/import-unlayer": "0.42.1",
     "mjml": "^5.4.1"
   },
   "peerDependenciesMeta": {

package/schema.json

@@ -133,8 +133,12 @@
           "description": "Whether columns stack vertically on mobile. Absent or `true` keeps MJML's default responsive behavior (columns stack below 480px). `false` renders the columns inside an `<mj-group>` so they stay side-by-side on mobile, proportionally shrunk to fit."
         },
         "borderRadius": {
-          "type": "number",
-          "description": "Corner radius in px. Omitted/0 = square corners."
+          "$ref": "#/definitions/BorderRadiusValue",
+          "description": "Corner radius in px — one number, or a radius per corner. Omitted/0 = square corners."
+        },
+        "border": {
+          "$ref": "#/definitions/BorderValue",
+          "description": "Border around the section box, per side. Omitted = no border; a side with width 0 is not drawn."
         },
         "wrapper": {
           "$ref": "#/definitions/SectionWrapper",
@@ -215,6 +219,97 @@
         "1-2"
       ]
     },
+    "BorderRadiusValue": {
+      "anyOf": [
+        {
+          "type": "number"
+        },
+        {
+          "$ref": "#/definitions/CornerRadius"
+        }
+      ],
+      "description": "A corner radius in px: one number for all four corners, or a radius per corner."
+    },
+    "CornerRadius": {
+      "type": "object",
+      "properties": {
+        "topLeft": {
+          "type": "number"
+        },
+        "topRight": {
+          "type": "number"
+        },
+        "bottomRight": {
+          "type": "number"
+        },
+        "bottomLeft": {
+          "type": "number"
+        }
+      },
+      "required": [
+        "topLeft",
+        "topRight",
+        "bottomRight",
+        "bottomLeft"
+      ],
+      "additionalProperties": false,
+      "description": "A radius per corner, in px."
+    },
+    "BorderValue": {
+      "type": "object",
+      "properties": {
+        "top": {
+          "$ref": "#/definitions/BorderSideValue"
+        },
+        "right": {
+          "$ref": "#/definitions/BorderSideValue"
+        },
+        "bottom": {
+          "$ref": "#/definitions/BorderSideValue"
+        },
+        "left": {
+          "$ref": "#/definitions/BorderSideValue"
+        }
+      },
+      "required": [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ],
+      "additionalProperties": false,
+      "description": "A border described per side, like `SpacingValue`. Only elements MJML can border natively carry one: sections, images and buttons."
+    },
+    "BorderSideValue": {
+      "type": "object",
+      "properties": {
+        "width": {
+          "type": "number",
+          "description": "Width in px. `0` means no border on this side."
+        },
+        "style": {
+          "$ref": "#/definitions/BorderStyle"
+        },
+        "color": {
+          "type": "string"
+        }
+      },
+      "required": [
+        "width",
+        "style",
+        "color"
+      ],
+      "additionalProperties": false,
+      "description": "One side of a border. A width of `0` leaves that side undrawn."
+    },
+    "BorderStyle": {
+      "type": "string",
+      "enum": [
+        "solid",
+        "dashed",
+        "dotted"
+      ]
+    },
     "SectionWrapper": {
       "type": "object",
       "properties": {
@@ -225,8 +320,8 @@
           "$ref": "#/definitions/SpacingValue"
         },
         "borderRadius": {
-          "type": "number",
-          "description": "Corner radius in px for the outer frame. Omitted/0 = square corners."
+          "$ref": "#/definitions/BorderRadiusValue",
+          "description": "Corner radius in px for the outer frame — one number, or a radius per corner. Omitted/0 = square corners."
         }
       },
       "additionalProperties": false,
@@ -445,8 +540,12 @@
           ]
         },
         "borderRadius": {
-          "type": "number",
-          "description": "Corner radius in px. Omitted/0 = square corners. A radius of at least half the rendered size rounds a square image to a circle, which is how avatar and portrait layouts are built."
+          "$ref": "#/definitions/BorderRadiusValue",
+          "description": "Corner radius in px. Omitted/0 = square corners. A radius of at least half the rendered size rounds a square image to a circle, which is how avatar and portrait layouts are built. A radius per corner is also accepted."
+        },
+        "border": {
+          "$ref": "#/definitions/BorderValue",
+          "description": "Border around the image itself, per side. Omitted = no border; a side with width 0 is not drawn."
         },
         "linkUrl": {
           "type": "string"
@@ -530,7 +629,12 @@
           "type": "string"
         },
         "borderRadius": {
-          "type": "number"
+          "$ref": "#/definitions/BorderRadiusValue",
+          "description": "Corner radius in px — one number, or a radius per corner."
+        },
+        "border": {
+          "$ref": "#/definitions/BorderValue",
+          "description": "Border around the button itself, per side. Omitted = no border; a side with width 0 is not drawn. For an outline (\"ghost\") button, set `backgroundColor` to the keyword `\"transparent\"` (the background control stores it) and set `textColor` too — a new button is `#333333` with white text. An empty fill exports as `transparent`, because MJML paints `#414141` when the attribute is omitted."
         },
         "fontSize": {
           "type": "number"