@plumile/ui-devtools 0.1.144 → 0.1.146
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/lib/esm/feedback/devtoolsFeedback.css.js.map +1 -1
- package/lib/esm/navigation/devtoolsTabs.css.js.map +1 -1
- package/lib/esm/style.css +1 -1
- package/lib/esm/theme/devtoolsTheme.css.js.map +1 -1
- package/lib/esm/toolbar/devtoolsToolbar.css.js.map +1 -1
- package/lib/types/theme/devtoolsTheme.css.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devtoolsFeedback.css.js","names":[],"sources":["../../../src/feedback/devtoolsFeedback.css.ts"],"sourcesContent":["import { keyframes, style } from '@vanilla-extract/css';\n\nexport const badge = style({\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '4px',\n minHeight: '20px',\n padding: '2px 8px',\n borderRadius: '999px',\n border: '1px solid transparent',\n fontSize: '11px',\n lineHeight: 1.2,\n whiteSpace: 'nowrap',\n backgroundColor: 'var(--pdt-surface-muted)',\n color: 'var(--pdt-text-muted)',\n});\n\nexport const badgeNeutral = style({\n backgroundColor: 'var(--pdt-surface-muted)',\n borderColor: 'var(--pdt-border)',\n color: 'var(--pdt-text-muted)',\n});\n\nexport const badgeInfo = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-info) 12%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-info) 24%, transparent)',\n color: 'var(--pdt-info)',\n});\n\nexport const badgeSuccess = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-success) 12%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-success) 24%, transparent)',\n color: 'var(--pdt-success)',\n});\n\nexport const badgeWarning = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-warning) 12%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-warning) 24%, transparent)',\n color: 'var(--pdt-warning)',\n});\n\nexport const badgeDanger = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-danger) 12%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-danger) 24%, transparent)',\n color: 'var(--pdt-danger)',\n});\n\nexport const pill = style({\n display: 'inline-flex',\n alignItems: 'center',\n minHeight: '20px',\n padding: '2px 8px',\n borderRadius: '999px',\n border: '1px solid var(--pdt-border)',\n fontSize: '11px',\n lineHeight: 1.2,\n whiteSpace: 'nowrap',\n backgroundColor: 'transparent',\n color: 'var(--pdt-text)',\n});\n\nexport const pillNeutral = style({\n backgroundColor: 'var(--pdt-surface-muted)',\n borderColor: 'var(--pdt-border)',\n});\n\nexport const pillNavigation = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-accent) 10%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-accent) 24%, transparent)',\n});\n\nexport const pillUpdate = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-info) 10%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-info) 24%, transparent)',\n});\n\nexport const pillSnapshot = style({\n backgroundColor: '
|
|
1
|
+
{"version":3,"file":"devtoolsFeedback.css.js","names":[],"sources":["../../../src/feedback/devtoolsFeedback.css.ts"],"sourcesContent":["import { keyframes, style } from '@vanilla-extract/css';\n\nexport const badge = style({\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '4px',\n minHeight: '20px',\n padding: '2px 8px',\n borderRadius: '999px',\n border: '1px solid transparent',\n fontSize: '11px',\n lineHeight: 1.2,\n whiteSpace: 'nowrap',\n backgroundColor: 'var(--pdt-surface-muted)',\n color: 'var(--pdt-text-muted)',\n});\n\nexport const badgeNeutral = style({\n backgroundColor: 'var(--pdt-surface-muted)',\n borderColor: 'var(--pdt-border)',\n color: 'var(--pdt-text-muted)',\n});\n\nexport const badgeInfo = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-info) 12%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-info) 24%, transparent)',\n color: 'var(--pdt-info)',\n});\n\nexport const badgeSuccess = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-success) 12%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-success) 24%, transparent)',\n color: 'var(--pdt-success)',\n});\n\nexport const badgeWarning = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-warning) 12%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-warning) 24%, transparent)',\n color: 'var(--pdt-warning)',\n});\n\nexport const badgeDanger = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-danger) 12%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-danger) 24%, transparent)',\n color: 'var(--pdt-danger)',\n});\n\nexport const pill = style({\n display: 'inline-flex',\n alignItems: 'center',\n minHeight: '20px',\n padding: '2px 8px',\n borderRadius: '999px',\n border: '1px solid var(--pdt-border)',\n fontSize: '11px',\n lineHeight: 1.2,\n whiteSpace: 'nowrap',\n backgroundColor: 'transparent',\n color: 'var(--pdt-text)',\n});\n\nexport const pillNeutral = style({\n backgroundColor: 'var(--pdt-surface-muted)',\n borderColor: 'var(--pdt-border)',\n});\n\nexport const pillNavigation = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-accent) 10%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-accent) 24%, transparent)',\n});\n\nexport const pillUpdate = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-info) 10%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-info) 24%, transparent)',\n});\n\nexport const pillSnapshot = style({\n backgroundColor: 'var(--pdt-event-snapshot-bg)',\n borderColor: 'var(--pdt-event-snapshot-border)',\n});\n\nexport const pillPreload = style({\n backgroundColor: 'color-mix(in srgb, var(--pdt-success) 10%, transparent)',\n borderColor: 'color-mix(in srgb, var(--pdt-success) 24%, transparent)',\n});\n\nexport const pillHistory = style({\n backgroundColor: 'var(--pdt-event-history-bg)',\n borderColor: 'var(--pdt-event-history-border)',\n});\n\nexport const pillPopstate = style({\n backgroundColor: 'var(--pdt-event-popstate-bg)',\n borderColor: 'var(--pdt-event-popstate-border)',\n});\n\nexport const pillPrepare = style({\n backgroundColor: 'var(--pdt-event-prepare-bg)',\n borderColor: 'var(--pdt-event-prepare-border)',\n});\n\nexport const statusLight = style({\n display: 'inline-flex',\n alignItems: 'center',\n gap: '6px',\n minHeight: '20px',\n fontSize: '12px',\n color: 'var(--pdt-text-muted)',\n});\n\nexport const statusDot = style({\n width: '10px',\n height: '10px',\n borderRadius: '50%',\n backgroundColor: 'var(--pdt-border)',\n});\n\nexport const statusReady = style({\n backgroundColor: 'var(--pdt-success)',\n boxShadow:\n '0 0 0 2px color-mix(in srgb, var(--pdt-success) 30%, transparent)',\n});\n\nexport const statusIdle = style({\n backgroundColor: 'var(--pdt-border)',\n boxShadow: 'inset 0 0 0 1px var(--pdt-text-muted)',\n});\n\nconst diffFlash = keyframes({\n from: {\n boxShadow: 'var(--pdt-diff-flash-start)',\n },\n to: {\n boxShadow: 'var(--pdt-diff-flash-end)',\n },\n});\n\nexport const diffList = style({\n display: 'flex',\n flexWrap: 'wrap',\n gap: '6px',\n marginTop: '6px',\n fontSize: '11px',\n});\n\nexport const diffInline = style({\n display: 'flex',\n flexWrap: 'wrap',\n gap: '6px',\n marginTop: 0,\n fontSize: '11px',\n});\n\nexport const diffPill = style({\n padding: '2px 8px',\n border: '1px solid transparent',\n borderRadius: '999px',\n fontWeight: 600,\n});\n\nexport const diffPillAdded = style({\n backgroundColor: 'var(--pdt-diff-added-bg)',\n borderColor: 'var(--pdt-diff-added-border)',\n color: 'var(--pdt-diff-added-text)',\n});\n\nexport const diffPillChanged = style({\n backgroundColor: 'var(--pdt-diff-changed-bg)',\n borderColor: 'var(--pdt-diff-changed-border)',\n color: 'var(--pdt-diff-changed-text)',\n});\n\nexport const diffPillRemoved = style({\n backgroundColor: 'var(--pdt-diff-removed-bg)',\n borderColor: 'var(--pdt-diff-removed-border)',\n color: 'var(--pdt-diff-removed-text)',\n});\n\nexport const diffPillFlash = style({\n animation: `${diffFlash} 0.8s ease-in-out`,\n});\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devtoolsTabs.css.js","names":[],"sources":["../../../src/navigation/devtoolsTabs.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const container = style({\n display: 'flex',\n alignItems: 'center',\n gap: '8px',\n padding: '12px 16px',\n borderBottom: '1px solid var(--pdt-border)',\n backgroundColor: 'var(--pdt-surface)',\n});\n\nexport const tab = style({\n appearance: 'none',\n border: '1px solid var(--pdt-border)',\n borderRadius: '999px',\n backgroundColor: 'var(--pdt-bg)',\n color: 'var(--pdt-text)',\n padding: '6px 16px',\n fontSize: '12px',\n cursor: 'pointer',\n transition: 'background-color 150ms ease, border-color 150ms ease',\n selectors: {\n '&:hover:not(:disabled)': {\n backgroundColor: 'var(--pdt-border)',\n },\n '&:focus-visible': {\n outline: 'none',\n boxShadow: 'var(--pdt-shadow-focus)',\n },\n '&:disabled': {\n opacity: 0.6,\n cursor: 'default',\n },\n },\n});\n\nexport const tabSelected = style({\n backgroundColor: 'var(--pdt-accent)',\n borderColor: 'var(--pdt-accent)',\n color: '
|
|
1
|
+
{"version":3,"file":"devtoolsTabs.css.js","names":[],"sources":["../../../src/navigation/devtoolsTabs.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const container = style({\n display: 'flex',\n alignItems: 'center',\n gap: '8px',\n padding: '12px 16px',\n borderBottom: '1px solid var(--pdt-border)',\n backgroundColor: 'var(--pdt-surface)',\n});\n\nexport const tab = style({\n appearance: 'none',\n border: '1px solid var(--pdt-border)',\n borderRadius: '999px',\n backgroundColor: 'var(--pdt-bg)',\n color: 'var(--pdt-text)',\n padding: '6px 16px',\n fontSize: '12px',\n cursor: 'pointer',\n transition: 'background-color 150ms ease, border-color 150ms ease',\n selectors: {\n '&:hover:not(:disabled)': {\n backgroundColor: 'var(--pdt-border)',\n },\n '&:focus-visible': {\n outline: 'none',\n boxShadow: 'var(--pdt-shadow-focus)',\n },\n '&:disabled': {\n opacity: 0.6,\n cursor: 'default',\n },\n },\n});\n\nexport const tabSelected = style({\n backgroundColor: 'var(--pdt-accent)',\n borderColor: 'var(--pdt-accent)',\n color: 'var(--pdt-on-accent)',\n});\n"],"mappings":""}
|
package/lib/esm/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
._1sbiiq0{background-color:var(--pdt-code-bg);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0;padding:12px;font-size:12px;line-height:1.4;overflow-x:auto}._83ws9k0{border:1px solid var(--pdt-border);min-height:28px;color:var(--pdt-text);cursor:pointer;background-color:#0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:12px;line-height:1.2;transition:background-color .15s,border-color .15s;display:inline-flex}._83ws9k0:hover:not(:disabled){background-color:color-mix(in srgb, var(--pdt-accent) 8%, transparent)}._83ws9k0:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}._83ws9k0:disabled{opacity:.5;cursor:not-allowed}._83ws9k1{color:var(--pdt-danger)}._83ws9k1:hover:not(:disabled){background-color:color-mix(in srgb, var(--pdt-danger) 10%, transparent);border-color:color-mix(in srgb, var(--pdt-danger) 34%, transparent)}._83ws9k2{min-width:0;color:var(--pdt-text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}._83ws9k3{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}._83ws9k4{border:1px solid var(--pdt-border);background-color:var(--pdt-bg);min-width:0;min-height:28px;color:var(--pdt-text);border-radius:4px;flex:auto;padding:4px 8px;font-size:12px}._83ws9k4:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}@media screen and (width<=520px){._83ws9k2{flex:100%}}.fmw3vj0{flex-direction:column;align-items:flex-start;gap:12px;max-width:420px;padding:24px;display:flex}.fmw3vj1{margin:0;font-size:18px;font-weight:600}.fmw3vj2{color:var(--pdt-text-muted);margin:0;font-size:13px;line-height:1.5}.fmw3vj3{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@keyframes kewyeuj{0%{box-shadow:0 0 #2563eb66}to{box-shadow:0 0 0 12px #2563eb00}}.kewyeu0{white-space:nowrap;background-color:var(--pdt-surface-muted);min-height:20px;color:var(--pdt-text-muted);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:2px 8px;font-size:11px;line-height:1.2;display:inline-flex}.kewyeu1{background-color:var(--pdt-surface-muted);border-color:var(--pdt-border);color:var(--pdt-text-muted)}.kewyeu2{background-color:color-mix(in srgb, var(--pdt-info) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-info) 24%, transparent);color:var(--pdt-info)}.kewyeu3{background-color:color-mix(in srgb, var(--pdt-success) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-success) 24%, transparent);color:var(--pdt-success)}.kewyeu4{background-color:color-mix(in srgb, var(--pdt-warning) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-warning) 24%, transparent);color:var(--pdt-warning)}.kewyeu5{background-color:color-mix(in srgb, var(--pdt-danger) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-danger) 24%, transparent);color:var(--pdt-danger)}.kewyeu6{border:1px solid var(--pdt-border);white-space:nowrap;min-height:20px;color:var(--pdt-text);background-color:#0000;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;line-height:1.2;display:inline-flex}.kewyeu7{background-color:var(--pdt-surface-muted);border-color:var(--pdt-border)}.kewyeu8{background-color:color-mix(in srgb, var(--pdt-accent) 10%, transparent);border-color:color-mix(in srgb, var(--pdt-accent) 24%, transparent)}.kewyeu9{background-color:color-mix(in srgb, var(--pdt-info) 10%, transparent);border-color:color-mix(in srgb, var(--pdt-info) 24%, transparent)}.kewyeua{background-color:#6366f11f;border-color:#6366f147}.kewyeub{background-color:color-mix(in srgb, var(--pdt-success) 10%, transparent);border-color:color-mix(in srgb, var(--pdt-success) 24%, transparent)}.kewyeuc{background-color:#9333ea1f;border-color:#9333ea47}.kewyeud{background-color:#3b82f61f;border-color:#3b82f647}.kewyeue{background-color:#d977061f;border-color:#d9770647}.kewyeuf{min-height:20px;color:var(--pdt-text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.kewyeug{background-color:var(--pdt-border);border-radius:50%;width:10px;height:10px}.kewyeuh{background-color:var(--pdt-success);box-shadow:0 0 0 2px color-mix(in srgb, var(--pdt-success) 30%, transparent)}.kewyeui{background-color:var(--pdt-border);box-shadow:inset 0 0 0 1px var(--pdt-text-muted)}.kewyeuk{flex-wrap:wrap;gap:6px;margin-top:6px;font-size:11px;display:flex}.kewyeul{flex-wrap:wrap;gap:6px;margin-top:0;font-size:11px;display:flex}.kewyeum{border:1px solid #0000;border-radius:999px;padding:2px 8px;font-weight:600}.kewyeun{color:#166534;background-color:#22863a1f;border-color:#22863a59}.kewyeuo{color:#735c0f;background-color:#735c0f1f;border-color:#735c0f59}.kewyeup{color:#b3212c;background-color:#cb24311f;border-color:#cb243159}.kewyeuq{animation:.8s ease-in-out kewyeuj}._1m64tse0{flex:1;align-items:stretch;min-width:0;min-height:0;display:flex}._1m64tse1{background-color:var(--pdt-surface);flex-direction:column;flex:auto;min-width:0;display:flex;overflow:hidden}._1m64tse2{border-right:1px solid var(--pdt-border)}._1m64tse3{cursor:col-resize;background-color:#0000;flex:0 0 8px;position:relative}._1m64tse3:focus-visible{outline:none}._1m64tse4{background-color:var(--pdt-border);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}._1m64tse3:hover ._1m64tse4,._1m64tse3:focus-visible ._1m64tse4{background-color:var(--pdt-accent)}._1m64tse5{background-color:var(--pdt-surface);flex-direction:column;flex:none;min-width:280px;max-width:90%;display:flex;overflow:hidden}@media screen and (width<=640px){._1m64tse0{flex-direction:column;overflow:auto}._1m64tse2{border-right:0;border-bottom:1px solid var(--pdt-border)}._1m64tse3{display:none}._1m64tse5{flex:none;min-width:0;max-width:100%;min-height:12rem;width:100%!important}}.vzai5r0{border-bottom:1px solid var(--pdt-border);background-color:var(--pdt-surface);align-items:center;gap:8px;padding:12px 16px;display:flex}.vzai5r1{appearance:none;border:1px solid var(--pdt-border);background-color:var(--pdt-bg);color:var(--pdt-text);cursor:pointer;border-radius:999px;padding:6px 16px;font-size:12px;transition:background-color .15s,border-color .15s}.vzai5r1:hover:not(:disabled){background-color:var(--pdt-border)}.vzai5r1:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}.vzai5r1:disabled{opacity:.6;cursor:default}.vzai5r2{background-color:var(--pdt-accent);border-color:var(--pdt-accent);color:#fff}.ca0gms0{border:1px solid var(--pdt-border);background-color:var(--pdt-surface);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.ca0gms1{justify-content:space-between;align-items:center;gap:12px;display:flex}.ca0gms2{margin:0;font-size:14px;font-weight:600}.ca0gms3{flex-direction:column;gap:8px;display:flex}.ca0gms4{justify-content:space-between;align-items:center;gap:12px;display:flex}.ca0gms5{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px;font-weight:600}.ca0gms6{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ca0gms7{border:1px solid var(--pdt-border);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.ca0gms8:focus{box-shadow:var(--pdt-shadow-focus);outline:none}.ca0gms9{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ca0gmsa{color:var(--pdt-text-muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}._11l3mw40{--pdt-bg:#f3f4f6;--pdt-surface:#fff;--pdt-surface-muted:#f8fafc;--pdt-border:#d1d5db;--pdt-border-strong:#9ca3af;--pdt-text:#111827;--pdt-text-muted:#4b5563;--pdt-accent:#2563eb;--pdt-info:#0369a1;--pdt-success:#166534;--pdt-warning:#9a3412;--pdt-danger:#b91c1c;--pdt-code-bg:#0f172a0f;--pdt-shadow-focus:0 0 0 2px #2563eb59;background-color:var(--pdt-bg);color:var(--pdt-text);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){._11l3mw40{--lightningcss-light: ;--lightningcss-dark:initial}}._11l3mw40,._11l3mw40 *{box-sizing:border-box}._11l3mw40 a{color:var(--pdt-accent)}._11l3mw40 button,._11l3mw40 input,._11l3mw40 select,._11l3mw40 textarea{font:inherit}._11l3mw40 pre,._11l3mw40 code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}@media (prefers-color-scheme:dark){._11l3mw40{--pdt-bg:#1f1f1f;--pdt-surface:#242424;--pdt-surface-muted:#2d2d2d;--pdt-border:#3f3f46;--pdt-border-strong:#52525b;--pdt-text:#f5f5f5;--pdt-text-muted:#a1a1aa;--pdt-accent:#60a5fa;--pdt-info:#38bdf8;--pdt-success:#4ade80;--pdt-warning:#fb923c;--pdt-danger:#f87171;--pdt-code-bg:#94a3b81f;--pdt-shadow-focus:0 0 0 2px #60a5fa59}}._1q96x230{border-bottom:1px solid var(--pdt-border);background-color:var(--pdt-surface);flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:6px 16px;display:flex;overflow:hidden}._1q96x231{flex:auto;min-width:0}._1q96x232{background-color:var(--pdt-border);width:1px;height:18px}._1q96x233{border:1px solid var(--pdt-border);background-color:var(--pdt-bg);min-width:0;max-width:100%;min-height:28px;color:var(--pdt-text);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;transition:background-color .15s,border-color .15s;display:inline-flex}._1q96x233:hover:not(:disabled){background-color:var(--pdt-border)}._1q96x233:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}._1q96x233:disabled{opacity:.5;cursor:not-allowed}._1q96x234{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._1q96x235{background-color:var(--pdt-warning);border-color:var(--pdt-warning);color:#fff}@media screen and (width<=520px){._1q96x230{align-items:stretch;padding:6px 8px}._1q96x233{flex:auto;justify-content:center;padding:4px 8px}}
|
|
1
|
+
._1sbiiq0{background-color:var(--pdt-code-bg);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0;padding:12px;font-size:12px;line-height:1.4;overflow-x:auto}._83ws9k0{border:1px solid var(--pdt-border);min-height:28px;color:var(--pdt-text);cursor:pointer;background-color:#0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:12px;line-height:1.2;transition:background-color .15s,border-color .15s;display:inline-flex}._83ws9k0:hover:not(:disabled){background-color:color-mix(in srgb, var(--pdt-accent) 8%, transparent)}._83ws9k0:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}._83ws9k0:disabled{opacity:.5;cursor:not-allowed}._83ws9k1{color:var(--pdt-danger)}._83ws9k1:hover:not(:disabled){background-color:color-mix(in srgb, var(--pdt-danger) 10%, transparent);border-color:color-mix(in srgb, var(--pdt-danger) 34%, transparent)}._83ws9k2{min-width:0;color:var(--pdt-text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}._83ws9k3{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}._83ws9k4{border:1px solid var(--pdt-border);background-color:var(--pdt-bg);min-width:0;min-height:28px;color:var(--pdt-text);border-radius:4px;flex:auto;padding:4px 8px;font-size:12px}._83ws9k4:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}@media screen and (width<=520px){._83ws9k2{flex:100%}}.fmw3vj0{flex-direction:column;align-items:flex-start;gap:12px;max-width:420px;padding:24px;display:flex}.fmw3vj1{margin:0;font-size:18px;font-weight:600}.fmw3vj2{color:var(--pdt-text-muted);margin:0;font-size:13px;line-height:1.5}.fmw3vj3{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@keyframes kewyeuj{0%{box-shadow:var(--pdt-diff-flash-start)}to{box-shadow:var(--pdt-diff-flash-end)}}.kewyeu0{white-space:nowrap;background-color:var(--pdt-surface-muted);min-height:20px;color:var(--pdt-text-muted);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:2px 8px;font-size:11px;line-height:1.2;display:inline-flex}.kewyeu1{background-color:var(--pdt-surface-muted);border-color:var(--pdt-border);color:var(--pdt-text-muted)}.kewyeu2{background-color:color-mix(in srgb, var(--pdt-info) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-info) 24%, transparent);color:var(--pdt-info)}.kewyeu3{background-color:color-mix(in srgb, var(--pdt-success) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-success) 24%, transparent);color:var(--pdt-success)}.kewyeu4{background-color:color-mix(in srgb, var(--pdt-warning) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-warning) 24%, transparent);color:var(--pdt-warning)}.kewyeu5{background-color:color-mix(in srgb, var(--pdt-danger) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-danger) 24%, transparent);color:var(--pdt-danger)}.kewyeu6{border:1px solid var(--pdt-border);white-space:nowrap;min-height:20px;color:var(--pdt-text);background-color:#0000;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;line-height:1.2;display:inline-flex}.kewyeu7{background-color:var(--pdt-surface-muted);border-color:var(--pdt-border)}.kewyeu8{background-color:color-mix(in srgb, var(--pdt-accent) 10%, transparent);border-color:color-mix(in srgb, var(--pdt-accent) 24%, transparent)}.kewyeu9{background-color:color-mix(in srgb, var(--pdt-info) 10%, transparent);border-color:color-mix(in srgb, var(--pdt-info) 24%, transparent)}.kewyeua{background-color:var(--pdt-event-snapshot-bg);border-color:var(--pdt-event-snapshot-border)}.kewyeub{background-color:color-mix(in srgb, var(--pdt-success) 10%, transparent);border-color:color-mix(in srgb, var(--pdt-success) 24%, transparent)}.kewyeuc{background-color:var(--pdt-event-history-bg);border-color:var(--pdt-event-history-border)}.kewyeud{background-color:var(--pdt-event-popstate-bg);border-color:var(--pdt-event-popstate-border)}.kewyeue{background-color:var(--pdt-event-prepare-bg);border-color:var(--pdt-event-prepare-border)}.kewyeuf{min-height:20px;color:var(--pdt-text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.kewyeug{background-color:var(--pdt-border);border-radius:50%;width:10px;height:10px}.kewyeuh{background-color:var(--pdt-success);box-shadow:0 0 0 2px color-mix(in srgb, var(--pdt-success) 30%, transparent)}.kewyeui{background-color:var(--pdt-border);box-shadow:inset 0 0 0 1px var(--pdt-text-muted)}.kewyeuk{flex-wrap:wrap;gap:6px;margin-top:6px;font-size:11px;display:flex}.kewyeul{flex-wrap:wrap;gap:6px;margin-top:0;font-size:11px;display:flex}.kewyeum{border:1px solid #0000;border-radius:999px;padding:2px 8px;font-weight:600}.kewyeun{background-color:var(--pdt-diff-added-bg);border-color:var(--pdt-diff-added-border);color:var(--pdt-diff-added-text)}.kewyeuo{background-color:var(--pdt-diff-changed-bg);border-color:var(--pdt-diff-changed-border);color:var(--pdt-diff-changed-text)}.kewyeup{background-color:var(--pdt-diff-removed-bg);border-color:var(--pdt-diff-removed-border);color:var(--pdt-diff-removed-text)}.kewyeuq{animation:.8s ease-in-out kewyeuj}._1m64tse0{flex:1;align-items:stretch;min-width:0;min-height:0;display:flex}._1m64tse1{background-color:var(--pdt-surface);flex-direction:column;flex:auto;min-width:0;display:flex;overflow:hidden}._1m64tse2{border-right:1px solid var(--pdt-border)}._1m64tse3{cursor:col-resize;background-color:#0000;flex:0 0 8px;position:relative}._1m64tse3:focus-visible{outline:none}._1m64tse4{background-color:var(--pdt-border);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}._1m64tse3:hover ._1m64tse4,._1m64tse3:focus-visible ._1m64tse4{background-color:var(--pdt-accent)}._1m64tse5{background-color:var(--pdt-surface);flex-direction:column;flex:none;min-width:280px;max-width:90%;display:flex;overflow:hidden}@media screen and (width<=640px){._1m64tse0{flex-direction:column;overflow:auto}._1m64tse2{border-right:0;border-bottom:1px solid var(--pdt-border)}._1m64tse3{display:none}._1m64tse5{flex:none;min-width:0;max-width:100%;min-height:12rem;width:100%!important}}.vzai5r0{border-bottom:1px solid var(--pdt-border);background-color:var(--pdt-surface);align-items:center;gap:8px;padding:12px 16px;display:flex}.vzai5r1{appearance:none;border:1px solid var(--pdt-border);background-color:var(--pdt-bg);color:var(--pdt-text);cursor:pointer;border-radius:999px;padding:6px 16px;font-size:12px;transition:background-color .15s,border-color .15s}.vzai5r1:hover:not(:disabled){background-color:var(--pdt-border)}.vzai5r1:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}.vzai5r1:disabled{opacity:.6;cursor:default}.vzai5r2{background-color:var(--pdt-accent);border-color:var(--pdt-accent);color:var(--pdt-on-accent)}.ca0gms0{border:1px solid var(--pdt-border);background-color:var(--pdt-surface);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.ca0gms1{justify-content:space-between;align-items:center;gap:12px;display:flex}.ca0gms2{margin:0;font-size:14px;font-weight:600}.ca0gms3{flex-direction:column;gap:8px;display:flex}.ca0gms4{justify-content:space-between;align-items:center;gap:12px;display:flex}.ca0gms5{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px;font-weight:600}.ca0gms6{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ca0gms7{border:1px solid var(--pdt-border);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.ca0gms8:focus{box-shadow:var(--pdt-shadow-focus);outline:none}.ca0gms9{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ca0gmsa{color:var(--pdt-text-muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}._11l3mw40{--pdt-bg:#f3f4f6;--pdt-surface:#fff;--pdt-surface-muted:#f8fafc;--pdt-border:#d1d5db;--pdt-border-strong:#9ca3af;--pdt-text:#111827;--pdt-text-muted:#4b5563;--pdt-accent:#2563eb;--pdt-on-accent:#fff;--pdt-info:#0369a1;--pdt-success:#166534;--pdt-warning:#9a3412;--pdt-danger:#b91c1c;--pdt-code-bg:#0f172a0f;--pdt-shadow-focus:0 0 0 2px #2563eb59;--pdt-event-snapshot-bg:#6366f11f;--pdt-event-snapshot-border:#6366f147;--pdt-event-history-bg:#9333ea1f;--pdt-event-history-border:#9333ea47;--pdt-event-popstate-bg:#3b82f61f;--pdt-event-popstate-border:#3b82f647;--pdt-event-prepare-bg:#d977061f;--pdt-event-prepare-border:#d9770647;--pdt-diff-added-bg:#22863a1f;--pdt-diff-added-border:#22863a59;--pdt-diff-added-text:#166534;--pdt-diff-changed-bg:#735c0f1f;--pdt-diff-changed-border:#735c0f59;--pdt-diff-changed-text:#735c0f;--pdt-diff-removed-bg:#cb24311f;--pdt-diff-removed-border:#cb243159;--pdt-diff-removed-text:#b3212c;--pdt-diff-flash-start:0 0 0 0 #2563eb66;--pdt-diff-flash-end:0 0 0 12px #2563eb00;background-color:var(--pdt-bg);color:var(--pdt-text);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){._11l3mw40{--lightningcss-light: ;--lightningcss-dark:initial}}._11l3mw40,._11l3mw40 *{box-sizing:border-box}._11l3mw40 a{color:var(--pdt-accent)}._11l3mw40 button,._11l3mw40 input,._11l3mw40 select,._11l3mw40 textarea{font:inherit}._11l3mw40 pre,._11l3mw40 code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}@media (prefers-color-scheme:dark){._11l3mw40{--pdt-bg:#1f1f1f;--pdt-surface:#242424;--pdt-surface-muted:#2d2d2d;--pdt-border:#3f3f46;--pdt-border-strong:#52525b;--pdt-text:#f5f5f5;--pdt-text-muted:#a1a1aa;--pdt-accent:#60a5fa;--pdt-on-accent:#08111f;--pdt-info:#38bdf8;--pdt-success:#4ade80;--pdt-warning:#fb923c;--pdt-danger:#f87171;--pdt-code-bg:#94a3b81f;--pdt-shadow-focus:0 0 0 2px #60a5fa59;--pdt-event-snapshot-bg:#818cf82e;--pdt-event-snapshot-border:#818cf857;--pdt-event-history-bg:#c084fc29;--pdt-event-history-border:#c084fc52;--pdt-event-popstate-bg:#60a5fa29;--pdt-event-popstate-border:#60a5fa52;--pdt-event-prepare-bg:#fb923c29;--pdt-event-prepare-border:#fb923c52;--pdt-diff-added-bg:#4ade8029;--pdt-diff-added-border:#4ade8059;--pdt-diff-added-text:#86efac;--pdt-diff-changed-bg:#fbbf2429;--pdt-diff-changed-border:#fbbf2459;--pdt-diff-changed-text:#fde68a;--pdt-diff-removed-bg:#f8717129;--pdt-diff-removed-border:#f8717159;--pdt-diff-removed-text:#fca5a5;--pdt-diff-flash-start:0 0 0 0 #60a5fa73;--pdt-diff-flash-end:0 0 0 12px #60a5fa00}}._1q96x230{border-bottom:1px solid var(--pdt-border);background-color:var(--pdt-surface);flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:6px 16px;display:flex;overflow:hidden}._1q96x231{flex:auto;min-width:0}._1q96x232{background-color:var(--pdt-border);width:1px;height:18px}._1q96x233{border:1px solid var(--pdt-border);background-color:var(--pdt-bg);min-width:0;max-width:100%;min-height:28px;color:var(--pdt-text);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;transition:background-color .15s,border-color .15s;display:inline-flex}._1q96x233:hover:not(:disabled){background-color:var(--pdt-border)}._1q96x233:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}._1q96x233:disabled{opacity:.5;cursor:not-allowed}._1q96x234{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._1q96x235{background-color:var(--pdt-warning);border-color:var(--pdt-warning);color:var(--pdt-on-accent)}@media screen and (width<=520px){._1q96x230{align-items:stretch;padding:6px 8px}._1q96x233{flex:auto;justify-content:center;padding:4px 8px}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devtoolsTheme.css.js","names":[],"sources":["../../../src/theme/devtoolsTheme.css.ts"],"sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nexport const root = style({\n vars: {\n '--pdt-bg': '#f3f4f6',\n '--pdt-surface': '#ffffff',\n '--pdt-surface-muted': '#f8fafc',\n '--pdt-border': '#d1d5db',\n '--pdt-border-strong': '#9ca3af',\n '--pdt-text': '#111827',\n '--pdt-text-muted': '#4b5563',\n '--pdt-accent': '#2563eb',\n '--pdt-info': '#0369a1',\n '--pdt-success': '#166534',\n '--pdt-warning': '#9a3412',\n '--pdt-danger': '#b91c1c',\n '--pdt-code-bg': 'rgba(15, 23, 42, 0.06)',\n '--pdt-shadow-focus': '0 0 0 2px rgba(37, 99, 235, 0.35)',\n },\n backgroundColor: 'var(--pdt-bg)',\n color: 'var(--pdt-text)',\n minHeight: '100vh',\n});\n\nglobalStyle(`${root}`, {\n colorScheme: 'light dark',\n fontFamily:\n '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif',\n});\n\nglobalStyle(`${root}, ${root} *`, {\n boxSizing: 'border-box',\n});\n\nglobalStyle(`${root} a`, {\n color: 'var(--pdt-accent)',\n});\n\nglobalStyle(`${root} button, ${root} input, ${root} select, ${root} textarea`, {\n font: 'inherit',\n});\n\nglobalStyle(`${root} pre, ${root} code`, {\n fontFamily:\n '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace',\n});\n\nglobalStyle(`${root}`, {\n '@media': {\n '(prefers-color-scheme: dark)': {\n vars: {\n '--pdt-bg': '#1f1f1f',\n '--pdt-surface': '#242424',\n '--pdt-surface-muted': '#2d2d2d',\n '--pdt-border': '#3f3f46',\n '--pdt-border-strong': '#52525b',\n '--pdt-text': '#f5f5f5',\n '--pdt-text-muted': '#a1a1aa',\n '--pdt-accent': '#60a5fa',\n '--pdt-info': '#38bdf8',\n '--pdt-success': '#4ade80',\n '--pdt-warning': '#fb923c',\n '--pdt-danger': '#f87171',\n '--pdt-code-bg': 'rgba(148, 163, 184, 0.12)',\n '--pdt-shadow-focus': '0 0 0 2px rgba(96, 165, 250, 0.35)',\n },\n },\n },\n});\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"devtoolsTheme.css.js","names":[],"sources":["../../../src/theme/devtoolsTheme.css.ts"],"sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nexport const root = style({\n vars: {\n '--pdt-bg': '#f3f4f6',\n '--pdt-surface': '#ffffff',\n '--pdt-surface-muted': '#f8fafc',\n '--pdt-border': '#d1d5db',\n '--pdt-border-strong': '#9ca3af',\n '--pdt-text': '#111827',\n '--pdt-text-muted': '#4b5563',\n '--pdt-accent': '#2563eb',\n '--pdt-on-accent': '#ffffff',\n '--pdt-info': '#0369a1',\n '--pdt-success': '#166534',\n '--pdt-warning': '#9a3412',\n '--pdt-danger': '#b91c1c',\n '--pdt-code-bg': 'rgba(15, 23, 42, 0.06)',\n '--pdt-shadow-focus': '0 0 0 2px rgba(37, 99, 235, 0.35)',\n '--pdt-event-snapshot-bg': 'rgba(99, 102, 241, 0.12)',\n '--pdt-event-snapshot-border': 'rgba(99, 102, 241, 0.28)',\n '--pdt-event-history-bg': 'rgba(147, 51, 234, 0.12)',\n '--pdt-event-history-border': 'rgba(147, 51, 234, 0.28)',\n '--pdt-event-popstate-bg': 'rgba(59, 130, 246, 0.12)',\n '--pdt-event-popstate-border': 'rgba(59, 130, 246, 0.28)',\n '--pdt-event-prepare-bg': 'rgba(217, 119, 6, 0.12)',\n '--pdt-event-prepare-border': 'rgba(217, 119, 6, 0.28)',\n '--pdt-diff-added-bg': 'rgba(34, 134, 58, 0.12)',\n '--pdt-diff-added-border': 'rgba(34, 134, 58, 0.35)',\n '--pdt-diff-added-text': '#166534',\n '--pdt-diff-changed-bg': 'rgba(115, 92, 15, 0.12)',\n '--pdt-diff-changed-border': 'rgba(115, 92, 15, 0.35)',\n '--pdt-diff-changed-text': '#735c0f',\n '--pdt-diff-removed-bg': 'rgba(203, 36, 49, 0.12)',\n '--pdt-diff-removed-border': 'rgba(203, 36, 49, 0.35)',\n '--pdt-diff-removed-text': '#b3212c',\n '--pdt-diff-flash-start': '0 0 0 0 rgba(37, 99, 235, 0.4)',\n '--pdt-diff-flash-end': '0 0 0 12px rgba(37, 99, 235, 0)',\n },\n backgroundColor: 'var(--pdt-bg)',\n color: 'var(--pdt-text)',\n minHeight: '100vh',\n});\n\nglobalStyle(`${root}`, {\n colorScheme: 'light dark',\n fontFamily:\n '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif',\n});\n\nglobalStyle(`${root}, ${root} *`, {\n boxSizing: 'border-box',\n});\n\nglobalStyle(`${root} a`, {\n color: 'var(--pdt-accent)',\n});\n\nglobalStyle(`${root} button, ${root} input, ${root} select, ${root} textarea`, {\n font: 'inherit',\n});\n\nglobalStyle(`${root} pre, ${root} code`, {\n fontFamily:\n '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace',\n});\n\nglobalStyle(`${root}`, {\n '@media': {\n '(prefers-color-scheme: dark)': {\n vars: {\n '--pdt-bg': '#1f1f1f',\n '--pdt-surface': '#242424',\n '--pdt-surface-muted': '#2d2d2d',\n '--pdt-border': '#3f3f46',\n '--pdt-border-strong': '#52525b',\n '--pdt-text': '#f5f5f5',\n '--pdt-text-muted': '#a1a1aa',\n '--pdt-accent': '#60a5fa',\n '--pdt-on-accent': '#08111f',\n '--pdt-info': '#38bdf8',\n '--pdt-success': '#4ade80',\n '--pdt-warning': '#fb923c',\n '--pdt-danger': '#f87171',\n '--pdt-code-bg': 'rgba(148, 163, 184, 0.12)',\n '--pdt-shadow-focus': '0 0 0 2px rgba(96, 165, 250, 0.35)',\n '--pdt-event-snapshot-bg': 'rgba(129, 140, 248, 0.18)',\n '--pdt-event-snapshot-border': 'rgba(129, 140, 248, 0.34)',\n '--pdt-event-history-bg': 'rgba(192, 132, 252, 0.16)',\n '--pdt-event-history-border': 'rgba(192, 132, 252, 0.32)',\n '--pdt-event-popstate-bg': 'rgba(96, 165, 250, 0.16)',\n '--pdt-event-popstate-border': 'rgba(96, 165, 250, 0.32)',\n '--pdt-event-prepare-bg': 'rgba(251, 146, 60, 0.16)',\n '--pdt-event-prepare-border': 'rgba(251, 146, 60, 0.32)',\n '--pdt-diff-added-bg': 'rgba(74, 222, 128, 0.16)',\n '--pdt-diff-added-border': 'rgba(74, 222, 128, 0.35)',\n '--pdt-diff-added-text': '#86efac',\n '--pdt-diff-changed-bg': 'rgba(251, 191, 36, 0.16)',\n '--pdt-diff-changed-border': 'rgba(251, 191, 36, 0.35)',\n '--pdt-diff-changed-text': '#fde68a',\n '--pdt-diff-removed-bg': 'rgba(248, 113, 113, 0.16)',\n '--pdt-diff-removed-border': 'rgba(248, 113, 113, 0.35)',\n '--pdt-diff-removed-text': '#fca5a5',\n '--pdt-diff-flash-start': '0 0 0 0 rgba(96, 165, 250, 0.45)',\n '--pdt-diff-flash-end': '0 0 0 12px rgba(96, 165, 250, 0)',\n },\n },\n },\n});\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devtoolsToolbar.css.js","names":[],"sources":["../../../src/toolbar/devtoolsToolbar.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const toolbar = style({\n display: 'flex',\n alignItems: 'center',\n flexWrap: 'wrap',\n gap: '8px',\n padding: '6px 16px',\n borderBottom: '1px solid var(--pdt-border)',\n backgroundColor: 'var(--pdt-surface)',\n minWidth: 0,\n overflow: 'hidden',\n '@media': {\n 'screen and (max-width: 520px)': {\n alignItems: 'stretch',\n padding: '6px 8px',\n },\n },\n});\n\nexport const grow = style({\n flex: '1 1 auto',\n minWidth: 0,\n});\n\nexport const separator = style({\n width: '1px',\n height: '18px',\n backgroundColor: 'var(--pdt-border)',\n});\n\nexport const button = style({\n display: 'inline-flex',\n alignItems: 'center',\n gap: '6px',\n maxWidth: '100%',\n minHeight: '28px',\n minWidth: 0,\n padding: '4px 12px',\n border: '1px solid var(--pdt-border)',\n borderRadius: '4px',\n backgroundColor: 'var(--pdt-bg)',\n color: 'var(--pdt-text)',\n fontSize: '12px',\n cursor: 'pointer',\n transition: 'background-color 150ms ease, border-color 150ms ease',\n selectors: {\n '&:hover:not(:disabled)': {\n backgroundColor: 'var(--pdt-border)',\n },\n '&:focus-visible': {\n outline: 'none',\n boxShadow: 'var(--pdt-shadow-focus)',\n },\n '&:disabled': {\n opacity: 0.5,\n cursor: 'not-allowed',\n },\n },\n '@media': {\n 'screen and (max-width: 520px)': {\n flex: '1 1 auto',\n justifyContent: 'center',\n padding: '4px 8px',\n },\n },\n});\n\nexport const buttonLabel = style({\n minWidth: 0,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n});\n\nexport const buttonActive = style({\n backgroundColor: 'var(--pdt-warning)',\n borderColor: 'var(--pdt-warning)',\n color: '
|
|
1
|
+
{"version":3,"file":"devtoolsToolbar.css.js","names":[],"sources":["../../../src/toolbar/devtoolsToolbar.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const toolbar = style({\n display: 'flex',\n alignItems: 'center',\n flexWrap: 'wrap',\n gap: '8px',\n padding: '6px 16px',\n borderBottom: '1px solid var(--pdt-border)',\n backgroundColor: 'var(--pdt-surface)',\n minWidth: 0,\n overflow: 'hidden',\n '@media': {\n 'screen and (max-width: 520px)': {\n alignItems: 'stretch',\n padding: '6px 8px',\n },\n },\n});\n\nexport const grow = style({\n flex: '1 1 auto',\n minWidth: 0,\n});\n\nexport const separator = style({\n width: '1px',\n height: '18px',\n backgroundColor: 'var(--pdt-border)',\n});\n\nexport const button = style({\n display: 'inline-flex',\n alignItems: 'center',\n gap: '6px',\n maxWidth: '100%',\n minHeight: '28px',\n minWidth: 0,\n padding: '4px 12px',\n border: '1px solid var(--pdt-border)',\n borderRadius: '4px',\n backgroundColor: 'var(--pdt-bg)',\n color: 'var(--pdt-text)',\n fontSize: '12px',\n cursor: 'pointer',\n transition: 'background-color 150ms ease, border-color 150ms ease',\n selectors: {\n '&:hover:not(:disabled)': {\n backgroundColor: 'var(--pdt-border)',\n },\n '&:focus-visible': {\n outline: 'none',\n boxShadow: 'var(--pdt-shadow-focus)',\n },\n '&:disabled': {\n opacity: 0.5,\n cursor: 'not-allowed',\n },\n },\n '@media': {\n 'screen and (max-width: 520px)': {\n flex: '1 1 auto',\n justifyContent: 'center',\n padding: '4px 8px',\n },\n },\n});\n\nexport const buttonLabel = style({\n minWidth: 0,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n});\n\nexport const buttonActive = style({\n backgroundColor: 'var(--pdt-warning)',\n borderColor: 'var(--pdt-warning)',\n color: 'var(--pdt-on-accent)',\n});\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devtoolsTheme.css.d.ts","sourceRoot":"","sources":["../../../src/theme/devtoolsTheme.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"devtoolsTheme.css.d.ts","sourceRoot":"","sources":["../../../src/theme/devtoolsTheme.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAwCf,CAAC"}
|