@cronocode/react-box 1.4.1 → 1.4.2

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "main": "./box.cjs.js",
-  "module": "./box.mjs.js",
+  "module": "./box.es.js",
   "types": "./box.d.ts",
   "exports": {
     ".": {
-      "import": "./box.mjs.js",
+      "import": "./box.es.js",
       "require": "./box.cjs.js",
       "types": "./box.d.ts"
     },
     "./style.css": "./style.css",
     "./theme": {
-      "import": "./theme.mjs.js",
+      "import": "./theme.es.js",
       "require": "./theme.cjs.js",
       "types": "./theme.d.ts"
     },
     "./components/*": {
-      "import": "./components/*.mjs.js",
+      "import": "./components/*.es.js",
       "require": "./components/*.cjs.js",
       "types": "./components/*.d.ts"
     },
     "./plugins": {
-      "import": "./plugins.mjs.js",
+      "import": "./plugins.es.js",
       "require": "./plugins.cjs.js",
       "types": "./plugins.d.ts"
     }

package/plugins.cjs.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(r){return{name:"boxTheme",configResolved(y){const n=Object.entries(r.colors).map(([o,e])=>`--color${o}: ${e};`).join(`
-`),_=Object.entries(r.shadows).map(([o,e])=>`--shadow${o}: ${e};`).join(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(r){const _=Object.entries(r.colors).map(([o,e])=>`--color${o}: ${e};`).join(`
+`),n=Object.entries(r.shadows).map(([o,e])=>`--shadow${o}: ${e};`).join(`
 `),i=Object.entries(r.backgrounds).map(([o,e])=>`--background${o}: ${e};`).join(`
-`),$=`:root {
-  ${n}
+`),s=`:root {
   ${_}
+  ${n}
   ${i}
-}`,h=Object.keys(r.colors).map(o=>`
+}`,$=Object.keys(r.colors).map(o=>`
 .color_${o},
 .color_h_${o}:hover,
 ._h:hover>.color_h_${o} {
@@ -124,7 +124,7 @@
   line {
     stroke: var(--color${o});
   }
-}`),s=Object.keys(r.shadows).map(o=>`
+}`),h=Object.keys(r.shadows).map(o=>`
 .shadow_${o},
 .shadow_h_${o}:hover,
 ._h:hover>.shadow_h_${o} {
@@ -152,7 +152,7 @@
 
 .bg_a_${o}:active {
   background: var(--background${o});
-}`),l=Object.keys(r.colors).map(o=>`'${o}'`).join(" | "),t=Object.keys(r.backgrounds).map(o=>`'${o}'`).join(" | "),c=Object.keys(r.shadows).map(o=>`'${o}'`).join(" | "),d=`import '@cronocode/react-box';
+}`),l=Object.keys(r.colors).map(o=>`'${o}'`).join(" | "),t=Object.keys(r.backgrounds).map(o=>`'${o}'`).join(" | "),c=Object.keys(r.shadows).map(o=>`'${o}'`).join(" | "),p=`import '@cronocode/react-box';
 
 declare module '@cronocode/react-box' {
   type ColorType = ${l};
@@ -196,7 +196,7 @@ declare module '@cronocode/react-box' {
     }
   }
 }
-`,p=`import '@cronocode/react-box/components/baseSvg';
+`,d=`import '@cronocode/react-box/components/baseSvg';
 
 declare module '@cronocode/react-box/components/baseSvg' {
   type ColorType = ${l};
@@ -216,5 +216,5 @@ declare module '@cronocode/react-box/components/baseSvg' {
     }
   }
 }
-`;(void 0)(r.cssPath,[$,...h,...s,...b].join(`
-`)),(void 0)(r.boxDtsPath,d),(void 0)(r.baseSvgDtsPath,p)}}}exports.boxTheme=u;
+`;return{themeCss:[s,...$,...h,...b].join(`
+`),boxDts:p,baseSvgDts:d}}exports.boxTheme=u;

package/plugins.d.ts

@@ -1,11 +1,12 @@
-import { PluginOption } from 'vite';
 interface BoxThemeOptions {
-    cssPath: string;
-    boxDtsPath: string;
-    baseSvgDtsPath: string;
     colors: Record<string, string>;
     shadows: Record<string, string>;
     backgrounds: Record<string, string>;
 }
-export declare function boxTheme(options: BoxThemeOptions): PluginOption;
+interface BoxThemeResources {
+    themeCss: string;
+    boxDts: string;
+    baseSvgDts: string;
+}
+export declare function boxTheme(options: BoxThemeOptions): BoxThemeResources;
 export {};

package/plugins.es.js

@@ -1,15 +1,12 @@
 function C(r) {
-  return {
-    name: "boxTheme",
-    configResolved(u) {
-      const t = Object.entries(r.colors).map(([o, e]) => `--color${o}: ${e};`).join(`
-`), _ = Object.entries(r.shadows).map(([o, e]) => `--shadow${o}: ${e};`).join(`
+  const c = Object.entries(r.colors).map(([o, e]) => `--color${o}: ${e};`).join(`
+`), n = Object.entries(r.shadows).map(([o, e]) => `--shadow${o}: ${e};`).join(`
 `), i = Object.entries(r.backgrounds).map(([o, e]) => `--background${o}: ${e};`).join(`
 `), $ = `:root {
-  ${t}
-  ${_}
+  ${c}
+  ${n}
   ${i}
-}`, h = Object.keys(r.colors).map((o) => `
+}`, s = Object.keys(r.colors).map((o) => `
 .color_${o},
 .color_h_${o}:hover,
 ._h:hover>.color_h_${o} {
@@ -128,7 +125,7 @@ function C(r) {
   line {
     stroke: var(--color${o});
   }
-}`), s = Object.keys(r.shadows).map((o) => `
+}`), h = Object.keys(r.shadows).map((o) => `
 .shadow_${o},
 .shadow_h_${o}:hover,
 ._h:hover>.shadow_h_${o} {
@@ -156,12 +153,12 @@ function C(r) {
 
 .bg_a_${o}:active {
   background: var(--background${o});
-}`), l = Object.keys(r.colors).map((o) => `'${o}'`).join(" | "), c = Object.keys(r.backgrounds).map((o) => `'${o}'`).join(" | "), n = Object.keys(r.shadows).map((o) => `'${o}'`).join(" | "), d = `import '@cronocode/react-box';
+}`), l = Object.keys(r.colors).map((o) => `'${o}'`).join(" | "), t = Object.keys(r.backgrounds).map((o) => `'${o}'`).join(" | "), _ = Object.keys(r.shadows).map((o) => `'${o}'`).join(" | "), p = `import '@cronocode/react-box';
 
 declare module '@cronocode/react-box' {
   type ColorType = ${l};
-  type BackgroundType = ${c};
-  type ShadowType = ${n};
+  type BackgroundType = ${t};
+  type ShadowType = ${_};
 
   namespace Augmented {
     interface Props {
@@ -200,12 +197,12 @@ declare module '@cronocode/react-box' {
     }
   }
 }
-`, p = `import '@cronocode/react-box/components/baseSvg';
+`, d = `import '@cronocode/react-box/components/baseSvg';
 
 declare module '@cronocode/react-box/components/baseSvg' {
   type ColorType = ${l};
-  type BackgroundType = ${c};
-  type ShadowType = ${n};
+  type BackgroundType = ${t};
+  type ShadowType = ${_};
 
   namespace Augmented {
     interface Props {
@@ -221,9 +218,11 @@ declare module '@cronocode/react-box/components/baseSvg' {
   }
 }
 `;
-      (void 0)(r.cssPath, [$, ...h, ...s, ...b].join(`
-`)), (void 0)(r.boxDtsPath, d), (void 0)(r.baseSvgDtsPath, p);
-    }
+  return {
+    themeCss: [$, ...s, ...h, ...b].join(`
+`),
+    boxDts: p,
+    baseSvgDts: d
   };
 }
 export {