@plumile/ui-devtools 0.2.11 → 0.2.12
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,7 +1,7 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/devtoolsComponents.stories.css.ts
|
|
3
|
-
var e = "ifni760", t = "ifni761", n = "ifni762";
|
|
3
|
+
var e = "ifni760", t = "ifni761", n = "ifni762", r = "ifni763";
|
|
4
4
|
//#endregion
|
|
5
|
-
export { n as storyBodyText, e as storyPage, t as storyTitle };
|
|
5
|
+
export { n as storyBodyText, e as storyPage, r as storySplitPanel, t as storyTitle };
|
|
6
6
|
|
|
7
7
|
//# sourceMappingURL=devtoolsComponents.stories.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devtoolsComponents.stories.css.js","names":[],"sources":["../../src/devtoolsComponents.stories.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const storyPage = style({\n display: 'flex',\n minHeight: '100vh',\n flexDirection: 'column',\n gap: '16px',\n padding: '16px',\n});\n\nexport const storyTitle = style({\n margin: 0,\n color: 'var(--pdt-text)',\n fontSize: '18px',\n fontWeight: 600,\n lineHeight: 1.3,\n});\n\nexport const storyBodyText = style({\n color: 'var(--pdt-text)',\n});\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"devtoolsComponents.stories.css.js","names":[],"sources":["../../src/devtoolsComponents.stories.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const storyPage = style({\n display: 'flex',\n minHeight: '100vh',\n flexDirection: 'column',\n gap: '16px',\n padding: '16px',\n});\n\nexport const storyTitle = style({\n margin: 0,\n color: 'var(--pdt-text)',\n fontSize: '18px',\n fontWeight: 600,\n lineHeight: 1.3,\n});\n\nexport const storyBodyText = style({\n color: 'var(--pdt-text)',\n});\n\nexport const storySplitPanel = style({\n display: 'flex',\n flexDirection: 'column',\n height: 520,\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:4px;margin:0;padding:8px;font-size:12px;line-height:16px;overflow-x:auto}._83ws9k0{border:1px solid var(--pdt-border);min-height:26px;color:var(--pdt-text);cursor:pointer;background-color:#0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:3px 8px;font-size:12px;line-height:1.2;transition:background-color .1s,border-color .1s;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:26px;color:var(--pdt-text);border-radius:4px;flex:auto;padding:3px 6px;font-size:12px}._83ws9k4:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}@media screen and (width<=520px){._83ws9k2{flex:100%}}@media (forced-colors:active){._83ws9k0:focus-visible,._83ws9k4:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.ifni760{flex-direction:column;gap:16px;min-height:100vh;padding:16px;display:flex}.ifni761{color:var(--pdt-text);margin:0;font-size:18px;font-weight:600;line-height:1.3}.ifni762{color:var(--pdt-text)}.fmw3vj0{flex-direction:column;align-items:flex-start;gap:8px;max-width:420px;padding:16px;display:flex}.fmw3vj1{color:var(--pdt-text);margin:0;font-size:13px;font-weight:600}.fmw3vj2{color:var(--pdt-text-muted);margin:0;font-size:12px;line-height:16px}.fmw3vj3{flex-wrap:wrap;align-items:center;gap:8px;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:18px;color:var(--pdt-text-muted);border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:1px 6px;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:18px;color:var(--pdt-text);background-color:#0000;border-radius:4px;align-items:center;padding:1px 6px;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:18px;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:4px;margin-top:4px;font-size:11px;display:flex}.kewyeul{flex-wrap:wrap;gap:4px;margin-top:0;font-size:11px;display:flex}.kewyeum{border:1px solid #0000;border-radius:4px;padding:1px 6px;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}@media (prefers-reduced-motion:reduce){.kewyeuq{animation:none}}._11l3mw40{--pdt-bg:#fff;--pdt-surface:#fff;--pdt-surface-muted:#f1f3f4;--pdt-border:#d3e3fd;--pdt-border-strong:#a8c7fa;--pdt-text:#1f1f1f;--pdt-text-muted:#474747;--pdt-accent:#0b57d0;--pdt-on-accent:#fff;--pdt-info:#00639b;--pdt-success:#137333;--pdt-warning:#b06000;--pdt-danger:#b3261e;--pdt-code-bg:#1f1f1f0f;--pdt-shadow-focus:0 0 0 2px #0b57d059;--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 #0b57d066;--pdt-diff-flash-end:0 0 0 12px #0b57d000;background-color:var(--pdt-bg);color:var(--pdt-text);min-height:100%;font-size:12px;line-height:16px}._11l3mw40[data-color-scheme=light]{--pdt-bg:#fff;--pdt-surface:#fff;--pdt-surface-muted:#f1f3f4;--pdt-border:#d3e3fd;--pdt-border-strong:#a8c7fa;--pdt-text:#1f1f1f;--pdt-text-muted:#474747;--pdt-accent:#0b57d0;--pdt-on-accent:#fff;--pdt-info:#00639b;--pdt-success:#137333;--pdt-warning:#b06000;--pdt-danger:#b3261e;--pdt-code-bg:#1f1f1f0f;--pdt-shadow-focus:0 0 0 2px #0b57d059;--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 #0b57d066;--pdt-diff-flash-end:0 0 0 12px #0b57d000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}._11l3mw40[data-color-scheme=dark]{--pdt-bg:#1f1f1f;--pdt-surface:#1f1f1f;--pdt-surface-muted:#292a2d;--pdt-border:#3c4043;--pdt-border-strong:#5f6368;--pdt-text:#e3e3e3;--pdt-text-muted:#c4c7c5;--pdt-accent:#a8c7fa;--pdt-on-accent:#062e6f;--pdt-info:#78d9ec;--pdt-success:#81c995;--pdt-warning:#ffb95c;--pdt-danger:#f2b8b5;--pdt-code-bg:#e3e3e314;--pdt-shadow-focus:0 0 0 2px #a8c7fa66;--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 #a8c7fa73;--pdt-diff-flash-end:0 0 0 12px #a8c7fa00;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}._11l3mw40:not([data-color-scheme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){._11l3mw40:not([data-color-scheme]){--lightningcss-light: ;--lightningcss-dark:initial}}._11l3mw40{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}._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:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}@media (prefers-color-scheme:dark){._11l3mw40{--pdt-bg:#1f1f1f;--pdt-surface:#1f1f1f;--pdt-surface-muted:#292a2d;--pdt-border:#3c4043;--pdt-border-strong:#5f6368;--pdt-text:#e3e3e3;--pdt-text-muted:#c4c7c5;--pdt-accent:#a8c7fa;--pdt-on-accent:#062e6f;--pdt-info:#78d9ec;--pdt-success:#81c995;--pdt-warning:#ffb95c;--pdt-danger:#f2b8b5;--pdt-code-bg:#e3e3e314;--pdt-shadow-focus:0 0 0 2px #a8c7fa66;--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 #a8c7fa73;--pdt-diff-flash-end:0 0 0 12px #a8c7fa00}._11l3mw40[data-color-scheme=light]{--pdt-bg:#fff;--pdt-surface:#fff;--pdt-surface-muted:#f1f3f4;--pdt-border:#d3e3fd;--pdt-border-strong:#a8c7fa;--pdt-text:#1f1f1f;--pdt-text-muted:#474747;--pdt-accent:#0b57d0;--pdt-on-accent:#fff;--pdt-info:#00639b;--pdt-success:#137333;--pdt-warning:#b06000;--pdt-danger:#b3261e;--pdt-code-bg:#1f1f1f0f;--pdt-shadow-focus:0 0 0 2px #0b57d059;--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 #0b57d066;--pdt-diff-flash-end:0 0 0 12px #0b57d000}}@media (prefers-color-scheme:light){._11l3mw40[data-color-scheme=dark]{--pdt-bg:#1f1f1f;--pdt-surface:#1f1f1f;--pdt-surface-muted:#292a2d;--pdt-border:#3c4043;--pdt-border-strong:#5f6368;--pdt-text:#e3e3e3;--pdt-text-muted:#c4c7c5;--pdt-accent:#a8c7fa;--pdt-on-accent:#062e6f;--pdt-info:#78d9ec;--pdt-success:#81c995;--pdt-warning:#ffb95c;--pdt-danger:#f2b8b5;--pdt-code-bg:#e3e3e314;--pdt-shadow-focus:0 0 0 2px #a8c7fa66;--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 #a8c7fa73;--pdt-diff-flash-end:0 0 0 12px #a8c7fa00}}@media (prefers-reduced-motion:reduce){._11l3mw40 *{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ca0gms0{border:1px solid var(--pdt-border);background-color:var(--pdt-surface);border-radius:4px;flex-direction:column;gap:8px;padding:12px;display:flex}.ca0gms1{justify-content:space-between;align-items:center;gap:8px;display:flex}.ca0gms2{color:var(--pdt-text);margin:0;font-size:12px;font-weight:600}.ca0gms3{flex-direction:column;gap:6px;display:flex}.ca0gms4{justify-content:space-between;align-items:center;gap:8px;display:flex}.ca0gms5{color:var(--pdt-text);margin:0;font-size:12px;font-weight:600}.ca0gms6{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ca0gms7{border:1px solid var(--pdt-border);color:var(--pdt-text);border-radius:4px;flex-direction:column;gap:4px;padding:8px;display:flex}.ca0gms7>p{color:var(--pdt-text)}.ca0gms8:focus{box-shadow:var(--pdt-shadow-focus);outline:none}.ca0gms9{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ca0gmsa{color:var(--pdt-text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}@media (forced-colors:active){.ca0gms8:focus{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.vzai5r0{border-bottom:1px solid var(--pdt-border);background-color:var(--pdt-surface);align-items:center;gap:0;height:28px;padding:0 4px;display:flex}.vzai5r1{appearance:none;color:var(--pdt-text-muted);cursor:pointer;background-color:#0000;border:0;border-radius:0;align-self:stretch;padding:0 10px;font-size:12px;line-height:16px;transition:background-color .1s,color .1s;position:relative}.vzai5r1:hover:not(:disabled){background-color:color-mix(in srgb, var(--pdt-text) 8%, transparent)}.vzai5r1:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}.vzai5r1:disabled{opacity:.6;cursor:default}.vzai5r2{color:var(--pdt-accent);font-weight:600}.vzai5r2:after{content:"";inset-inline:6px;background-color:var(--pdt-accent);height:2px;position:absolute;bottom:0}@media (forced-colors:active){.vzai5r1:focus-visible{outline-offset:-2px;box-shadow:none;outline:2px solid highlight}.vzai5r2:after{background-color:highlight}}._1q96x230{border-bottom:1px solid var(--pdt-border);background-color:var(--pdt-surface);flex-wrap:nowrap;align-items:center;gap:2px;min-width:0;height:27px;padding:0 4px;display:flex;overflow:hidden}._1q96x231{flex:auto;min-width:0}._1q96x232{background-color:var(--pdt-border);flex:0 0 1px;width:1px;height:17px;margin:0 2px}._1q96x233{min-width:26px;max-width:100%;height:26px;color:var(--pdt-text);cursor:pointer;background-color:#0000;border:0;border-radius:2px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:12px;line-height:16px;transition:background-color .1s;display:inline-flex}._1q96x233:hover:not(:disabled){background-color:color-mix(in srgb, var(--pdt-text) 10%, transparent)}._1q96x233:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}._1q96x233[data-active=true]{background-color:color-mix(in srgb, var(--pdt-accent) 18%, transparent);color:var(--pdt-accent)}._1q96x233[data-presentation=icon]{width:26px;padding:0}._1q96x233:disabled{opacity:.5;cursor:not-allowed}._1q96x233>svg{fill:currentColor;flex:none;width:16px;height:16px}._1q96x234{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._1q96x233[data-presentation=icon] ._1q96x234{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){._1q96x233:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}._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-inline-end: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<=688px){._1m64tse0{flex-direction:column;overflow:auto}._1m64tse2{border-inline-end: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}._1m64tse0[data-narrow-mode=detail] ._1m64tse1{display:none}._1m64tse0[data-narrow-mode=detail] ._1m64tse5{flex:auto;min-height:0}}@media (forced-colors:active){._1m64tse3:focus-visible{outline-offset:-2px;box-shadow:none;outline:2px solid highlight}}
|
|
1
|
+
._1sbiiq0{background-color:var(--pdt-code-bg);white-space:pre-wrap;word-break:break-word;border-radius:4px;margin:0;padding:8px;font-size:12px;line-height:16px;overflow-x:auto}._83ws9k0{border:1px solid var(--pdt-border);min-height:26px;color:var(--pdt-text);cursor:pointer;background-color:#0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:3px 8px;font-size:12px;line-height:1.2;transition:background-color .1s,border-color .1s;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:26px;color:var(--pdt-text);border-radius:4px;flex:auto;padding:3px 6px;font-size:12px}._83ws9k4:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}@media screen and (width<=520px){._83ws9k2{flex:100%}}@media (forced-colors:active){._83ws9k0:focus-visible,._83ws9k4:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.ifni760{flex-direction:column;gap:16px;min-height:100vh;padding:16px;display:flex}.ifni761{color:var(--pdt-text);margin:0;font-size:18px;font-weight:600;line-height:1.3}.ifni762{color:var(--pdt-text)}.ifni763{flex-direction:column;height:520px;display:flex}.fmw3vj0{flex-direction:column;align-items:flex-start;gap:8px;max-width:420px;padding:16px;display:flex}.fmw3vj1{color:var(--pdt-text);margin:0;font-size:13px;font-weight:600}.fmw3vj2{color:var(--pdt-text-muted);margin:0;font-size:12px;line-height:16px}.fmw3vj3{flex-wrap:wrap;align-items:center;gap:8px;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:18px;color:var(--pdt-text-muted);border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:1px 6px;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:18px;color:var(--pdt-text);background-color:#0000;border-radius:4px;align-items:center;padding:1px 6px;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:18px;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:4px;margin-top:4px;font-size:11px;display:flex}.kewyeul{flex-wrap:wrap;gap:4px;margin-top:0;font-size:11px;display:flex}.kewyeum{border:1px solid #0000;border-radius:4px;padding:1px 6px;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}@media (prefers-reduced-motion:reduce){.kewyeuq{animation:none}}._11l3mw40{--pdt-bg:#fff;--pdt-surface:#fff;--pdt-surface-muted:#f1f3f4;--pdt-border:#d3e3fd;--pdt-border-strong:#a8c7fa;--pdt-text:#1f1f1f;--pdt-text-muted:#474747;--pdt-accent:#0b57d0;--pdt-on-accent:#fff;--pdt-info:#00639b;--pdt-success:#137333;--pdt-warning:#965100;--pdt-danger:#b3261e;--pdt-code-bg:#1f1f1f0f;--pdt-shadow-focus:0 0 0 2px #0b57d059;--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 #0b57d066;--pdt-diff-flash-end:0 0 0 12px #0b57d000;background-color:var(--pdt-bg);color:var(--pdt-text);min-height:100%;font-size:12px;line-height:16px}._11l3mw40[data-color-scheme=light]{--pdt-bg:#fff;--pdt-surface:#fff;--pdt-surface-muted:#f1f3f4;--pdt-border:#d3e3fd;--pdt-border-strong:#a8c7fa;--pdt-text:#1f1f1f;--pdt-text-muted:#474747;--pdt-accent:#0b57d0;--pdt-on-accent:#fff;--pdt-info:#00639b;--pdt-success:#137333;--pdt-warning:#965100;--pdt-danger:#b3261e;--pdt-code-bg:#1f1f1f0f;--pdt-shadow-focus:0 0 0 2px #0b57d059;--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 #0b57d066;--pdt-diff-flash-end:0 0 0 12px #0b57d000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}._11l3mw40[data-color-scheme=dark]{--pdt-bg:#1f1f1f;--pdt-surface:#1f1f1f;--pdt-surface-muted:#292a2d;--pdt-border:#3c4043;--pdt-border-strong:#5f6368;--pdt-text:#e3e3e3;--pdt-text-muted:#c4c7c5;--pdt-accent:#a8c7fa;--pdt-on-accent:#062e6f;--pdt-info:#78d9ec;--pdt-success:#81c995;--pdt-warning:#ffb95c;--pdt-danger:#f2b8b5;--pdt-code-bg:#e3e3e314;--pdt-shadow-focus:0 0 0 2px #a8c7fa66;--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 #a8c7fa73;--pdt-diff-flash-end:0 0 0 12px #a8c7fa00;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}._11l3mw40:not([data-color-scheme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){._11l3mw40:not([data-color-scheme]){--lightningcss-light: ;--lightningcss-dark:initial}}._11l3mw40{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}._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:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}@media (prefers-color-scheme:dark){._11l3mw40{--pdt-bg:#1f1f1f;--pdt-surface:#1f1f1f;--pdt-surface-muted:#292a2d;--pdt-border:#3c4043;--pdt-border-strong:#5f6368;--pdt-text:#e3e3e3;--pdt-text-muted:#c4c7c5;--pdt-accent:#a8c7fa;--pdt-on-accent:#062e6f;--pdt-info:#78d9ec;--pdt-success:#81c995;--pdt-warning:#ffb95c;--pdt-danger:#f2b8b5;--pdt-code-bg:#e3e3e314;--pdt-shadow-focus:0 0 0 2px #a8c7fa66;--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 #a8c7fa73;--pdt-diff-flash-end:0 0 0 12px #a8c7fa00}._11l3mw40[data-color-scheme=light]{--pdt-bg:#fff;--pdt-surface:#fff;--pdt-surface-muted:#f1f3f4;--pdt-border:#d3e3fd;--pdt-border-strong:#a8c7fa;--pdt-text:#1f1f1f;--pdt-text-muted:#474747;--pdt-accent:#0b57d0;--pdt-on-accent:#fff;--pdt-info:#00639b;--pdt-success:#137333;--pdt-warning:#965100;--pdt-danger:#b3261e;--pdt-code-bg:#1f1f1f0f;--pdt-shadow-focus:0 0 0 2px #0b57d059;--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 #0b57d066;--pdt-diff-flash-end:0 0 0 12px #0b57d000}}@media (prefers-color-scheme:light){._11l3mw40[data-color-scheme=dark]{--pdt-bg:#1f1f1f;--pdt-surface:#1f1f1f;--pdt-surface-muted:#292a2d;--pdt-border:#3c4043;--pdt-border-strong:#5f6368;--pdt-text:#e3e3e3;--pdt-text-muted:#c4c7c5;--pdt-accent:#a8c7fa;--pdt-on-accent:#062e6f;--pdt-info:#78d9ec;--pdt-success:#81c995;--pdt-warning:#ffb95c;--pdt-danger:#f2b8b5;--pdt-code-bg:#e3e3e314;--pdt-shadow-focus:0 0 0 2px #a8c7fa66;--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 #a8c7fa73;--pdt-diff-flash-end:0 0 0 12px #a8c7fa00}}@media (prefers-reduced-motion:reduce){._11l3mw40 *{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ca0gms0{border:1px solid var(--pdt-border);background-color:var(--pdt-surface);border-radius:4px;flex-direction:column;gap:8px;padding:12px;display:flex}.ca0gms1{justify-content:space-between;align-items:center;gap:8px;display:flex}.ca0gms2{color:var(--pdt-text);margin:0;font-size:12px;font-weight:600}.ca0gms3{flex-direction:column;gap:6px;display:flex}.ca0gms4{justify-content:space-between;align-items:center;gap:8px;display:flex}.ca0gms5{color:var(--pdt-text);margin:0;font-size:12px;font-weight:600}.ca0gms6{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ca0gms7{border:1px solid var(--pdt-border);color:var(--pdt-text);border-radius:4px;flex-direction:column;gap:4px;padding:8px;display:flex}.ca0gms7>p{color:var(--pdt-text)}.ca0gms8:focus{box-shadow:var(--pdt-shadow-focus);outline:none}.ca0gms9{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ca0gmsa{color:var(--pdt-text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}@media (forced-colors:active){.ca0gms8:focus{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.vzai5r0{border-bottom:1px solid var(--pdt-border);background-color:var(--pdt-surface);align-items:center;gap:0;height:28px;padding:0 4px;display:flex}.vzai5r1{appearance:none;color:var(--pdt-text-muted);cursor:pointer;background-color:#0000;border:0;border-radius:0;align-self:stretch;padding:0 10px;font-size:12px;line-height:16px;transition:background-color .1s,color .1s;position:relative}.vzai5r1:hover:not(:disabled){background-color:color-mix(in srgb, var(--pdt-text) 8%, transparent)}.vzai5r1:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}.vzai5r1:disabled{opacity:.6;cursor:default}.vzai5r2{color:var(--pdt-accent);font-weight:600}.vzai5r2:after{content:"";inset-inline:6px;background-color:var(--pdt-accent);height:2px;position:absolute;bottom:0}@media (forced-colors:active){.vzai5r1:focus-visible{outline-offset:-2px;box-shadow:none;outline:2px solid highlight}.vzai5r2:after{background-color:highlight}}._1q96x230{border-bottom:1px solid var(--pdt-border);background-color:var(--pdt-surface);flex-wrap:nowrap;align-items:center;gap:2px;min-width:0;height:27px;padding:0 4px;display:flex;overflow:hidden}._1q96x231{flex:auto;min-width:0}._1q96x232{background-color:var(--pdt-border);flex:0 0 1px;width:1px;height:17px;margin:0 2px}._1q96x233{min-width:26px;max-width:100%;height:26px;color:var(--pdt-text);cursor:pointer;background-color:#0000;border:0;border-radius:2px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:12px;line-height:16px;transition:background-color .1s;display:inline-flex}._1q96x233:hover:not(:disabled){background-color:color-mix(in srgb, var(--pdt-text) 10%, transparent)}._1q96x233:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}._1q96x233[data-active=true]{background-color:color-mix(in srgb, var(--pdt-accent) 18%, transparent);color:var(--pdt-accent)}._1q96x233[data-presentation=icon]{width:26px;padding:0}._1q96x233:disabled{opacity:.5;cursor:not-allowed}._1q96x233>svg{fill:currentColor;flex:none;width:16px;height:16px}._1q96x234{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._1q96x233[data-presentation=icon] ._1q96x234{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){._1q96x233:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}._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-inline-end: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<=688px){._1m64tse0{flex-direction:column;overflow:auto}._1m64tse2{border-inline-end: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}._1m64tse0[data-narrow-mode=detail] ._1m64tse1{display:none}._1m64tse0[data-narrow-mode=detail] ._1m64tse5{flex:auto;min-height:0}}@media (forced-colors:active){._1m64tse3:focus-visible{outline-offset:-2px;box-shadow:none;outline:2px solid highlight}}
|
|
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\nconst lightTheme = {\n '--pdt-bg': '#ffffff',\n '--pdt-surface': '#ffffff',\n '--pdt-surface-muted': '#f1f3f4',\n '--pdt-border': '#d3e3fd',\n '--pdt-border-strong': '#a8c7fa',\n '--pdt-text': '#1f1f1f',\n '--pdt-text-muted': '#474747',\n '--pdt-accent': '#0b57d0',\n '--pdt-on-accent': '#ffffff',\n '--pdt-info': '#00639b',\n '--pdt-success': '#137333',\n '--pdt-warning': '#
|
|
1
|
+
{"version":3,"file":"devtoolsTheme.css.js","names":[],"sources":["../../../src/theme/devtoolsTheme.css.ts"],"sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nconst lightTheme = {\n '--pdt-bg': '#ffffff',\n '--pdt-surface': '#ffffff',\n '--pdt-surface-muted': '#f1f3f4',\n '--pdt-border': '#d3e3fd',\n '--pdt-border-strong': '#a8c7fa',\n '--pdt-text': '#1f1f1f',\n '--pdt-text-muted': '#474747',\n '--pdt-accent': '#0b57d0',\n '--pdt-on-accent': '#ffffff',\n '--pdt-info': '#00639b',\n '--pdt-success': '#137333',\n '--pdt-warning': '#965100',\n '--pdt-danger': '#b3261e',\n '--pdt-code-bg': 'rgba(31, 31, 31, 0.06)',\n '--pdt-shadow-focus': '0 0 0 2px rgba(11, 87, 208, 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(11, 87, 208, 0.4)',\n '--pdt-diff-flash-end': '0 0 0 12px rgba(11, 87, 208, 0)',\n};\n\nconst darkTheme = {\n '--pdt-bg': '#1f1f1f',\n '--pdt-surface': '#1f1f1f',\n '--pdt-surface-muted': '#292a2d',\n '--pdt-border': '#3c4043',\n '--pdt-border-strong': '#5f6368',\n '--pdt-text': '#e3e3e3',\n '--pdt-text-muted': '#c4c7c5',\n '--pdt-accent': '#a8c7fa',\n '--pdt-on-accent': '#062e6f',\n '--pdt-info': '#78d9ec',\n '--pdt-success': '#81c995',\n '--pdt-warning': '#ffb95c',\n '--pdt-danger': '#f2b8b5',\n '--pdt-code-bg': 'rgba(227, 227, 227, 0.08)',\n '--pdt-shadow-focus': '0 0 0 2px rgba(168, 199, 250, 0.4)',\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(168, 199, 250, 0.45)',\n '--pdt-diff-flash-end': '0 0 0 12px rgba(168, 199, 250, 0)',\n};\n\nexport const root = style({\n vars: lightTheme,\n backgroundColor: 'var(--pdt-bg)',\n color: 'var(--pdt-text)',\n minHeight: '100%',\n fontSize: '12px',\n lineHeight: '16px',\n '@media': {\n '(prefers-color-scheme: dark)': {\n vars: darkTheme,\n },\n },\n});\n\nglobalStyle(`${root}[data-color-scheme='light']`, {\n vars: lightTheme,\n colorScheme: 'light',\n '@media': {\n '(prefers-color-scheme: dark)': {\n vars: lightTheme,\n },\n },\n});\n\nglobalStyle(`${root}[data-color-scheme='dark']`, {\n vars: darkTheme,\n colorScheme: 'dark',\n '@media': {\n '(prefers-color-scheme: light)': {\n vars: darkTheme,\n },\n },\n});\n\nglobalStyle(`${root}:not([data-color-scheme])`, {\n colorScheme: 'light dark',\n});\n\nglobalStyle(`${root}`, {\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 'ui-monospace, \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace',\n});\n\nglobalStyle(`${root} *`, {\n '@media': {\n '(prefers-reduced-motion: reduce)': {\n animationDuration: '0.01ms !important',\n animationIterationCount: '1 !important',\n scrollBehavior: 'auto',\n transitionDuration: '0.01ms !important',\n },\n },\n});\n"],"mappings":""}
|