@lapikit/repl 0.0.0-insiders.0c4e011 → 0.0.0-insiders.2ac5230
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/Repl.svelte +5 -6
- package/package.json +1 -1
package/dist/Repl.svelte
CHANGED
|
@@ -21,9 +21,8 @@
|
|
|
21
21
|
let viewState: 'code' | 'preview' = $state('code');
|
|
22
22
|
|
|
23
23
|
// theme: mirrors the ambient lapikit theme (light/dark/system) until the
|
|
24
|
-
// toolbar toggle is used
|
|
25
|
-
//
|
|
26
|
-
// the ambient theme.
|
|
24
|
+
// toolbar toggle is used, at which point it becomes a local override
|
|
25
|
+
// scoped to this repl instance only.
|
|
27
26
|
const theme = createTheme();
|
|
28
27
|
let themeOverridden = $state(false);
|
|
29
28
|
let themeState = $derived<'light' | 'dark'>(theme.active === 'dark' ? 'dark' : 'light');
|
|
@@ -122,10 +121,10 @@
|
|
|
122
121
|
});
|
|
123
122
|
</script>
|
|
124
123
|
|
|
125
|
-
<div class="kit-repl">
|
|
124
|
+
<div class="kit-repl" use:theme.action={{ overridden: themeOverridden }}>
|
|
126
125
|
{#if presentation}
|
|
127
126
|
<div class="kit-repl-content" class:kit-repl-content--playground={presentation}>
|
|
128
|
-
<div class="wrapper-playground"
|
|
127
|
+
<div class="wrapper-playground">
|
|
129
128
|
{@render children?.()}
|
|
130
129
|
</div>
|
|
131
130
|
</div>
|
|
@@ -168,7 +167,7 @@
|
|
|
168
167
|
{/if}
|
|
169
168
|
</div>
|
|
170
169
|
{:else}
|
|
171
|
-
<div class="kit-repl-wrapper-playground"
|
|
170
|
+
<div class="kit-repl-wrapper-playground">
|
|
172
171
|
{@render children?.()}
|
|
173
172
|
</div>
|
|
174
173
|
{/if}
|