@inradius/solid-wc-css-mixin 1.0.2 → 1.0.4

package/README.md

@@ -1,5 +1,5 @@
 # @inradius/solid-wc-css-mixin
-![npm version](https://img.shields.io/npm/v/@inradius/solid-wc-css-mixin) ![license](https://img.shields.io/npm/l/@inradius/solid-wc-css-mixin)
+![npm version](https://img.shields.io/npm/v/@inradius/solid-wc-css-mixin) ![CI Action](https://github.com/inradius/solid-wc-utils-monorepo/actions/workflows/ci.yml/badge.svg) ![license](https://img.shields.io/npm/l/@inradius/solid-wc-css-mixin)
 
 A lightweight mixin for [component-register](https://www.npmjs.com/package/component-register) that allows you to inject computed or inlined CSS directly into a Web Component's **Shadow Root** using Constructable Stylesheets.
 
@@ -45,4 +45,4 @@ The mixin creates a new `CSSStyleSheet` object and pushes it into the element's
 - **Peer Dependencies:** This package is designed to be used with `component-register`.
 
 ## License
-MIT © Travis
+MIT

package/dist/index.cjs

@@ -1 +1,15 @@
-"use strict";const o=require("component-register"),S=n=>o.createMixin(t=>{const{element:e}=t,r=new CSSStyleSheet;return"adoptedStyleSheets"in e.renderRoot&&(r.replaceSync(n),e.renderRoot.adoptedStyleSheets=[...e.renderRoot.adoptedStyleSheets,r]),{...t,element:e}});module.exports=S;
+"use strict";
+const componentRegister = require("component-register");
+const withCSS = (styles) => componentRegister.createMixin((options) => {
+  const { element } = options;
+  const stylesheet = new CSSStyleSheet();
+  if ("adoptedStyleSheets" in element.renderRoot) {
+    stylesheet.replaceSync(styles);
+    element.renderRoot.adoptedStyleSheets = [
+      ...element.renderRoot.adoptedStyleSheets,
+      stylesheet
+    ];
+  }
+  return { ...options, element };
+});
+module.exports = withCSS;

package/dist/index.js

@@ -1,11 +1,16 @@
-import { createMixin as S } from "component-register";
-const d = (r) => S((t) => {
-  const { element: e } = t, o = new CSSStyleSheet();
-  return "adoptedStyleSheets" in e.renderRoot && (o.replaceSync(r), e.renderRoot.adoptedStyleSheets = [
-    ...e.renderRoot.adoptedStyleSheets,
-    o
-  ]), { ...t, element: e };
+import { createMixin } from "component-register";
+const withCSS = (styles) => createMixin((options) => {
+  const { element } = options;
+  const stylesheet = new CSSStyleSheet();
+  if ("adoptedStyleSheets" in element.renderRoot) {
+    stylesheet.replaceSync(styles);
+    element.renderRoot.adoptedStyleSheets = [
+      ...element.renderRoot.adoptedStyleSheets,
+      stylesheet
+    ];
+  }
+  return { ...options, element };
 });
 export {
-  d as default
+  withCSS as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inradius/solid-wc-css-mixin",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "license": "MIT",
   "author": "Travis Stroud <travis.unfasten577@travisstroud.me>",
   "description": "A Solid.js CSS web component mixin.",
@@ -42,7 +42,7 @@
     "vite": "^5.4.0",
     "vite-plugin-dts": "^4.0.0",
     "vitest": "^2.1.0",
-    "@inradius/solid-wc-utils-config": "0.0.0"
+    "@inradius/solid-wc-utils-config": "0.1.1"
   },
   "peerDependencies": {
     "component-register": "^0.8.8"