@lv-x-software-house/x_view 1.2.6-dev.40 → 1.2.6-dev.41

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.
Files changed (3) hide show
  1. package/dist/index.js +10 -7
  2. package/dist/index.mjs +10 -7
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -8522,7 +8522,7 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8522
8522
  title: "Alterar Cor"
8523
8523
  },
8524
8524
  /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute inset-0 shadow-[inset_0_0_2px_rgba(255,255,255,0.2)]" })
8525
- ), isOpen && !disabled && /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute top-full right-0 mt-2 z-[9999] p-3 bg-slate-950 rounded-xl border border-white/10 shadow-[0_10px_40px_rgba(0,0,0,0.7)] w-[200px] animate-in fade-in zoom-in-95 duration-100" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "mb-3 custom-react-colorful" }, /* @__PURE__ */ import_react13.default.createElement(import_react_colorful.HexColorPicker, { color, onChange })), /* @__PURE__ */ import_react13.default.createElement("div", { className: "h-px bg-white/10 my-3" }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "grid grid-cols-5 gap-2" }, PRESET_COLORS.map((preset) => /* @__PURE__ */ import_react13.default.createElement(
8525
+ ), isOpen && !disabled && /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute top-full right-0 mt-1 z-[9999] p-2 bg-slate-950 rounded-lg border border-white/10 shadow-[0_10px_40px_rgba(0,0,0,0.7)] w-[170px] animate-in fade-in zoom-in-95 duration-100" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "mb-2 custom-react-colorful compact" }, /* @__PURE__ */ import_react13.default.createElement(import_react_colorful.HexColorPicker, { color, onChange })), /* @__PURE__ */ import_react13.default.createElement("div", { className: "h-px bg-white/5 my-2" }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "grid grid-cols-5 gap-1.5" }, PRESET_COLORS.map((preset) => /* @__PURE__ */ import_react13.default.createElement(
8526
8526
  "button",
8527
8527
  {
8528
8528
  key: preset,
@@ -8539,7 +8539,7 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8539
8539
  import_fi12.FiCheck,
8540
8540
  {
8541
8541
  className: `drop-shadow-md ${["#ffffff", "#4df5cb", "#84cc16", "#f59e0b"].includes(preset) ? "text-black" : "text-white"}`,
8542
- size: 12
8542
+ size: 10
8543
8543
  }
8544
8544
  )
