@q9labsai/chalk-ui 4.1.15 → 4.1.16
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 +18 -4
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -1388,15 +1388,19 @@ main[data-chalk][data-chalk-skin="chalk"][data-chalk-palette="cosmic-chalk"] > *
|
|
|
1388
1388
|
}
|
|
1389
1389
|
}
|
|
1390
1390
|
|
|
1391
|
-
/* Voice halo behind the avatar of a speaking, camera-off participant: a soft ring that breathes.
|
|
1391
|
+
/* Voice halo behind the avatar of a speaking, camera-off participant: a soft ring that breathes.
|
|
1392
|
+
The ring lives on a pseudo-element so the breathe animates transform/opacity only
|
|
1393
|
+
(composited) instead of box-shadow spread, which repainted the whole tile every frame. */
|
|
1392
1394
|
@keyframes chalk-voice-halo-breathe {
|
|
1393
1395
|
0%,
|
|
1394
1396
|
100% {
|
|
1395
|
-
|
|
1397
|
+
transform: scale(1);
|
|
1398
|
+
opacity: 1;
|
|
1396
1399
|
}
|
|
1397
1400
|
|
|
1398
1401
|
50% {
|
|
1399
|
-
|
|
1402
|
+
transform: scale(1.3);
|
|
1403
|
+
opacity: 0.5;
|
|
1400
1404
|
}
|
|
1401
1405
|
}
|
|
1402
1406
|
|
|
@@ -1430,8 +1434,18 @@ main[data-chalk][data-chalk-skin="chalk"][data-chalk-palette="cosmic-chalk"] > *
|
|
|
1430
1434
|
}
|
|
1431
1435
|
|
|
1432
1436
|
.chalk-voice-halo {
|
|
1437
|
+
position: relative;
|
|
1438
|
+
}
|
|
1439
|
+
|
|
1440
|
+
.chalk-voice-halo::before {
|
|
1441
|
+
content: "";
|
|
1442
|
+
position: absolute;
|
|
1443
|
+
inset: -8px;
|
|
1444
|
+
border-radius: 9999px;
|
|
1433
1445
|
box-shadow: 0 0 0 8px color-mix(in srgb, var(--chalk-participant-color) 18%, transparent);
|
|
1434
1446
|
animation: chalk-voice-halo-breathe 1.8s ease-in-out infinite;
|
|
1447
|
+
pointer-events: none;
|
|
1448
|
+
will-change: transform, opacity;
|
|
1435
1449
|
}
|
|
1436
1450
|
|
|
1437
1451
|
.chalk-sound-bars {
|
|
@@ -1470,7 +1484,7 @@ main[data-chalk][data-chalk-skin="chalk"][data-chalk-palette="cosmic-chalk"] > *
|
|
|
1470
1484
|
}
|
|
1471
1485
|
|
|
1472
1486
|
@media (prefers-reduced-motion: reduce) {
|
|
1473
|
-
.chalk-voice-halo {
|
|
1487
|
+
.chalk-voice-halo::before {
|
|
1474
1488
|
animation: none;
|
|
1475
1489
|
}
|
|
1476
1490
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@q9labsai/chalk-ui",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.16",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
},
|
|
180
180
|
"dependencies": {
|
|
181
181
|
"@base-ui/react": "^1.0.0",
|
|
182
|
-
"@q9labsai/chalk-assets": "^4.1.
|
|
182
|
+
"@q9labsai/chalk-assets": "^4.1.16",
|
|
183
183
|
"class-variance-authority": "^0.7.1",
|
|
184
184
|
"clsx": "^2.1.1",
|
|
185
185
|
"tailwind-merge": "^3.6.0"
|