@kubex/zinc 1.1.68 → 1.1.69

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.
Files changed (30) hide show
  1. package/dist/custom-elements.json +1417 -275
  2. package/dist/vscode.html-custom-data.json +149 -27
  3. package/dist/web-types.json +351 -64
  4. package/dist/zn.d.ts +325 -14
  5. package/dist/zn.min.js +495 -374
  6. package/docs/pages/components/collapsible.md +6 -2
  7. package/docs/pages/components/preview-frame-demo.njk +33 -4
  8. package/docs/pages/components/preview-frame.md +20 -0
  9. package/docs/pages/components/theme-editor.md +269 -0
  10. package/docs/superpowers/plans/2026-08-03-theme-editor.md +1536 -0
  11. package/docs/superpowers/specs/2026-08-03-theme-editor-design.md +327 -0
  12. package/package.json +1 -1
  13. package/src/components/collapsible/collapsible.component.ts +21 -23
  14. package/src/components/collapsible/collapsible.scss +10 -0
  15. package/src/components/dropdown/dropdown.component.ts +9 -0
  16. package/src/components/editor/editor.component.ts +20 -21
  17. package/src/components/preview-frame/preview-frame.component.ts +126 -16
  18. package/src/components/preview-frame/preview-frame.scss +27 -0
  19. package/src/components/preview-frame/preview-frame.test.ts +253 -0
  20. package/src/components/theme-editor/index.ts +12 -0
  21. package/src/components/theme-editor/theme-editor.component.ts +761 -0
  22. package/src/components/theme-editor/theme-editor.scss +309 -0
  23. package/src/components/theme-editor/theme-editor.test.ts +1584 -0
  24. package/src/events/events.ts +2 -0
  25. package/src/events/zn-theme-change.ts +13 -0
  26. package/src/events/zn-theme-submit.ts +9 -0
  27. package/src/types/web-test-runner-commands.d.ts +6 -0
  28. package/src/zinc.ts +1 -0
  29. package/tsconfig.json +7 -1
  30. package/web-test-runner.config.js +3 -1
@@ -17,3 +17,5 @@ export type {ZnFlowSelectionChangeEvent} from './zn-flow-selection-change';
17
17
  export type {ZnFlowConnectEvent} from './zn-flow-connect';
18
18
  export type {ZnPageChangeEvent} from './zn-page-change';
19
19
  export type {ZnPageSelectionChangeEvent} from './zn-page-selection-change';
20
+ export type {ZnThemeChangeEvent} from './zn-theme-change';
21
+ export type {ZnThemeSubmitEvent} from './zn-theme-submit';
@@ -0,0 +1,13 @@
1
+ import type {ThemeEditorDevice, ThemeEditorMode} from '../components/theme-editor/theme-editor.component';
2
+
3
+ export type ZnThemeChangeEvent = CustomEvent<{
4
+ values: {light: Record<string, unknown>; dark: Record<string, unknown>};
5
+ mode: ThemeEditorMode;
6
+ device: ThemeEditorDevice;
7
+ }>;
8
+
9
+ declare global {
10
+ interface GlobalEventHandlersEventMap {
11
+ 'zn-theme-change': ZnThemeChangeEvent;
12
+ }
13
+ }
@@ -0,0 +1,9 @@
1
+ export type ZnThemeSubmitEvent = CustomEvent<{
2
+ values: {light: Record<string, unknown>; dark: Record<string, unknown>};
3
+ }>;
4
+
5
+ declare global {
6
+ interface GlobalEventHandlersEventMap {
7
+ 'zn-theme-submit': ZnThemeSubmitEvent;
8
+ }
9
+ }
@@ -0,0 +1,6 @@
1
+ // Local type shim for '@web/test-runner-commands', redirected via tsconfig `paths`.
2
+ // The package's own types transitively `/// <reference types="node" />` (via
3
+ // filePlugin.d.ts), which pollutes the whole program's global `setTimeout`
4
+ // return type. Runtime resolution (Vite/esbuild) is untouched - only `tsc`
5
+ // reads `paths`.
6
+ export function setViewport(viewport: {width: number; height: number}): Promise<void>;
package/src/zinc.ts CHANGED
@@ -111,6 +111,7 @@ export { default as PageBuilder } from './components/page-builder';
111
111
  export { default as PagePaletteItem } from './components/page-builder/modules/page-palette-item';
112
112
  export { default as PageSectionCard } from './components/page-builder/modules/page-section-card';
113
113
  export { default as PreviewFrame } from './components/preview-frame';
114
+ export { default as ThemeEditor } from './components/theme-editor';
114
115
  /* plop:component */
115
116
 
116
117
  // Base Component
package/tsconfig.json CHANGED
@@ -34,7 +34,13 @@
34
34
  "types": [
35
35
  "mocha",
36
36
  "user-agent-data-types"
37
- ]
37
+ ],
38
+ "baseUrl": ".",
39
+ "paths": {
40
+ "@web/test-runner-commands": [
41
+ "./src/types/web-test-runner-commands.d.ts"
42
+ ]
43
+ }
38
44
  },
39
45
  "include": [
40
46
  "src"
@@ -1,6 +1,7 @@
1
1
  import {globbySync} from 'globby';
2
2
  import {playwrightLauncher} from '@web/test-runner-playwright';
3
3
  import {removeViteLogging, vitePlugin} from '@remcovaes/web-test-runner-vite-plugin';
4
+ import {setViewportPlugin} from '@web/test-runner-commands/plugins';
4
5
 
5
6
  export default {
6
7
  rootDir: './',
@@ -12,7 +13,8 @@ export default {
12
13
  // import to a relative path the plugin's externaliser can't match — keep the
13
14
  // packages that import it out of pre-bundling.
14
15
  optimizeDeps: {exclude: ['@open-wc/testing', '@web/test-runner-commands']}
15
- })
16
+ }),
17
+ setViewportPlugin()
16
18
  ],
17
19
  filterBrowserLogs: removeViteLogging,
18
20
  browsers: [