@livelayer/react 0.2.5 → 0.3.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/README.md +257 -26
- package/dist/index.d.ts +148 -0
- package/dist/index.js +2 -1
- package/dist/index.mjs +1381 -1001
- package/dist/styles.css +50 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -624,6 +624,25 @@
|
|
|
624
624
|
background: rgba(0, 0, 0, 0.55);
|
|
625
625
|
}
|
|
626
626
|
|
|
627
|
+
/* Compact pill — used for short codes like "EN". Tightens horizontal
|
|
628
|
+
padding and slightly shrinks the type so it reads as an icon-style
|
|
629
|
+
chip next to the full-size agent name pill. */
|
|
630
|
+
.ll-hpill--compact {
|
|
631
|
+
height: 32px;
|
|
632
|
+
padding: 0 10px;
|
|
633
|
+
font-size: 12px;
|
|
634
|
+
font-weight: 600;
|
|
635
|
+
letter-spacing: 0.04em;
|
|
636
|
+
text-transform: uppercase;
|
|
637
|
+
gap: 4px;
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
.ll-hpill--compact > svg {
|
|
641
|
+
width: 12px;
|
|
642
|
+
height: 12px;
|
|
643
|
+
opacity: 0.75;
|
|
644
|
+
}
|
|
645
|
+
|
|
627
646
|
.ll-hpill__label {
|
|
628
647
|
/* No max-width — labels size to content. The header's flex container
|
|
629
648
|
handles overflow (wrap when crowded). Truncating "Dean Dijour" or
|
|
@@ -1082,6 +1101,37 @@
|
|
|
1082
1101
|
background: rgba(255, 255, 255, 0.3);
|
|
1083
1102
|
}
|
|
1084
1103
|
|
|
1104
|
+
/* ── Idle bottom CTA (mirrors play button copy) ─────────── */
|
|
1105
|
+
|
|
1106
|
+
.ll-expanded__cta {
|
|
1107
|
+
display: block;
|
|
1108
|
+
width: 100%;
|
|
1109
|
+
padding: 12px 16px;
|
|
1110
|
+
border-radius: 12px;
|
|
1111
|
+
background: rgba(255, 255, 255, 0.95);
|
|
1112
|
+
color: #0d0d0d;
|
|
1113
|
+
font-family: inherit;
|
|
1114
|
+
font-size: 14px;
|
|
1115
|
+
font-weight: 600;
|
|
1116
|
+
letter-spacing: -0.15px;
|
|
1117
|
+
cursor: pointer;
|
|
1118
|
+
transition: background 0.15s ease;
|
|
1119
|
+
}
|
|
1120
|
+
|
|
1121
|
+
.ll-expanded__cta:hover {
|
|
1122
|
+
background: #fff;
|
|
1123
|
+
}
|
|
1124
|
+
|
|
1125
|
+
.ll-expanded__cta-sublabel {
|
|
1126
|
+
margin: 0 0 4px;
|
|
1127
|
+
font-size: 12px;
|
|
1128
|
+
font-weight: 500;
|
|
1129
|
+
color: rgba(255, 255, 255, 0.75);
|
|
1130
|
+
letter-spacing: -0.15px;
|
|
1131
|
+
text-align: center;
|
|
1132
|
+
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
|
1133
|
+
}
|
|
1134
|
+
|
|
1085
1135
|
/* ── End conversation (small secondary button) ──────────── */
|
|
1086
1136
|
|
|
1087
1137
|
.ll-expanded__end {
|
package/package.json
CHANGED