@bendyline/squisq-react 2.11.7 → 2.11.9
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 +19 -18
- package/dist/{chunk-ZY5N3JPM.js → chunk-6PUMLLJH.js} +281 -68
- package/dist/{chunk-ITQ4K5N6.js → chunk-KDTKUE53.js} +1 -1
- package/dist/{chunk-5UGIE2QO.js → chunk-LDXH4FOY.js} +2 -2
- package/dist/{chunk-7QA6EW6Y.js → chunk-SESRQ7XH.js} +1 -1
- package/dist/{chunk-XSOMFBH2.js → chunk-W6MKRWL6.js} +250 -2
- package/dist/{chunk-KGWT454C.js → chunk-Y2ANJRT3.js} +155 -266
- package/dist/index.d.ts +36 -4
- package/dist/index.js +10 -6
- package/dist/json-view/index.js +2 -2
- package/dist/layers/index.js +1 -1
- package/dist/markdown/index.js +1 -1
- package/dist/page/index.js +4 -4
- package/dist/player/index.d.ts +1 -1
- package/dist/player/index.js +4 -4
- package/dist/{player-BlD8zREs.d.ts → player-5j10MhBq.d.ts} +24 -2
- package/dist/squisq-player.full.global.js +437 -437
- package/dist/squisq-player.global.js +66 -66
- package/dist/standalone-source.js +1 -1
- package/dist/styles/index.css +30 -0
- package/package.json +2 -2
package/dist/styles/index.css
CHANGED
|
@@ -9575,6 +9575,36 @@
|
|
|
9575
9575
|
display: block;
|
|
9576
9576
|
width: 100%;
|
|
9577
9577
|
}
|
|
9578
|
+
.squisq-animated-image-toggle {
|
|
9579
|
+
display: inline-flex;
|
|
9580
|
+
align-items: center;
|
|
9581
|
+
gap: 5px;
|
|
9582
|
+
padding: 4px 8px 4px 7px;
|
|
9583
|
+
font: 600 10px/1 var(--squisq-ux-font, system-ui, -apple-system, sans-serif);
|
|
9584
|
+
letter-spacing: 0.06em;
|
|
9585
|
+
color: var(--squisq-animated-image-control-text, #fff);
|
|
9586
|
+
background: var(--squisq-animated-image-control-bg, rgba(0, 0, 0, 0.62));
|
|
9587
|
+
border: 0;
|
|
9588
|
+
border-radius: 999px;
|
|
9589
|
+
cursor: pointer;
|
|
9590
|
+
z-index: 3;
|
|
9591
|
+
opacity: 0.85;
|
|
9592
|
+
transition: opacity 120ms ease;
|
|
9593
|
+
user-select: none;
|
|
9594
|
+
}
|
|
9595
|
+
.squisq-animated-image-toggle:hover,
|
|
9596
|
+
.squisq-animated-image-toggle:focus-visible {
|
|
9597
|
+
opacity: 1;
|
|
9598
|
+
}
|
|
9599
|
+
.squisq-animated-image-toggle:focus-visible {
|
|
9600
|
+
outline: 2px solid var(--squisq-animated-image-control-text, #fff);
|
|
9601
|
+
outline-offset: 2px;
|
|
9602
|
+
}
|
|
9603
|
+
.squisq-animated-image-toggle svg {
|
|
9604
|
+
width: 10px;
|
|
9605
|
+
height: 10px;
|
|
9606
|
+
fill: currentColor;
|
|
9607
|
+
}
|
|
9578
9608
|
@media (prefers-reduced-motion: reduce) {
|
|
9579
9609
|
.anim-slowZoom-in,
|
|
9580
9610
|
.anim-slowZoom-out,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bendyline/squisq-react",
|
|
3
|
-
"version": "2.11.
|
|
3
|
+
"version": "2.11.9",
|
|
4
4
|
"description": "React component library for doc playback, block rendering, and media layers",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Bendyline",
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
92
92
|
},
|
|
93
93
|
"dependencies": {
|
|
94
|
-
"@bendyline/squisq": "2.11.
|
|
94
|
+
"@bendyline/squisq": "2.11.8",
|
|
95
95
|
"@fortawesome/fontawesome-free": "7.2.0",
|
|
96
96
|
"mermaid": "11.16.1"
|
|
97
97
|
},
|