@happyvertical/smrt-playground 0.36.5 → 0.36.6
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,5 +1,9 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
ColorSchemeToggle,
|
|
4
|
+
ThemeProvider,
|
|
5
|
+
ThemeSwitcher,
|
|
6
|
+
} from '@happyvertical/smrt-ui/themes';
|
|
3
7
|
import type { Component } from 'svelte';
|
|
4
8
|
import { onMount } from 'svelte';
|
|
5
9
|
import { mergePlaygroundModules } from './runtime.js';
|
|
@@ -218,6 +222,11 @@ function selectEntry(entry: ResolvedSmrtPlaygroundEntry) {
|
|
|
218
222
|
<p>{subtitle}</p>
|
|
219
223
|
</div>
|
|
220
224
|
|
|
225
|
+
<div class="theme-controls" data-testid="playground-theme-controls">
|
|
226
|
+
<ThemeSwitcher variant="select" label="Theme" />
|
|
227
|
+
<ColorSchemeToggle />
|
|
228
|
+
</div>
|
|
229
|
+
|
|
221
230
|
<label class="search">
|
|
222
231
|
<span>Filter previews</span>
|
|
223
232
|
<input bind:value={searchTerm} placeholder="Search packages or entries" />
|
|
@@ -406,6 +415,21 @@ function selectEntry(entry: ResolvedSmrtPlaygroundEntry) {
|
|
|
406
415
|
line-height: 1.55;
|
|
407
416
|
}
|
|
408
417
|
|
|
418
|
+
.theme-controls {
|
|
419
|
+
display: flex;
|
|
420
|
+
align-items: flex-end;
|
|
421
|
+
gap: 0.6rem;
|
|
422
|
+
flex-wrap: wrap;
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
.theme-controls :global(.smrt-theme-switcher) {
|
|
426
|
+
flex: 1;
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
.theme-controls :global(.smrt-theme-switcher__select) {
|
|
430
|
+
width: 100%;
|
|
431
|
+
}
|
|
432
|
+
|
|
409
433
|
.search span {
|
|
410
434
|
font-size: 0.82rem;
|
|
411
435
|
color: rgba(236, 242, 255, 0.72);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlaygroundHost.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/PlaygroundHost.svelte.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PlaygroundHost.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/PlaygroundHost.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,OAAO,KAAK,EAIV,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAsUD,QAAA,MAAM,cAAc,0BAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@happyvertical/smrt-playground",
|
|
3
|
-
"version": "0.36.
|
|
3
|
+
"version": "0.36.6",
|
|
4
4
|
"description": "Shared playground discovery, runtime, and host components for SMRT UI packages",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"fast-glob": "3.3.3",
|
|
31
31
|
"tsx": "^4.21.0",
|
|
32
|
-
"@happyvertical/smrt-ui": "0.36.
|
|
32
|
+
"@happyvertical/smrt-ui": "0.36.6"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"svelte": "^5.18.0",
|