8545
8545
  )))), /* @__PURE__ */ import_react13.default.createElement("style", null, `
@@ -8547,18 +8547,21 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8547
8547
  width: 100%;
8548
8548
  height: 150px;
8549
8549
  }
8550
+ .custom-react-colorful.compact .react-colorful {
8551
+ height: 100px;
8552
+ }
8550
8553
  .custom-react-colorful .react-colorful__saturation {
8551
- border-radius: 8px 8px 0 0;
8554
+ border-radius: 6px 6px 0 0;
8552
8555
  border-bottom: 1px solid rgba(255,255,255,0.1);
8553
8556
  }
8554
8557
  .custom-react-colorful .react-colorful__hue {
8555
- height: 16px;
8556
- border-radius: 0 0 8px 8px;
8558
+ height: 12px;
8559
+ border-radius: 0 0 6px 6px;
8557
8560
  margin-top: 2px;
8558
8561
  }
8559
8562
  .custom-react-colorful .react-colorful__pointer {
8560
- width: 16px;
8561
- height: 16px;
8563
+ width: 14px;
8564
+ height: 14px;
8562
8565
  border: 2px solid #fff;
8563
8566
  box-shadow: 0 1px 4px rgba(0,0,0,0.5);
8564
8567
  }
package/dist/index.mjs CHANGED
@@ -8514,7 +8514,7 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8514
8514
  title: "Alterar Cor"
8515
8515
  },
8516
8516
  /* @__PURE__ */ React12.createElement("div", { className: "absolute inset-0 shadow-[inset_0_0_2px_rgba(255,255,255,0.2)]" })
8517
- ), isOpen && !disabled && /* @__PURE__ */ React12.createElement("div", { className: "absolute top-full right-0 mt-2 z-[9999] p-3 bg-slate-950 rounded-xl border border-white/10 shadow-[0_10px_40px_rgba(0,0,0,0.7)] w-[200px] animate-in fade-in zoom-in-95 duration-100" }, /* @__PURE__ */ React12.createElement("div", { className: "mb-3 custom-react-colorful" }, /* @__PURE__ */ React12.createElement(HexColorPicker, { color, onChange })), /* @__PURE__ */ React12.createElement("div", { className: "h-px bg-white/10 my-3" }), /* @__PURE__ */ React12.createElement("div", { className: "grid grid-cols-5 gap-2" }, PRESET_COLORS.map((preset) => /* @__PURE__ */ React12.createElement(
8517
+ ), isOpen && !disabled && /* @__PURE__ */ React12.createElement("div", { className: "absolute top-full right-0 mt-1 z-[9999] p-2 bg-slate-950 rounded-lg border border-white/10 shadow-[0_10px_40px_rgba(0,0,0,0.7)] w-[170px] animate-in fade-in zoom-in-95 duration-100" }, /* @__PURE__ */ React12.createElement("div", { className: "mb-2 custom-react-colorful compact" }, /* @__PURE__ */ React12.createElement(HexColorPicker, { color, onChange })), /* @__PURE__ */ React12.createElement("div", { className: "h-px bg-white/5 my-2" }), /* @__PURE__ */ React12.createElement("div", { className: "grid grid-cols-5 gap-1.5" }, PRESET_COLORS.map((preset) => /* @__PURE__ */ React12.createElement(
8518
8518
  "button",
8519
8519
  {
8520
8520
  key: preset,
@@ -8531,7 +8531,7 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8531
8531
  FiCheck6,
8532
8532
  {
8533
8533
  className: `drop-shadow-md ${["#ffffff", "#4df5cb", "#84cc16", "#f59e0b"].includes(preset) ? "text-black" : "text-white"}`,
8534
- size: 12
8534
+ size: 10
8535
8535
  }
8536
8536
  )
8537
8537
  )))), /* @__PURE__ */ React12.createElement("style", null, `
@@ -8539,18 +8539,21 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8539
8539
  width: 100%;
8540
8540
  height: 150px;
8541
8541
  }
8542
+ .custom-react-colorful.compact .react-colorful {
8543
+ height: 100px;
8544
+ }
8542
8545
  .custom-react-colorful .react-colorful__saturation {
8543
- border-radius: 8px 8px 0 0;
8546
+ border-radius: 6px 6px 0 0;
8544
8547
  border-bottom: 1px solid rgba(255,255,255,0.1);
8545
8548
  }
8546
8549
  .custom-react-colorful .react-colorful__hue {
8547
- height: 16px;
8548
- border-radius: 0 0 8px 8px;
8550
+ height: 12px;
8551
+ border-radius: 0 0 6px 6px;
8549
8552
  margin-top: 2px;
8550
8553
  }
8551
8554
  .custom-react-colorful .react-colorful__pointer {
8552
- width: 16px;
8553
- height: 16px;
8555
+ width: 14px;
8556
+ height: 14px;
8554
8557
  border: 2px solid #fff;
8555
8558
  box-shadow: 0 1px 4px rgba(0,0,0,0.5);
8556
8559
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lv-x-software-house/x_view",
3
- "version": "1.2.6-dev.40",
3
+ "version": "1.2.6-dev.41",
4
4
  "description": "Pacote privado contendo os componentes e lógica de renderização 3D do X View.",
5
5
  "author": "iv.x - Engenharia de Software - ivxsoftwarehouse@gmail.com",
6
6
  "license": "UNLICENSED",