@plumeria/inspector 18.2.13 → 18.2.15
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.
- package/dist/index.js +5 -5
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -13,7 +13,7 @@ var injectInspectorCSS = () => {
|
|
|
13
13
|
}
|
|
14
14
|
const style = document.createElement("style");
|
|
15
15
|
style.id = styleId;
|
|
16
|
-
style.textContent = ".xm2svzo4 {\n position: fixed;\n}\n.xwargx9a:not(#\\#):not(#\\#) {\n right: 16px;\n}\n.xnr54dgw:not(#\\#):not(#\\#) {\n bottom: 16px;\n}\n.xhtz6c5t {\n z-index: 9999999;\n}\n.xxp6epoh {\n display: flex;\n}\n.xi3fytem:not(#\\#) {\n gap: 8px;\n}\n.xj0ln8hv:not(#\\#) {\n align-items: center;\n}\n.x636886i {\n padding: 8px 16px;\n}\n.x7z3vutq:not(#\\#) {\n font-family:\n system-ui,\n -apple-system,\n sans-serif;\n}\n.xhrr6ses:not(#\\#) {\n font-size: 12px;\n}\n.x6vb0uvf:not(#\\#) {\n font-weight: 500;\n}\n.xd3oqkpm {\n color: #e5e7eb;\n}\n.x6iuzqez {\n cursor: pointer;\n}\n.x1gd64ir {\n -webkit-user-select: none;\n user-select: none;\n}\n.xb90zzvn:not(#\\#) {\n background-color: #111827d9;\n}\n.xragrh7v:not(#\\#) {\n border-style: solid;\n}\n.xmt672rk:not(#\\#) {\n border-width: 1px;\n}\n.xvickkgg {\n border-radius: 9999px;\n}\n.xfcpkn9a {\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(12px);\n}\n.x1wwwd6e {\n transition: all .2s;\n}\n.xlsxwken:not(#\\#) {\n border-color: #ffffff1a;\n}\n.xkqfgj67 {\n box-shadow: 0 4px 15px #00000040;\n}\n.xtby5ou6:not(#\\#) {\n border-color: #a855f7;\n}\n.xdp2dozu {\n box-shadow: 0 4px 20px #a855f759;\n}\n.xq0askt6 {\n width: 8px;\n}\n.xsemx3zn {\n height: 8px;\n}\n.xyqzlrhp {\n border-radius: 50%;\n}\n.xs6s67ix {\n transition: background-color .2s;\n}\n.xlufsbde {\n box-shadow: 0 0 8px #a855f7;\n}\n.xy2ymyq7:not(#\\#) {\n background-color: #9ca3af;\n}\n.xbv1awaq:not(#\\#) {\n background-color: #a855f7;\n}\n.
|
|
16
|
+
style.textContent = ".xm2svzo4 {\n position: fixed;\n}\n.xwargx9a:not(#\\#):not(#\\#) {\n right: 16px;\n}\n.xnr54dgw:not(#\\#):not(#\\#) {\n bottom: 16px;\n}\n.xhtz6c5t {\n z-index: 9999999;\n}\n.xxp6epoh {\n display: flex;\n}\n.xi3fytem:not(#\\#) {\n gap: 8px;\n}\n.xj0ln8hv:not(#\\#) {\n align-items: center;\n}\n.x636886i {\n padding: 8px 16px;\n}\n.x7z3vutq:not(#\\#) {\n font-family:\n system-ui,\n -apple-system,\n sans-serif;\n}\n.xhrr6ses:not(#\\#) {\n font-size: 12px;\n}\n.x6vb0uvf:not(#\\#) {\n font-weight: 500;\n}\n.xd3oqkpm {\n color: #e5e7eb;\n}\n.x6iuzqez {\n cursor: pointer;\n}\n.x1gd64ir {\n -webkit-user-select: none;\n user-select: none;\n}\n.xb90zzvn:not(#\\#) {\n background-color: #111827d9;\n}\n.xragrh7v:not(#\\#) {\n border-style: solid;\n}\n.xmt672rk:not(#\\#) {\n border-width: 1px;\n}\n.xvickkgg {\n border-radius: 9999px;\n}\n.xfcpkn9a {\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(12px);\n}\n.x1wwwd6e {\n transition: all .2s;\n}\n.xlsxwken:not(#\\#) {\n border-color: #ffffff1a;\n}\n.xkqfgj67 {\n box-shadow: 0 4px 15px #00000040;\n}\n.xtby5ou6:not(#\\#) {\n border-color: #a855f7;\n}\n.xdp2dozu {\n box-shadow: 0 4px 20px #a855f759;\n}\n.xq0askt6 {\n width: 8px;\n}\n.xsemx3zn {\n height: 8px;\n}\n.xyqzlrhp {\n border-radius: 50%;\n}\n.xs6s67ix {\n transition: background-color .2s;\n}\n.xlufsbde {\n box-shadow: 0 0 8px #a855f7;\n}\n.xy2ymyq7:not(#\\#) {\n background-color: #9ca3af;\n}\n.xbv1awaq:not(#\\#) {\n background-color: #a855f7;\n}\n.xfvvadt6:not(#\\#):not(#\\#) {\n top: var(--xap53d7h-top);\n}\n.xs8ub6j8:not(#\\#):not(#\\#) {\n left: var(--xap53d7h-left);\n}\n.xlcznmkr {\n z-index: 999999;\n}\n.x49e07vg {\n width: var(--xap53d7h-width);\n}\n.xux31fpz {\n height: var(--xap53d7h-height);\n}\n.xtzw270y {\n pointer-events: none;\n}\n.xwghexut:not(#\\#) {\n background-color: #a855f70f;\n}\n.x140bk12:not(#\\#) {\n border-style: dashed;\n}\n.xnnxtoqx {\n transition: all 80ms cubic-bezier(.16, 1, .3, 1);\n}\n.xk8tz36x:not(#\\#):not(#\\#) {\n top: var(--xtpqs71h-top);\n}\n.x7d6ku54:not(#\\#):not(#\\#) {\n left: var(--xtpqs71h-left);\n}\n.x4o5bm7x {\n z-index: 1000000;\n}\n.xgm2v5ee {\n width: 320px;\n}\n.xr7ynoef {\n padding: 12px 16px;\n}\n.xjwv009s {\n color: #f3f4f6;\n}\n.x21nh7ja {\n pointer-events: var(--xtpqs71h-pointerEvents);\n}\n.x1jethze:not(#\\#) {\n background-color: #111827e6;\n}\n.x4mqx0dl:not(#\\#) {\n border-color: #ffffff1f;\n}\n.xhdqk8nx {\n border-radius: 12px;\n}\n.xv21k0fp {\n box-shadow: 0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;\n}\n.xdv8owms {\n transform: var(--xtpqs71h-transform);\n}\n.xsc1chnd {\n transition: opacity .15s ease-out, transform .15s ease-out;\n}\n.xou65fcw {\n opacity: var(--xtpqs71h-opacity);\n}\n.xcvxfwrf:not(#\\#):not(#\\#) {\n margin-bottom: 6px;\n}\n.xm6rg4e9:not(#\\#) {\n font-size: 13px;\n}\n.xybc5i37:not(#\\#) {\n font-weight: bold;\n}\n.xnuimpaw:not(#\\#):not(#\\#) {\n margin-right: 6px;\n}\n.x8eb0qpq:not(#\\#) {\n font-family: monospace;\n}\n.xierkllv {\n color: #67e8f9;\n}\n.xjmc5lje {\n padding: 2px 6px;\n}\n.x7zjcec6:not(#\\#) {\n font-size: 11px;\n}\n.xwosyyr8 {\n color: #c084fc;\n}\n.xzdqhyei {\n word-break: break-all;\n}\n.xk197wcs:not(#\\#) {\n background-color: #a855f71a;\n}\n.x4vahbk7 {\n border-radius: 4px;\n}\n.xf05shqu {\n max-height: 180px;\n}\n.xwflkjz8:not(#\\#):not(#\\#) {\n padding-top: 8px;\n}\n.xslz5qa9:not(#\\#):not(#\\#) {\n margin-top: 6px;\n}\n.xx3zn3a6:not(#\\#) {\n overflow-y: auto;\n}\n.xqo1c638:not(#\\#):not(#\\#):not(#\\#) {\n border-top-color: #ffffff14;\n}\n.x1xwlr9y:not(#\\#):not(#\\#):not(#\\#) {\n border-top-style: solid;\n}\n.xtokbfsa:not(#\\#):not(#\\#):not(#\\#) {\n border-top-width: 1px;\n}\n.xw9ej4ts:not(#\\#) {\n font-style: italic;\n}\n.x9jma4hx {\n color: #9ca3af;\n}\n.xs291xkc:not(#\\#):not(#\\#) {\n margin-bottom: 8px;\n}\n.xap91uzz {\n display: block;\n}\n.xxkhp7ge:not(#\\#):not(#\\#) {\n margin-bottom: 2px;\n}\n.x3f36k41 {\n color: #a5b4fc;\n}\n.xo0i6zyh:not(#\\#):not(#\\#) {\n padding-left: 12px;\n}\n.xsfilhj8:not(#\\#) {\n line-height: 1.4;\n}\n.xmzl9t4s {\n color: #d1d5db;\n}\n.x4ygbjrq {\n color: #f472b6;\n}\n.xyfpgrbg {\n color: #93c5fd;\n}\n.xhue4zxv:not(#\\#):not(#\\#) {\n padding-top: 6px;\n}\n.xxb8i1k0:not(#\\#):not(#\\#) {\n margin-top: 8px;\n}\n.xdatukya:not(#\\#) {\n font-size: 10px;\n}\n.xvaeii17 {\n text-align: center;\n}\n";
|
|
17
17
|
document.head.appendChild(style);
|
|
18
18
|
isCssInjected = true;
|
|
19
19
|
};
|
|
@@ -204,8 +204,8 @@ var DevInspector = ({ initial }) => {
|
|
|
204
204
|
"div",
|
|
205
205
|
{
|
|
206
206
|
"data-plumeria-inspector-ignore": "true",
|
|
207
|
-
className: "xm2svzo4
|
|
208
|
-
style: { "--
|
|
207
|
+
className: "xm2svzo4 xfvvadt6 xs8ub6j8 xlcznmkr x49e07vg xux31fpz xtzw270y xwghexut xtby5ou6 x140bk12 xmt672rk xnnxtoqx",
|
|
208
|
+
style: { "--xap53d7h-top": typeof (overlayStyle.top || "0px") === "number" ? (overlayStyle.top || "0px") + "px" : overlayStyle.top || "0px", "--xap53d7h-left": typeof (overlayStyle.left || "0px") === "number" ? (overlayStyle.left || "0px") + "px" : overlayStyle.left || "0px", "--xap53d7h-width": typeof (overlayStyle.width || "0px") === "number" ? (overlayStyle.width || "0px") + "px" : overlayStyle.width || "0px", "--xap53d7h-height": typeof (overlayStyle.height || "0px") === "number" ? (overlayStyle.height || "0px") + "px" : overlayStyle.height || "0px" }
|
|
209
209
|
}
|
|
210
210
|
),
|
|
211
211
|
isActive && hoveredElement && /* @__PURE__ */ jsxs(
|
|
@@ -213,8 +213,8 @@ var DevInspector = ({ initial }) => {
|
|
|
213
213
|
{
|
|
214
214
|
ref: tooltipRef,
|
|
215
215
|
"data-plumeria-inspector-ignore": "true",
|
|
216
|
-
className: "xm2svzo4
|
|
217
|
-
style: { "--
|
|
216
|
+
className: "xm2svzo4 xk8tz36x x7d6ku54 x4o5bm7x xgm2v5ee xr7ynoef x7z3vutq xjwv009s x21nh7ja x1jethze x4mqx0dl xragrh7v xmt672rk xhdqk8nx xv21k0fp xfcpkn9a xdv8owms xsc1chnd xou65fcw",
|
|
217
|
+
style: { "--xtpqs71h-pointerEvents": typeof (isFrozen ? "auto" : "none") === "number" ? (isFrozen ? "auto" : "none") + "px" : isFrozen ? "auto" : "none", "--xtpqs71h-top": typeof (tooltipStyle.top || "0px") === "number" ? (tooltipStyle.top || "0px") + "px" : tooltipStyle.top || "0px", "--xtpqs71h-left": typeof (tooltipStyle.left || "0px") === "number" ? (tooltipStyle.left || "0px") + "px" : tooltipStyle.left || "0px", "--xtpqs71h-opacity": tooltipStyle.opacity ?? 0, "--xtpqs71h-transform": typeof (tooltipStyle.transform || "none") === "number" ? (tooltipStyle.transform || "none") + "px" : tooltipStyle.transform || "none" },
|
|
218
218
|
children: [
|
|
219
219
|
/* @__PURE__ */ jsxs("div", { className: "xxp6epoh xj0ln8hv xcvxfwrf xm6rg4e9 xybc5i37", children: [
|
|
220
220
|
/* @__PURE__ */ jsxs("span", { className: "xnuimpaw x8eb0qpq xierkllv", children: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plumeria/inspector",
|
|
3
|
-
"version": "18.2.
|
|
3
|
+
"version": "18.2.15",
|
|
4
4
|
"description": "Styled components inspector for development",
|
|
5
5
|
"author": "Refirst 11",
|
|
6
6
|
"license": "MIT",
|
|
@@ -41,14 +41,14 @@
|
|
|
41
41
|
"dist/"
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@plumeria/headlessui": "^18.2.
|
|
44
|
+
"@plumeria/headlessui": "^18.2.15"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@types/react": "^19.2.18",
|
|
48
48
|
"@types/react-dom": "^19.2.4",
|
|
49
49
|
"esbuild": "^0.28.0",
|
|
50
|
-
"@plumeria/core": "^18.2.
|
|
51
|
-
"@plumeria/unplugin": "^18.2.
|
|
50
|
+
"@plumeria/core": "^18.2.15",
|
|
51
|
+
"@plumeria/unplugin": "^18.2.15"
|
|
52
52
|
},
|
|
53
53
|
"publishConfig": {
|
|
54
54
|
"access": "public",
|