@plumeria/inspector 18.2.11 → 18.2.13
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 +4 -4
- 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.
|
|
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.xtzw270y {\n pointer-events: none;\n}\n.xzjvpdw4 {\n border: 1px dashed #a855f7;\n}\n.xwghexut:not(#\\#) {\n background-color: #a855f70f;\n}\n.xlcznmkr {\n z-index: 999999;\n}\n.xnnxtoqx {\n transition: all 80ms cubic-bezier(.16, 1, .3, 1);\n}\n.xki56hc2:not(#\\#):not(#\\#) {\n top: var(--xpwakd9o-top);\n}\n.x9apdcla:not(#\\#):not(#\\#) {\n left: var(--xpwakd9o-left);\n}\n.xud3k5lj {\n width: var(--xpwakd9o-width);\n}\n.x3v8q8y3 {\n height: var(--xpwakd9o-height);\n}\n.x4o5bm7x {\n z-index: 1000000;\n}\n.x1jethze:not(#\\#) {\n background-color: #111827e6;\n}\n.xp7py9n1 {\n border: 1px solid #ffffff1f;\n}\n.xhdqk8nx {\n border-radius: 12px;\n}\n.xr7ynoef {\n padding: 12px 16px;\n}\n.xv21k0fp {\n box-shadow: 0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;\n}\n.xjwv009s {\n color: #f3f4f6;\n}\n.xgm2v5ee {\n width: 320px;\n}\n.xsc1chnd {\n transition: opacity .15s ease-out, transform .15s ease-out;\n}\n.xzonwqwj {\n pointer-events: var(--x414wdjq-pointerEvents);\n}\n.xl8wcc0u:not(#\\#):not(#\\#) {\n top: var(--x414wdjq-top);\n}\n.xehrserx:not(#\\#):not(#\\#) {\n left: var(--x414wdjq-left);\n}\n.xm49f9hj {\n opacity: var(--x414wdjq-opacity);\n}\n.x56s87ne {\n transform: var(--x414wdjq-transform);\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
|
};
|
|
@@ -182,7 +182,7 @@ var DevInspector = ({ initial }) => {
|
|
|
182
182
|
"div",
|
|
183
183
|
{
|
|
184
184
|
"data-plumeria-inspector-ignore": "true",
|
|
185
|
-
className: "xm2svzo4 xwargx9a xnr54dgw xhtz6c5t xxp6epoh xi3fytem xj0ln8hv x636886i x7z3vutq xhrr6ses x6vb0uvf xd3oqkpm x6iuzqez x1gd64ir xb90zzvn
|
|
185
|
+
className: "xm2svzo4 xwargx9a xnr54dgw xhtz6c5t xxp6epoh xi3fytem xj0ln8hv x636886i x7z3vutq xhrr6ses x6vb0uvf xd3oqkpm x6iuzqez x1gd64ir xb90zzvn xragrh7v xmt672rk xvickkgg xfcpkn9a x1wwwd6e " + ({ "0": "xlsxwken xkqfgj67", "1": "xtby5ou6 xdp2dozu" }[isActive ? "1" : "0"] || "xlsxwken xkqfgj67"),
|
|
186
186
|
onClick: () => setIsActive((prev) => !prev),
|
|
187
187
|
children: [
|
|
188
188
|
/* @__PURE__ */ jsx(
|
|
@@ -227,7 +227,7 @@ var DevInspector = ({ initial }) => {
|
|
|
227
227
|
getClassName(hoveredElement).split(" ").filter(Boolean).join(" .")
|
|
228
228
|
] })
|
|
229
229
|
] }),
|
|
230
|
-
/* @__PURE__ */ jsx("div", { className: "xf05shqu xwflkjz8 xslz5qa9 xx3zn3a6
|
|
230
|
+
/* @__PURE__ */ jsx("div", { className: "xf05shqu xwflkjz8 xslz5qa9 xx3zn3a6 xqo1c638 x1xwlr9y xtokbfsa", children: rules.length === 0 ? /* @__PURE__ */ jsx("div", { className: "x7zjcec6 xw9ej4ts x9jma4hx", children: "No matching CSS rules" }) : rules.map((rule, idx) => {
|
|
231
231
|
const parsedProps = parseCssText(rule.cssText);
|
|
232
232
|
return /* @__PURE__ */ jsxs("div", { className: "xs291xkc", children: [
|
|
233
233
|
/* @__PURE__ */ jsxs("span", { className: "xap91uzz xxkhp7ge x8eb0qpq x7zjcec6 x3f36k41", children: [
|
|
@@ -244,7 +244,7 @@ var DevInspector = ({ initial }) => {
|
|
|
244
244
|
/* @__PURE__ */ jsx("span", { className: "xap91uzz xxkhp7ge x8eb0qpq x7zjcec6 x3f36k41", children: "}" })
|
|
245
245
|
] }, idx);
|
|
246
246
|
}) }),
|
|
247
|
-
/* @__PURE__ */ jsx("div", { className: "xhue4zxv xxb8i1k0 xdatukya xw9ej4ts x9jma4hx xvaeii17
|
|
247
|
+
/* @__PURE__ */ jsx("div", { className: "xhue4zxv xxb8i1k0 xdatukya xw9ej4ts x9jma4hx xvaeii17 xqo1c638 x1xwlr9y xtokbfsa", children: isFrozen ? "\u2744\uFE0F Targeting Locked (Press Shift to unlock)" : "\u26A1 Press Shift to lock targeting & scroll rules" })
|
|
248
248
|
]
|
|
249
249
|
}
|
|
250
250
|
)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plumeria/inspector",
|
|
3
|
-
"version": "18.2.
|
|
3
|
+
"version": "18.2.13",
|
|
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.13"
|
|
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.13",
|
|
51
|
+
"@plumeria/unplugin": "^18.2.13"
|
|
52
52
|
},
|
|
53
53
|
"publishConfig": {
|
|
54
54
|
"access": "public",
|