@akropolys/kiku 1.7.10 → 1.7.12
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 +515 -500
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +515 -500
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +8 -57
- package/dist/styles.css.map +1 -1
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
.hsk-chat-reset,
|
|
16
16
|
.hsk-close-btn,
|
|
17
17
|
.hsk-cb-overlay {
|
|
18
|
+
--hsk-font-size: 14.5px;
|
|
18
19
|
touch-action: manipulation;
|
|
19
20
|
-webkit-tap-highlight-color: transparent;
|
|
20
21
|
}
|
|
@@ -28,6 +29,7 @@
|
|
|
28
29
|
--hsk-text: var(--chat-text-color, #1f1f1f);
|
|
29
30
|
--hsk-primary: var(--chat-primary-color, #ff6a33);
|
|
30
31
|
--hsk-font: var(--chat-font-family, inherit);
|
|
32
|
+
--hsk-font-size: 13px;
|
|
31
33
|
display: flex;
|
|
32
34
|
flex-direction: column;
|
|
33
35
|
height: 100%;
|
|
@@ -155,7 +157,7 @@
|
|
|
155
157
|
max-width: 78%;
|
|
156
158
|
padding: 10px 14px;
|
|
157
159
|
border-radius: var(--hsk-border-radius, 0px);
|
|
158
|
-
font-size: 13px;
|
|
160
|
+
font-size: var(--hsk-font-size, 13px);
|
|
159
161
|
line-height: 1.6;
|
|
160
162
|
}
|
|
161
163
|
.hsk-msg-bubble.ai {
|
|
@@ -485,7 +487,7 @@
|
|
|
485
487
|
display: flex;
|
|
486
488
|
flex-direction: column;
|
|
487
489
|
animation: hsk-overlay-in .2s ease-out both;
|
|
488
|
-
background: #ffffff !important;
|
|
490
|
+
background: var(--hsk-chat-bg, #ffffff) !important;
|
|
489
491
|
}
|
|
490
492
|
@keyframes hsk-overlay-in {
|
|
491
493
|
from {
|
|
@@ -767,7 +769,7 @@
|
|
|
767
769
|
color: #fff;
|
|
768
770
|
padding: 10px 16px;
|
|
769
771
|
border-radius: var(--hsk-border-radius, 0px);
|
|
770
|
-
font-size: 14.5px;
|
|
772
|
+
font-size: var(--hsk-font-size, 14.5px);
|
|
771
773
|
line-height: 1.55;
|
|
772
774
|
max-width: 72%;
|
|
773
775
|
font-weight: 500;
|
|
@@ -796,7 +798,7 @@
|
|
|
796
798
|
min-width: 0;
|
|
797
799
|
}
|
|
798
800
|
.hsk-cb-ai-text {
|
|
799
|
-
font-size: 14.5px;
|
|
801
|
+
font-size: var(--hsk-font-size, 14.5px);
|
|
800
802
|
line-height: 1.65;
|
|
801
803
|
color: var(--hsk-chat-text, #111);
|
|
802
804
|
white-space: pre-wrap;
|
|
@@ -1471,57 +1473,6 @@
|
|
|
1471
1473
|
transform: rotate(360deg);
|
|
1472
1474
|
}
|
|
1473
1475
|
}
|
|
1474
|
-
.hsk-cb-typing-bubble {
|
|
1475
|
-
align-self: flex-start;
|
|
1476
|
-
display: inline-flex;
|
|
1477
|
-
align-items: center;
|
|
1478
|
-
padding: 12px 15px;
|
|
1479
|
-
margin: 4px 0;
|
|
1480
|
-
background: var(--hsk-chat-divide, rgba(0,0,0,.07));
|
|
1481
|
-
border-radius: 18px;
|
|
1482
|
-
border-bottom-left-radius: 5px;
|
|
1483
|
-
color: var(--hsk-chat-muted, #8e8e93);
|
|
1484
|
-
animation: hsk-send-in .3s cubic-bezier(.2, .9, .3, 1.15) both;
|
|
1485
|
-
transform-origin: bottom left;
|
|
1486
|
-
}
|
|
1487
|
-
.hsk-cb-typing-bubble .hsk-cb-typing span {
|
|
1488
|
-
width: 8px;
|
|
1489
|
-
height: 8px;
|
|
1490
|
-
}
|
|
1491
|
-
.hsk-cb-typing {
|
|
1492
|
-
display: inline-flex;
|
|
1493
|
-
align-items: center;
|
|
1494
|
-
gap: 3px;
|
|
1495
|
-
}
|
|
1496
|
-
.hsk-cb-typing span {
|
|
1497
|
-
width: 6px;
|
|
1498
|
-
height: 6px;
|
|
1499
|
-
border-radius: 50%;
|
|
1500
|
-
background: currentColor;
|
|
1501
|
-
animation: hsk-typing-dot 1.4s ease-in-out infinite;
|
|
1502
|
-
}
|
|
1503
|
-
.hsk-cb-typing span:nth-child(2) {
|
|
1504
|
-
animation-delay: .2s;
|
|
1505
|
-
}
|
|
1506
|
-
.hsk-cb-typing span:nth-child(3) {
|
|
1507
|
-
animation-delay: .4s;
|
|
1508
|
-
}
|
|
1509
|
-
@keyframes hsk-typing-dot {
|
|
1510
|
-
0%, 60%, 100% {
|
|
1511
|
-
opacity: .35;
|
|
1512
|
-
transform: scale(.85);
|
|
1513
|
-
}
|
|
1514
|
-
30% {
|
|
1515
|
-
opacity: 1;
|
|
1516
|
-
transform: scale(1.15);
|
|
1517
|
-
}
|
|
1518
|
-
}
|
|
1519
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1520
|
-
.hsk-cb-typing span {
|
|
1521
|
-
animation: none;
|
|
1522
|
-
opacity: .6;
|
|
1523
|
-
}
|
|
1524
|
-
}
|
|
1525
1476
|
.hsk-cb-think-chevron {
|
|
1526
1477
|
font-size: 9px;
|
|
1527
1478
|
transition: transform .12s;
|
|
@@ -1585,7 +1536,7 @@
|
|
|
1585
1536
|
--hsk-chat-input-bg: rgba(255,255,255,.05);
|
|
1586
1537
|
--hsk-chat-source-bg: rgba(255,255,255,.04);
|
|
1587
1538
|
--hsk-fade-bg: #0a0a0a;
|
|
1588
|
-
background: #000000 !important;
|
|
1539
|
+
background: var(--hsk-chat-bg, #000000) !important;
|
|
1589
1540
|
}
|
|
1590
1541
|
.hsk-cb-topbar-title {
|
|
1591
1542
|
color: #f0efed;
|
|
@@ -1679,7 +1630,7 @@
|
|
|
1679
1630
|
--hsk-chat-input-bg: #f1f3f4;
|
|
1680
1631
|
--hsk-chat-source-bg: #f8f9fa;
|
|
1681
1632
|
--hsk-fade-bg: #ffffff;
|
|
1682
|
-
background: #ffffff !important;
|
|
1633
|
+
background: var(--hsk-chat-bg, #ffffff) !important;
|
|
1683
1634
|
}
|
|
1684
1635
|
}
|
|
1685
1636
|
.hsk-sb-wrap {
|