@livelayer/react 0.5.9 → 0.5.11
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.js +3 -3
- package/dist/index.mjs +809 -774
- package/dist/styles.css +25 -0
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -943,6 +943,31 @@
|
|
|
943
943
|
background: rgba(0, 0, 0, 0.4);
|
|
944
944
|
-webkit-backdrop-filter: blur(14px);
|
|
945
945
|
backdrop-filter: blur(14px);
|
|
946
|
+
/* Smooth the agent → user role handoff so the orange glow doesn't
|
|
947
|
+
hard-flip on every transcript turn. */
|
|
948
|
+
border: 1px solid transparent;
|
|
949
|
+
transition: background 220ms ease, box-shadow 220ms ease,
|
|
950
|
+
border-color 220ms ease;
|
|
951
|
+
}
|
|
952
|
+
|
|
953
|
+
/* Captions affordance for deaf-friendly UX: when the latest transcript
|
|
954
|
+
line is the AGENT's spoken output, tint the pill with a soft orange
|
|
955
|
+
glow signalling "this text is coming from Live Layer." The user's STT
|
|
956
|
+
keeps default styling (no glow) so the two voices read distinctly.
|
|
957
|
+
Hue is the warm side of the brand; opacity is tuned so the text on
|
|
958
|
+
the dark blurred backdrop stays readable. */
|
|
959
|
+
.ll-expanded__transcript--agent {
|
|
960
|
+
background: rgba(255, 139, 61, 0.18);
|
|
961
|
+
border-color: rgba(255, 175, 110, 0.45);
|
|
962
|
+
box-shadow:
|
|
963
|
+
0 0 18px rgba(255, 139, 61, 0.3),
|
|
964
|
+
inset 0 0 0 1px rgba(255, 175, 110, 0.2);
|
|
965
|
+
}
|
|
966
|
+
|
|
967
|
+
@media (prefers-reduced-motion: reduce) {
|
|
968
|
+
.ll-expanded__transcript {
|
|
969
|
+
transition: none;
|
|
970
|
+
}
|
|
946
971
|
}
|
|
947
972
|
|
|
948
973
|
.ll-expanded__transcript-text {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@livelayer/react",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.11",
|
|
4
4
|
"description": "LiveLayer agent widget for React — avatar video, team switching, responsive layouts, full-fidelity embed",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"livekit-client": "^2.17.3",
|
|
25
|
-
"@livelayer/sdk": "0.3.
|
|
25
|
+
"@livelayer/sdk": "0.3.1"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@testing-library/dom": "^10.4.1",
|