@livelayer/react 0.14.0 → 0.15.0
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/index.d.ts +30 -0
- package/dist/index.js +3 -3
- package/dist/index.mjs +1424 -1328
- package/dist/styles.css +39 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -740,6 +740,45 @@
|
|
|
740
740
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
|
|
741
741
|
}
|
|
742
742
|
|
|
743
|
+
/* ── "Powered by LiveLayer" mark + link ─────────────────────────
|
|
744
|
+
Shown in the idle-state header when the host hasn't supplied a
|
|
745
|
+
custom branding.productName. The mark goes to livelayer.studio in
|
|
746
|
+
a new tab — opens in _blank so the live-call session isn't
|
|
747
|
+
interrupted.
|
|
748
|
+
|
|
749
|
+
- Layout: flex row, mark + text aligned at the optical baseline.
|
|
750
|
+
- Gap: 6px reads as "associated pair" without crowding the wordmark.
|
|
751
|
+
- Underline only on hover so the resting state stays calm; opacity
|
|
752
|
+
dip on hover makes the link affordance noticeable even on dark
|
|
753
|
+
host themes where text-decoration is hard to see at 14px.
|
|
754
|
+
- Focus ring is the standard rounded-2px white outline at 60%
|
|
755
|
+
alpha — matches the header-action button focus treatment.
|
|
756
|
+
*/
|
|
757
|
+
.ll-expanded__brand--link {
|
|
758
|
+
display: inline-flex;
|
|
759
|
+
align-items: center;
|
|
760
|
+
gap: 6px;
|
|
761
|
+
text-decoration: none;
|
|
762
|
+
color: inherit;
|
|
763
|
+
transition: opacity 120ms ease;
|
|
764
|
+
border-radius: 4px;
|
|
765
|
+
}
|
|
766
|
+
.ll-expanded__brand--link:hover {
|
|
767
|
+
opacity: 0.8;
|
|
768
|
+
text-decoration: underline;
|
|
769
|
+
text-underline-offset: 3px;
|
|
770
|
+
}
|
|
771
|
+
.ll-expanded__brand--link:focus-visible {
|
|
772
|
+
outline: 2px solid rgba(255, 255, 255, 0.6);
|
|
773
|
+
outline-offset: 2px;
|
|
774
|
+
}
|
|
775
|
+
.ll-expanded__brand-mark {
|
|
776
|
+
/* Slight nudge so the orange mark sits visually centered against
|
|
777
|
+
the wordmark's cap-height instead of its full em-box. */
|
|
778
|
+
margin-top: -1px;
|
|
779
|
+
flex-shrink: 0;
|
|
780
|
+
}
|
|
781
|
+
|
|
743
782
|
.ll-expanded__header-actions {
|
|
744
783
|
display: flex;
|
|
745
784
|
gap: 6px;
|