@cronocode/react-box 1.0.8 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,15 +1,15 @@
1
1
  import g, { useState as w } from "react";
2
2
  import { C as v } from "../utils/utils.js";
3
- const s = { base: "cLz", fillnone: "cLA", fillHnone: "cLB", hovertrue: "d", filltransparent: "cLC", fillHtransparent: "cLD", fillblack: "cLE", fillHblack: "cLF", fillwhite: "cLG", fillHwhite: "cLH", fillblue: "cLI", fillHblue: "cLJ", fillred: "cLK", fillHred: "cLL", fillpurple: "cLM", fillHpurple: "cLN", fillyellow: "cLO", fillHyellow: "cLP", fillpink: "cLQ", fillHpink: "cLR", fillgreen: "cLS", fillHgreen: "cLT", fillorange: "cLU", fillHorange: "cLV", fillnavy: "cLW", fillHnavy: "cLX", fillteal: "cLY", fillHteal: "cLZ", fillviolet: "cL0", fillHviolet: "cL1", fillgray: "cL2", fillHgray: "cL3", fillbrown: "cL4", fillHbrown: "cL5", strokenone: "cL6", strokeHnone: "cL7", stroketransparent: "cL8", strokeHtransparent: "cL9", strokeblack: "cMa", strokeHblack: "cMb", strokewhite: "cMc", strokeHwhite: "cMd", strokeblue: "cMe", strokeHblue: "cMf", strokered: "cMg", strokeHred: "cMh", strokepurple: "cMi", strokeHpurple: "cMj", strokeyellow: "cMk", strokeHyellow: "cMl", strokepink: "cMm", strokeHpink: "cMn", strokegreen: "cMo", strokeHgreen: "cMp", strokeorange: "cMq", strokeHorange: "cMr", strokenavy: "cMs", strokeHnavy: "cMt", stroketeal: "cMu", strokeHteal: "cMv", strokeviolet: "cMw", strokeHviolet: "cMx", strokegray: "cMy", strokeHgray: "cMz", strokebrown: "cMA", strokeHbrown: "cMB", rotate0: "cMC", rotateH0: "cMD", rotate90: "cME", rotateH90: "cMF", rotate180: "cMG", rotateH180: "cMH", rotate270: "cMI", rotateH270: "cMJ", flipxAxis: "cMK", flipHxAxis: "cML", flipyAxis: "cMM", flipHyAxis: "cMN" }, b = ["fill", "fillH", "stroke", "strokeH"];
3
+ const s = { base: "cLD", fillnone: "cLE", fillHnone: "cLF", hovertrue: "d", filltransparent: "cLG", fillHtransparent: "cLH", fillblack: "cLI", fillHblack: "cLJ", fillwhite: "cLK", fillHwhite: "cLL", fillblue: "cLM", fillHblue: "cLN", fillred: "cLO", fillHred: "cLP", fillpurple: "cLQ", fillHpurple: "cLR", fillyellow: "cLS", fillHyellow: "cLT", fillpink: "cLU", fillHpink: "cLV", fillgreen: "cLW", fillHgreen: "cLX", fillorange: "cLY", fillHorange: "cLZ", fillnavy: "cL0", fillHnavy: "cL1", fillteal: "cL2", fillHteal: "cL3", fillviolet: "cL4", fillHviolet: "cL5", fillgray: "cL6", fillHgray: "cL7", fillbrown: "cL8", fillHbrown: "cL9", strokenone: "cMa", strokeHnone: "cMb", stroketransparent: "cMc", strokeHtransparent: "cMd", strokeblack: "cMe", strokeHblack: "cMf", strokewhite: "cMg", strokeHwhite: "cMh", strokeblue: "cMi", strokeHblue: "cMj", strokered: "cMk", strokeHred: "cMl", strokepurple: "cMm", strokeHpurple: "cMn", strokeyellow: "cMo", strokeHyellow: "cMp", strokepink: "cMq", strokeHpink: "cMr", strokegreen: "cMs", strokeHgreen: "cMt", strokeorange: "cMu", strokeHorange: "cMv", strokenavy: "cMw", strokeHnavy: "cMx", stroketeal: "cMy", strokeHteal: "cMz", strokeviolet: "cMA", strokeHviolet: "cMB", strokegray: "cMC", strokeHgray: "cMD", strokebrown: "cME", strokeHbrown: "cMF", rotate0: "cMG", rotateH0: "cMH", rotate90: "cMI", rotateH90: "cMJ", rotate180: "cMK", rotateH180: "cML", rotate270: "cMM", rotateH270: "cMN", flipxAxis: "cMO", flipHxAxis: "cMP", flipyAxis: "cMQ", flipHyAxis: "cMR" }, b = ["fill", "fillH", "stroke", "strokeH"];
4
4
  function m(o) {
5
- const { children: e, props: H, className: r, style: M, viewBox: k, width: L, height: p } = o, l = r ? v.classNames(r, s.base) : [s.base];
5
+ const { children: e, props: M, className: r, style: H, viewBox: k, width: L, height: p } = o, l = r ? v.classNames(r, s.base) : [s.base];
6
6
  Object.entries(o).forEach(([c, n]) => {
7
7
  const f = s[c + n];
8
8
  f ? l.push(f) : b.includes(c) && l.push(`${c}${n}`);
9
9
  });
10
10
  const t = {
11
- ...H,
12
- style: { ...M, width: L, height: p },
11
+ ...M,
12
+ style: { ...H, width: L, height: p },
13
13
  className: l.join(" "),
14
14
  viewBox: k || "0 0 24 24",
15
15
  xmlns: "http://www.w3.org/2000/svg",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cronocode/react-box",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "main": "./box.js",
5
5
  "module": "./box.js",
6
6
  "types": "./box.d.ts",