solid-element - npm Package Compare versions

Comparing version 1.8.0 to 1.8.1

dist/index.d.ts

@@ -8,3 +8,3 @@ import { ComponentType as mComponentType, PropsDefinitionInput } from "component-register";
   ComponentType: ComponentType<T>
-): (ComponentType: ComponentType<T>) => any;
+): CustomElementConstructor;
 declare function customElement<T extends object>(
@@ -14,3 +14,3 @@ tag: string,
   ComponentType: ComponentType<T>
-): (ComponentType: ComponentType<T>) => any;
+): CustomElementConstructor;
 export { withSolid, customElement };

package.json

@@ -6,3 +6,3 @@ {
   "license": "MIT",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "homepage": "https://github.com/solidjs/solid/blob/main/packages/solid-element#readme",
@@ -18,9 +18,9 @@ "type": "module",
   "dependencies": {
-    "component-register": "~0.8.2"
+    "component-register": "~0.8.5"
   },
   "peerDependencies": {
-    "solid-js": "^1.8.0"
+    "solid-js": "^1.8.18"
   },
   "devDependencies": {
-    "solid-js": "1.8.0"
+    "solid-js": "1.8.18"
   },
@@ -27,0 +27,0 @@ "scripts": {

README.md

@@ -44,2 +44,13 @@ # Solid Element
 
+A shadow DOM is used by default for style isolation. If you want to disable the shadow DOM, you can do it with `noShadowDOM()` like this:
+
+```jsx
+import { customElement, noShadowDOM } from 'solid-element';
+
+customElement('my-component', {someProp: 'one', otherProp: 'two'}, (props, { element }) => {
+  noShadowDOM();
+  // ... Solid code
+})
+```
+
 ## Examples
@@ -46,0 +57,0 @@

No alert changes

Improved metrics

Total package byte prevSize

8734

3.74%

Number of lines in readme file

103

11.96%

Dependency changes

• Updated

  component-register@~0.8.5