@braincrew-lab/langchain-canvas 0.1.13 → 0.1.14
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/styles.css +43 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -840,6 +840,49 @@
|
|
|
840
840
|
.cv-html-act:hover { background: var(--cv-surface); }
|
|
841
841
|
.cv-html-act--del:hover { background: #fee2e2; color: #dc2626; border-color: #fecaca; }
|
|
842
842
|
.cv-html-bar__spacer { flex: 1; }
|
|
843
|
+
|
|
844
|
+
/* ── Unified, polished toolbar controls ─────────────────────────────────────────
|
|
845
|
+
One button language across every renderer: a consistent 8px radius, a hairline
|
|
846
|
+
of depth, a soft hover lift, a tactile press, and a real focus ring. */
|
|
847
|
+
.cv-html-add, .cv-html-tpl, .cv-html-act, .cv-deck__toolbar button, .cv-edit-btn,
|
|
848
|
+
.cv-sheet-tools button, .cv-doc-bar button {
|
|
849
|
+
border-radius: 8px;
|
|
850
|
+
font-weight: 500;
|
|
851
|
+
box-shadow: 0 1px 0 rgba(17, 17, 26, 0.02);
|
|
852
|
+
transition: background 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease, color 0.14s ease, transform 0.06s ease;
|
|
853
|
+
}
|
|
854
|
+
.cv-html-add:hover, .cv-html-tpl:hover, .cv-html-act:hover,
|
|
855
|
+
.cv-deck__toolbar button:hover:not(:disabled), .cv-edit-btn:hover,
|
|
856
|
+
.cv-sheet-tools button:hover, .cv-doc-bar button:hover {
|
|
857
|
+
background: var(--cv-surface);
|
|
858
|
+
border-color: color-mix(in srgb, var(--cv-text) 22%, var(--cv-border));
|
|
859
|
+
color: var(--cv-text);
|
|
860
|
+
box-shadow: 0 1px 3px rgba(17, 17, 26, 0.07);
|
|
861
|
+
}
|
|
862
|
+
.cv-html-add:active, .cv-html-tpl:active, .cv-html-act:active,
|
|
863
|
+
.cv-deck__toolbar button:active, .cv-edit-btn:active,
|
|
864
|
+
.cv-sheet-tools button:active, .cv-doc-bar button:active { transform: translateY(0.5px); }
|
|
865
|
+
.cv-html-add:focus-visible, .cv-html-tpl:focus-visible, .cv-html-act:focus-visible,
|
|
866
|
+
.cv-deck__toolbar button:focus-visible, .cv-edit-btn:focus-visible,
|
|
867
|
+
.cv-sheet-tools button:focus-visible, .cv-doc-bar button:focus-visible,
|
|
868
|
+
.cv-html-seg button:focus-visible {
|
|
869
|
+
outline: 2px solid color-mix(in srgb, var(--cv-accent) 48%, transparent);
|
|
870
|
+
outline-offset: 1px;
|
|
871
|
+
}
|
|
872
|
+
/* Segmented controls (Design/Code · device preview) */
|
|
873
|
+
.cv-html-seg { border-radius: 8px; box-shadow: 0 1px 0 rgba(17, 17, 26, 0.02); }
|
|
874
|
+
.cv-html-seg button { font-weight: 500; transition: background 0.14s ease, color 0.14s ease; }
|
|
875
|
+
.cv-html-seg button:hover:not(.is-on) { background: var(--cv-surface); }
|
|
876
|
+
.cv-html-seg button.is-on { box-shadow: inset 0 -1.5px 0 color-mix(in srgb, #000 16%, var(--cv-accent)); }
|
|
877
|
+
/* Primary actions (Present · chart done) get a little lift and gloss */
|
|
878
|
+
.cv-edit-btn.is-primary, .cv-deck__present {
|
|
879
|
+
box-shadow: 0 1px 2px rgba(99, 102, 241, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
|
|
880
|
+
}
|
|
881
|
+
.cv-edit-btn.is-primary:hover, .cv-deck__present:hover {
|
|
882
|
+
background: color-mix(in srgb, #000 8%, var(--cv-accent)) !important;
|
|
883
|
+
border-color: transparent;
|
|
884
|
+
box-shadow: 0 2px 6px rgba(99, 102, 241, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.18);
|
|
885
|
+
}
|
|
843
886
|
.cv-html-stage {
|
|
844
887
|
flex: 1; min-height: 0; overflow: auto; display: flex; justify-content: center;
|
|
845
888
|
padding: 10px; background: var(--cv-surface); border-radius: 10px;
|
package/package.json
CHANGED