@portel/photon 1.17.3 → 1.17.4

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.
@@ -665,6 +665,7 @@ var theme = i`
665
665
  border: 1px solid var(--border-glass);
666
666
  border-radius: var(--radius-md);
667
667
  box-shadow: var(--shadow-sm);
668
+ color: inherit;
668
669
  }
669
670
 
670
671
  .text-gradient {
@@ -706,21 +707,25 @@ var theme = i`
706
707
  border-radius: var(--radius-xs);
707
708
  }
708
709
 
709
- /* Scrollbar */
710
+ /* Scrollbar — thin, translucent, doesn't crowd content */
711
+ * {
712
+ scrollbar-width: thin;
713
+ scrollbar-color: color-mix(in srgb, var(--t-muted, #888) 30%, transparent) transparent;
714
+ }
710
715
  ::-webkit-scrollbar {
711
- width: 8px;
712
- height: 8px;
716
+ width: 6px;
717
+ height: 6px;
713
718
  }
714
719
  ::-webkit-scrollbar-track {
715
720
  background: transparent;
721
+ margin: 4px 0;
716
722
  }
717
723
  ::-webkit-scrollbar-thumb {
718
- background: var(--border-glass);
719
- border-radius: var(--radius-xs);
724
+ background: color-mix(in srgb, var(--t-muted) 30%, transparent);
725
+ border-radius: var(--radius-full);
720
726
  }
721
727
  ::-webkit-scrollbar-thumb:hover {
722
- background: var(--t-muted);
723
- opacity: 0.5;
728
+ background: color-mix(in srgb, var(--t-muted) 60%, transparent);
724
729
  }
725
730
  /* Toggle Switch */
726
731
  .switch {
@@ -2295,7 +2300,15 @@ var InvokeForm = class extends i4 {
2295
2300
  return b2`<div class="form-container"></div>`;
2296
2301
  }
2297
2302
  return b2`
2298
- <div class="form-container">
2303
+ <div
2304
+ class="form-container"
2305
+ @keydown=${(e5) => {
2306
+ if (e5.key === "Enter" && !e5.shiftKey && !e5.target?.matches("textarea")) {
2307
+ e5.preventDefault();
2308
+ this.handleSubmit();
2309
+ }
2310
+ }}
2311
+ >
2299
2312
  ${this._viewMode === "form" ? this._renderFields() : this._renderJsonEditor()}
2300
2313
  </div>
2301
2314
  `;