@cronocode/react-box 1.4.4 → 1.4.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.4.4",
+  "version": "1.4.5",
   "main": "./box.cjs",
   "module": "./box.mjs",
   "types": "./box.d.ts",

package/plugins.cjs

@@ -1,11 +1,11 @@
-"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(`
-`),s=`:root {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(r){const l=Object.entries(r.colors).map(([o,e])=>`--color${o}: ${e};`).join(`
+`),_=Object.entries(r.shadows).map(([o,e])=>`--shadow${o}: ${e};`).join(`
+`),t=Object.entries(r.backgrounds).map(([o,e])=>`--background${o}: ${e};`).join(`
+`),c=`:root {
+  ${l}
   ${_}
-  ${n}
-  ${i}
-}`,$=Object.keys(r.colors).map(o=>`
+  ${t}
+}`,n=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});
   }
-}`),h=Object.keys(r.shadows).map(o=>`
+}`),i=Object.keys(r.shadows).map(o=>`
 .shadow_${o},
 .shadow_h_${o}:hover,
 ._h:hover>.shadow_h_${o} {
@@ -138,7 +138,7 @@
 
 .shadow_a_${o}:active {
   box-shadow: var(--shadow${o});
-}`),b=Object.keys(r.backgrounds).map(o=>`
+}`),$=Object.keys(r.backgrounds).map(o=>`
 .bg_${o},
 .bg_h_${o}:hover,
 ._h:hover>.bg_h_${o} {
@@ -152,12 +152,12 @@
 
 .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(" | "),p=`import '@cronocode/react-box';
+}`),h=Object.keys(r.colors).map(o=>`'${o}'`).join(" | "),s=Object.keys(r.backgrounds).map(o=>`'${o}'`).join(" | "),b=Object.keys(r.shadows).map(o=>`'${o}'`).join(" | "),d=`import {ColorType} from '@cronocode/react-box';
 
 declare module '@cronocode/react-box' {
-  type ColorType = ${l};
-  type BackgroundType = ${t};
-  type ShadowType = ${c};
+  type ColorType = ${h};
+  type BackgroundType = ${s};
+  type ShadowType = ${b};
 
   namespace Augmented {
     interface Props {
@@ -196,13 +196,8 @@ declare module '@cronocode/react-box' {
     }
   }
 }
-`,d=`import '@cronocode/react-box/components/baseSvg';
 
 declare module '@cronocode/react-box/components/baseSvg' {
-  type ColorType = ${l};
-  type BackgroundType = ${t};
-  type ShadowType = ${c};
-
   namespace Augmented {
     interface Props {
       fill?: ColorType;
@@ -216,5 +211,5 @@ declare module '@cronocode/react-box/components/baseSvg' {
     }
   }
 }
-`;return{themeCss:[s,...$,...h,...b].join(`
-`),boxDts:p,baseSvgDts:d}}exports.boxTheme=u;
+`;return{themeCss:[c,...n,...i,...$].join(`
+`),boxDts:d}}exports.boxTheme=p;

package/plugins.d.ts

@@ -6,7 +6,6 @@ interface BoxThemeOptions {
 interface BoxThemeResources {
     themeCss: string;
     boxDts: string;
-    baseSvgDts: string;
 }
 export declare function boxTheme(options: BoxThemeOptions): BoxThemeResources;
 export {};

package/plugins.mjs

@@ -1,12 +1,12 @@
-function C(r) {
-  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 {
-  ${c}
-  ${n}
-  ${i}
-}`, s = Object.keys(r.colors).map((o) => `
+function p(r) {
+  const l = Object.entries(r.colors).map(([o, e]) => `--color${o}: ${e};`).join(`
+`), _ = Object.entries(r.shadows).map(([o, e]) => `--shadow${o}: ${e};`).join(`
+`), t = Object.entries(r.backgrounds).map(([o, e]) => `--background${o}: ${e};`).join(`
+`), c = `:root {
+  ${l}
+  ${_}
+  ${t}
+}`, n = Object.keys(r.colors).map((o) => `
 .color_${o},
 .color_h_${o}:hover,
 ._h:hover>.color_h_${o} {
@@ -125,7 +125,7 @@ function C(r) {
   line {
     stroke: var(--color${o});
   }
-}`), h = Object.keys(r.shadows).map((o) => `
+}`), i = Object.keys(r.shadows).map((o) => `
 .shadow_${o},
 .shadow_h_${o}:hover,
 ._h:hover>.shadow_h_${o} {
@@ -139,7 +139,7 @@ function C(r) {
 
 .shadow_a_${o}:active {
   box-shadow: var(--shadow${o});
-}`), b = Object.keys(r.backgrounds).map((o) => `
+}`), $ = Object.keys(r.backgrounds).map((o) => `
 .bg_${o},
 .bg_h_${o}:hover,
 ._h:hover>.bg_h_${o} {
@@ -153,12 +153,12 @@ function C(r) {
 
 .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(" | "), _ = Object.keys(r.shadows).map((o) => `'${o}'`).join(" | "), p = `import '@cronocode/react-box';
+}`), h = Object.keys(r.colors).map((o) => `'${o}'`).join(" | "), s = Object.keys(r.backgrounds).map((o) => `'${o}'`).join(" | "), b = Object.keys(r.shadows).map((o) => `'${o}'`).join(" | "), d = `import {ColorType} from '@cronocode/react-box';
 
 declare module '@cronocode/react-box' {
-  type ColorType = ${l};
-  type BackgroundType = ${t};
-  type ShadowType = ${_};
+  type ColorType = ${h};
+  type BackgroundType = ${s};
+  type ShadowType = ${b};
 
   namespace Augmented {
     interface Props {
@@ -197,13 +197,8 @@ declare module '@cronocode/react-box' {
     }
   }
 }
-`, d = `import '@cronocode/react-box/components/baseSvg';
 
 declare module '@cronocode/react-box/components/baseSvg' {
-  type ColorType = ${l};
-  type BackgroundType = ${t};
-  type ShadowType = ${_};
-
   namespace Augmented {
     interface Props {
       fill?: ColorType;
@@ -219,12 +214,11 @@ declare module '@cronocode/react-box/components/baseSvg' {
 }
 `;
   return {
-    themeCss: [$, ...s, ...h, ...b].join(`
+    themeCss: [c, ...n, ...i, ...$].join(`
 `),
-    boxDts: p,
-    baseSvgDts: d
+    boxDts: d
   };
 }
 export {
-  C as boxTheme
+  p as boxTheme
 };