templatical · orkhanahmadov · May 12, 2026 · May 12, 2026 · May 12, 2026
diff --git a/.changeset/shadow-dom-default.md b/.changeset/shadow-dom-default.md
diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @templatical/core
 
+## 0.7.0
+
+### Patch Changes
+
+- @templatical/types@0.7.0
+
 ## 0.6.7
 
 ### Patch Changes

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@templatical/core",
   "description": "Framework-agnostic editor logic for Templatical email editor",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "dependencies": {
     "@templatical/types": "workspace:*",

diff --git a/packages/editor/CHANGELOG.md b/packages/editor/CHANGELOG.md
@@ -1,5 +1,24 @@
 # @templatical/editor
 
+## 0.7.0
+
+### Minor Changes
+
+- 2832f5d: Mount the editor inside a Shadow DOM by default. `init({ container })` now resolve `shadowDom: true` when the option is omitted — host page stylesheets no longer cascade into editor elements (`p`, `h1`, `a`, `input`, etc.) via tag selectors, closing [issue #70](https://github.com/templatical/sdk/issues/70).
+
+  **Behavior changes consumers may notice:**
+  - External `document.querySelector("#editor .tpl-…")` queries no longer reach editor internals because the editor's DOM lives inside `container.shadowRoot`. Walk the shadow root explicitly (`container.shadowRoot.querySelector(...)`) or opt out with `shadowDom: false`.
+  - Host stylesheets that intentionally styled editor elements via element selectors stop applying. The supported theming protocol is now the `--tpl-user-*` CSS custom property namespace — set `--tpl-user-primary`, `--tpl-user-radius-md`, etc. on the editor container (or any ancestor) and the override inherits across the shadow boundary. The existing `theme` config option still takes precedence and works unchanged.
+  - Browser minimums in default mode bump to Firefox 101+ and Safari 16.4+ (required by the `adoptedStyleSheets` API). Chrome / Edge 80+ is unchanged. Pass `shadowDom: false` to keep the previous light-DOM mount with broader browser support.
+
+  The `shadowDom: false` escape hatch remains supported.
+
+### Patch Changes
+
+- @templatical/renderer@0.7.0
+- @templatical/quality@0.7.0
+- @templatical/media-library@0.7.0
+
 ## 0.6.7
 
 ### Patch Changes

diff --git a/packages/editor/package.json b/packages/editor/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
     "@lucide/vue": "^1.11.0",

diff --git a/packages/import-beefree/CHANGELOG.md b/packages/import-beefree/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @templatical/import-beefree
 
+## 0.7.0
+
+### Patch Changes
+
+- @templatical/types@0.7.0
+
 ## 0.6.7
 
 ### Patch Changes

diff --git a/packages/import-beefree/package.json b/packages/import-beefree/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@templatical/import-beefree",
   "description": "Convert BeeFree email templates to Templatical format",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "dependencies": {
     "@templatical/types": "workspace:*"

diff --git a/packages/import-html/CHANGELOG.md b/packages/import-html/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @templatical/import-html
 
+## 0.7.0
+
+### Patch Changes
+
+- @templatical/types@0.7.0
+
 ## 0.6.7
 
 ### Patch Changes

diff --git a/packages/import-html/package.json b/packages/import-html/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@templatical/import-html",
   "description": "Convert HTML email templates to Templatical format",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "dependencies": {
     "@templatical/types": "workspace:*",

diff --git a/packages/import-unlayer/CHANGELOG.md b/packages/import-unlayer/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @templatical/import-unlayer
 
+## 0.7.0
+
+### Patch Changes
+
+- @templatical/types@0.7.0
+
 ## 0.6.7
 
 ### Patch Changes

diff --git a/packages/import-unlayer/package.json b/packages/import-unlayer/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@templatical/import-unlayer",
   "description": "Convert Unlayer email templates to Templatical format",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "dependencies": {
     "@templatical/types": "workspace:*"

diff --git a/packages/media-library/CHANGELOG.md b/packages/media-library/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @templatical/media-library
 
+## 0.7.0
+
+### Patch Changes
+
+- @templatical/types@0.7.0
+- @templatical/core@0.7.0
+
 ## 0.6.7
 
 ### Patch Changes

diff --git a/packages/media-library/package.json b/packages/media-library/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@templatical/media-library",
   "description": "Media library management for Templatical email editor",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "dependencies": {
     "@lucide/vue": "^1.11.0",

diff --git a/packages/quality/CHANGELOG.md b/packages/quality/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @templatical/quality
 
+## 0.7.0
+
+### Patch Changes
+
+- @templatical/types@0.7.0
+
 ## 0.6.7
 
 ### Patch Changes

diff --git a/packages/quality/package.json b/packages/quality/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@templatical/quality",
   "description": "Accessibility linter for Templatical email templates",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "dependencies": {
     "@templatical/types": "workspace:*",

diff --git a/packages/renderer/CHANGELOG.md b/packages/renderer/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @templatical/renderer
 
+## 0.7.0
+
+### Patch Changes
+
+- @templatical/types@0.7.0
+
 ## 0.6.7
 
 ### Patch Changes

diff --git a/packages/renderer/package.json b/packages/renderer/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@templatical/renderer",
   "description": "Render Templatical email templates to MJML",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "dependencies": {
     "@templatical/types": "workspace:*"

diff --git a/packages/types/CHANGELOG.md b/packages/types/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @templatical/types
 
+## 0.7.0
+
 ## 0.6.7
 
 ## 0.6.6

diff --git a/packages/types/package.json b/packages/types/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@templatical/types",
   "description": "Shared TypeScript types, block factory functions, and event emitter for Templatical email editor",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
     "@templatical/media-library": "workspace:*",