@akropolys/kiku 1.7.9 → 1.7.10
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 +25 -29
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +25 -29
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +36 -16
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1471,6 +1471,23 @@
|
|
|
1471
1471
|
transform: rotate(360deg);
|
|
1472
1472
|
}
|
|
1473
1473
|
}
|
|
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
|
+
}
|
|
1474
1491
|
.hsk-cb-typing {
|
|
1475
1492
|
display: inline-flex;
|
|
1476
1493
|
align-items: center;
|
|
@@ -3759,29 +3776,32 @@
|
|
|
3759
3776
|
line-height: 1.4;
|
|
3760
3777
|
color: var(--hsk-chat-muted, #9aa0a6);
|
|
3761
3778
|
}
|
|
3762
|
-
.hsk-cb-viz-
|
|
3763
|
-
|
|
3764
|
-
|
|
3765
|
-
|
|
3766
|
-
gap: 12px;
|
|
3767
|
-
max-width: 560px;
|
|
3779
|
+
.hsk-cb-viz-imgwrap {
|
|
3780
|
+
position: relative;
|
|
3781
|
+
display: inline-block;
|
|
3782
|
+
max-width: 100%;
|
|
3768
3783
|
}
|
|
3769
3784
|
.hsk-cb-viz-mark {
|
|
3770
|
-
|
|
3771
|
-
|
|
3772
|
-
|
|
3773
|
-
|
|
3785
|
+
position: absolute;
|
|
3786
|
+
right: 10px;
|
|
3787
|
+
bottom: 10px;
|
|
3788
|
+
display: inline-flex;
|
|
3789
|
+
align-items: center;
|
|
3790
|
+
gap: 6px;
|
|
3791
|
+
padding: 8px 14px;
|
|
3792
|
+
font-size: 12.5px;
|
|
3774
3793
|
font-weight: 600;
|
|
3775
|
-
color:
|
|
3776
|
-
background:
|
|
3777
|
-
|
|
3778
|
-
border
|
|
3794
|
+
color: #fff;
|
|
3795
|
+
background: rgba(0, 0, 0, .62);
|
|
3796
|
+
backdrop-filter: blur(6px);
|
|
3797
|
+
border: 1px solid rgba(255, 255, 255, .35);
|
|
3798
|
+
border-radius: 999px;
|
|
3779
3799
|
cursor: pointer;
|
|
3780
|
-
transition: background .15s
|
|
3800
|
+
transition: background .15s;
|
|
3781
3801
|
}
|
|
3782
3802
|
.hsk-cb-viz-mark:hover {
|
|
3783
3803
|
background: var(--hsk-primary, #ff6a33);
|
|
3784
|
-
color:
|
|
3804
|
+
border-color: transparent;
|
|
3785
3805
|
}
|
|
3786
3806
|
.hsk-markup-overlay {
|
|
3787
3807
|
position: fixed;
|