@bendyline/squisq-react 2.4.0 → 2.4.1

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.
@@ -2000,22 +2000,29 @@
2000
2000
  height: 100%;
2001
2001
  }
2002
2002
  .doc-player__media-clips--picture-in-picture .doc-player__media-video {
2003
- width: 24%;
2003
+ width: 22%;
2004
2004
  aspect-ratio: 1;
2005
- border: max(1px, 0.12vw) solid rgba(255, 255, 255, 0.72);
2006
- box-shadow: 0 0.75em 2em rgba(0, 0, 0, 0.34);
2005
+ border: var(--squisq-pip-border, max(1px, 0.12vw) solid rgba(255, 255, 255, 0.72));
2006
+ border-radius: var(--squisq-pip-radius, 14%);
2007
+ box-shadow: var(--squisq-pip-shadow, 0 0.75em 2em rgba(0, 0, 0, 0.34));
2007
2008
  }
2008
- .doc-player[data-orientation=portrait] .doc-player__media-clips--picture-in-picture .doc-player__media-video {
2009
- width: 38%;
2009
+ .doc-player__media-clips--picture-in-picture[data-pip-shape=wide] .doc-player__media-video {
2010
+ aspect-ratio: 16 / 9;
2010
2011
  }
2011
- .doc-player__media-clips--picture-in-picture[data-pip-shape=square] .doc-player__media-video {
2012
- border-radius: 0;
2012
+ .doc-player__media-clips--picture-in-picture[data-pip-size=small] .doc-player__media-video {
2013
+ width: 9%;
2013
2014
  }
2014
- .doc-player__media-clips[data-pip-shape=rounded] .doc-player__media-video {
2015
- border-radius: 14%;
2015
+ .doc-player__media-clips--picture-in-picture[data-pip-size=large] .doc-player__media-video {
2016
+ width: 15%;
2016
2017
  }
2017
- .doc-player__media-clips--picture-in-picture[data-pip-shape=circle] .doc-player__media-video {
2018
- border-radius: 50%;
2018
+ .doc-player[data-orientation=portrait] .doc-player__media-clips--picture-in-picture .doc-player__media-video {
2019
+ width: 34%;
2020
+ }
2021
+ .doc-player[data-orientation=portrait] .doc-player__media-clips--picture-in-picture[data-pip-size=small] .doc-player__media-video {
2022
+ width: 15%;
2023
+ }
2024
+ .doc-player[data-orientation=portrait] .doc-player__media-clips--picture-in-picture[data-pip-size=large] .doc-player__media-video {
2025
+ width: 23%;
2019
2026
  }
2020
2027
  .doc-player__media-clips--picture-in-picture[data-pip-position=top-left] .doc-player__media-video {
2021
2028
  top: 4%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bendyline/squisq-react",
3
- "version": "2.4.0",
3
+ "version": "2.4.1",
4
4
  "description": "React component library for doc playback, block rendering, and media layers",
5
5
  "license": "MIT",
6
6
  "author": "Bendyline",
@@ -23,7 +23,7 @@
23
23
  },
24
24
  "type": "module",
25
25
  "engines": {
26
- "node": ">=22.14.0"
26
+ "node": "^22.22.2 || ^24.15.0 || >=26.0.0"
27
27
  },
28
28
  "main": "./dist/index.js",
29
29
  "module": "./dist/index.js",
@@ -87,7 +87,7 @@
87
87
  "react-dom": "^18.0.0 || ^19.0.0"
88
88
  },
89
89
  "dependencies": {
90
- "@bendyline/squisq": "2.4.0",
90
+ "@bendyline/squisq": "2.4.1",
91
91
  "mermaid": "11.16.0"
92
92
  },
93
93
  "devDependencies": {