marko 5.25.5 → 5.25.7

package/docs/typescript.md

@@ -357,3 +357,46 @@ _components/color-rotate-button/index.marko_
   <${input.renderBody}/>
 </button>
 ```
+
+## Extend Native Tags (for custom elements)
+
+```ts
+interface MyCustomElementAttributes {
+  // ...
+}
+
+declare global {
+  namespace Marko {
+    namespace NativeTags {
+      // By adding this entry, you can now use `my-custom-element` as a native html tag.
+      "my-custom-element": MyCustomElementAttributes
+    }
+  }
+}
+```
+
+## Extending the "global" HTML Attributes
+
+```ts
+declare global {
+  namespace Marko {
+    interface HTMLAttributes {
+      "my-non-standard-attribute"?: string; // Adds this attribute as available on all HTML tags.
+    }
+  }
+}
+```
+
+## Extending CSS Properties (for custom properties)
+
+```ts
+declare global {
+  namespace Marko {
+    namespace CSS {
+      interface Properties {
+        "--foo"?: string; // adds a support for a custom `--foo` css property.
+      }
+    }
+  }
+}
+```

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "marko",
-    "version": "5.25.5",
+    "version": "5.25.7",
     "license": "MIT",
     "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
     "dependencies": {
-        "@marko/compiler": "^5.27.6",
-        "@marko/translator-default": "^5.25.6",
+        "@marko/compiler": "^5.27.7",
+        "@marko/translator-default": "^5.25.7",
         "app-module-path": "^2.2.0",
         "argly": "^1.2.0",
         "browser-refresh-client": "1.1.4",