@cronocode/react-box 1.5.6 → 1.5.9

package/components/grid.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs");require("../box.module.css.cjs");require("../utils/utils.cjs");require("../theme.cjs");function o(e,r){const{inline:i}=e;return t.jsx(u.default,{ref:r,display:i?"inline-grid":"grid",...e})}const d=n.forwardRef(o);exports.default=d;

package/components/grid.d.ts

@@ -0,0 +1,4 @@
+import Box from '../box';
+type BoxProps<TTag extends keyof React.ReactHTML> = Omit<React.ComponentProps<typeof Box<TTag>>, 'ref'>;
+declare const _default: <TTag extends keyof import("react").ReactHTML = "div">(props: BoxProps<TTag>) => JSX.Element;
+export default _default;

package/components/grid.mjs

@@ -0,0 +1,14 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import n from "../box.mjs";
+import "../box.module.css.mjs";
+import "../utils/utils.mjs";
+import "../theme.mjs";
+function d(r, i) {
+  const { inline: o } = r;
+  return /* @__PURE__ */ t(n, { ref: i, display: o ? "inline-grid" : "grid", ...r });
+}
+const c = m(d);
+export {
+  c as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.5.6",
+  "version": "1.5.9",
   "main": "./box.cjs",
   "module": "./box.mjs",
   "types": "./box.d.ts",
@@ -35,8 +35,8 @@
     "build:pages": "vite build ./pages --config ./pages.vite.config.ts --outDir ../dist --mode production",
     "preview": "vite preview",
     "build": "vite build",
+    "postbuild": "cp package.json dist & cp LICENSE dist & cp README.md dist & rm ./dist/index.d.ts & rm ./dist/index.js",
     "build:dev": "vite build --mode dev",
-    "postbuild": "cp package.json dist & cp LICENSE dist & cp README.md dist & cp docs -r dist & rm ./dist/index.d.ts & rm ./dist/index.js",
     "compile": "tsc --noEmit --skipLibCheck",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -55,8 +55,10 @@
   },
   "homepage": "https://github.com/cronocodesolutions/react-box#readme",
   "description": "",
+  "dependencies": {
+    "@cronocode/identity-factory": "^0.0.6"
+  },
   "devDependencies": {
-    "@cronocode/identity-factory": "^0.0.6",
     "@rollup/pluginutils": "^5.0.2",
     "@types/node": "^18.15.7",
     "@types/postcss-mixins": "^9.0.0",

package/plugins.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(r){const _=Object.entries(r.colors).map(([o,l])=>`--color${o}: ${l};`).join(`
   `),t=Object.entries(r.shadows).map(([o,l])=>`--shadow${o}: ${l};`).join(`
-  `),c=Object.entries(r.backgrounds).map(([o,l])=>`--background${o}: ${l};`).join(`
-  `),e=[":root {"];_&&e.push(`  ${_}`),t&&e.push(`  ${t}`),c&&e.push(`  ${c}`),e.push("}");const i=Object.keys(r.colors).map(o=>`
+  `),n=Object.entries(r.backgrounds).map(([o,l])=>`--background${o}: ${l};`).join(`
+  `),e=[":root {"];_&&e.push(`  ${_}`),t&&e.push(`  ${t}`),n&&e.push(`  ${n}`),e.push("}");const c=Object.keys(r.colors).map(o=>`
 .color_${o},
 .color_h_${o}:hover,
 ._h:hover>.color_h_${o} {
@@ -120,7 +120,7 @@
   line {
     stroke: var(--color${o});
   }
-}`),n=Object.keys(r.shadows).map(o=>`
+}`),i=Object.keys(r.shadows).map(o=>`
 .shadow_${o},
 .shadow_h_${o}:hover,
 ._h:hover>.shadow_h_${o} {
@@ -204,5 +204,6 @@ declare module '@cronocode/react-box/types' {
   }
 }
 `;return{themeCss:[e.join(`
-`),...i,...n,...h].join(`
-`),boxDts:p}}exports.boxTheme=u;
+`),...c,...i,...h].join(`
+`)+`
+`,boxDts:p}}exports.boxTheme=u;

package/plugins.mjs

@@ -1,10 +1,10 @@
 function u(r) {
   const _ = Object.entries(r.colors).map(([o, e]) => `--color${o}: ${e};`).join(`
   `), t = Object.entries(r.shadows).map(([o, e]) => `--shadow${o}: ${e};`).join(`
-  `), c = Object.entries(r.backgrounds).map(([o, e]) => `--background${o}: ${e};`).join(`
+  `), n = Object.entries(r.backgrounds).map(([o, e]) => `--background${o}: ${e};`).join(`
   `), l = [":root {"];
-  _ && l.push(`  ${_}`), t && l.push(`  ${t}`), c && l.push(`  ${c}`), l.push("}");
-  const n = Object.keys(r.colors).map((o) => `
+  _ && l.push(`  ${_}`), t && l.push(`  ${t}`), n && l.push(`  ${n}`), l.push("}");
+  const c = Object.keys(r.colors).map((o) => `
 .color_${o},
 .color_h_${o}:hover,
 ._h:hover>.color_h_${o} {
@@ -209,8 +209,9 @@ declare module '@cronocode/react-box/types' {
 `;
   return {
     themeCss: [l.join(`
-`), ...n, ...i, ...h].join(`
-`),
+`), ...c, ...i, ...h].join(`
+`) + `
+`,
     boxDts: p
   };
 }