@kahitsan/ksui 0.34.0 → 0.34.1

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/composite/FlowGraph.tsx +5 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kahitsan/ksui",
3
- "version": "0.34.0",
3
+ "version": "0.34.1",
4
4
  "description": "ksui is a standalone set of SolidJS UI components for KahitSan/Hilinga and any SolidJS app. Published to the public npm registry and consumed as a normal dependency. Ships source under a `solid` export condition so the consumer's vite-plugin-solid compiles it with only solid-js externalized; it depends on nothing but solid-js + lucide-solid and injects its own CSS.",
5
5
  "type": "module",
6
6
  "main": "./src/index.ts",
package/src/components/composite/FlowGraph.tsx CHANGED
@@ -87,7 +87,7 @@ const STYLE_CSS = `
87
87
  .ksui-fg-dim{opacity:0.14;}
88
88
  .ksui-fg-elabel{fill:var(--ksui-fg-muted,color-mix(in srgb, var(--ks-fg, #ffffff) 78%, transparent));font-size:9.5px;}
89
89
  .ksui-fg-elabel-bg{fill:var(--ksui-fg-canvas,var(--ks-bg,#0a0a0a));opacity:0.92;}
90
- .ksui-fg-card{box-sizing:border-box;height:100%;display:flex;align-items:center;gap:9px;padding:0 11px;border-radius:9px;background:var(--ksui-fg-card,var(--ks-surface-raised,#1a1a1a));border:1px solid var(--ksui-fg-node-border,rgba(255,255,255,0.14));border-left-width:3px;overflow:hidden;}
90
+ .ksui-fg-card{box-sizing:border-box;height:100%;display:flex;align-items:center;gap:9px;padding:0 11px;border-radius:9px;background:var(--ksui-fg-card,var(--ks-surface-raised,#1a1a1a));border:1px solid var(--ksui-fg-node-border,color-mix(in srgb, var(--ks-fg, #ffffff) 14%, transparent));border-left-width:3px;overflow:hidden;}
91
91
  .ksui-fg-node.clickable .ksui-fg-card{cursor:pointer;}
92
92
  .ksui-fg-node.clickable .ksui-fg-card:hover{background:var(--ks-surface-raised,#1a1a1a);}
93
93
  .ksui-fg-node:focus{outline:none;}
@@ -424,7 +424,10 @@ export const FlowGraph: Component<FlowGraphProps> = (props) => {
424
424
  markerHeight="6"
425
425
  orient="auto-start-reverse"
426
426
  >
427
- <path d="M0 0 L8 4 L0 8 z" fill="var(--ksui-fg-edge,rgba(255,255,255,0.45))" />
427
+ <path
428
+ d="M0 0 L8 4 L0 8 z"
429
+ fill="var(--ksui-fg-edge,color-mix(in srgb, var(--ks-fg, #ffffff) 45%, transparent))"
430
+ />
428
431
  </marker>
429
432
  </defs>
430
433