@stream-io/video-react-sdk 1.43.3 → 1.44.0
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/CHANGELOG.md +23 -1
- package/dist/css/embedded.css +11 -0
- package/dist/css/embedded.css.map +1 -1
- package/dist/css/styles.css +11 -0
- package/dist/css/styles.css.map +1 -1
- package/dist/embedded.cjs.js +54 -30
- package/dist/embedded.cjs.js.map +1 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/components/CallControls/ToggleVideoButton.js +30 -29
- package/dist/esm/src/components/CallControls/ToggleVideoButton.js.map +1 -1
- package/dist/esm/src/components/DeviceSettings/SpeakerTest.js +1 -1
- package/dist/esm/src/components/Notification/CameraUnavailableNotification.js +30 -0
- package/dist/esm/src/components/Notification/CameraUnavailableNotification.js.map +1 -0
- package/dist/esm/src/translations/en.json.js +2 -0
- package/dist/esm/src/translations/en.json.js.map +1 -1
- package/dist/index.cjs.js +56 -31
- package/dist/index.cjs.js.map +1 -1
- package/dist/src/components/Notification/CameraUnavailableNotification.d.ts +15 -0
- package/dist/src/components/Notification/index.d.ts +1 -0
- package/dist/src/translations/index.d.ts +2 -0
- package/package.json +4 -4
- package/src/components/CallControls/ToggleVideoButton.tsx +122 -115
- package/src/components/Notification/CameraUnavailableNotification.tsx +61 -0
- package/src/components/Notification/index.ts +1 -0
- package/src/translations/en.json +2 -0
package/dist/css/styles.css
CHANGED
|
@@ -2098,6 +2098,9 @@
|
|
|
2098
2098
|
.str-video__notification .str-video__notification__message {
|
|
2099
2099
|
flex: 1;
|
|
2100
2100
|
}
|
|
2101
|
+
.str-video__notification .str-video__notification__line {
|
|
2102
|
+
display: block;
|
|
2103
|
+
}
|
|
2101
2104
|
.str-video__notification .str-video__notification__close {
|
|
2102
2105
|
display: inline-block;
|
|
2103
2106
|
width: 1rem;
|
|
@@ -2107,6 +2110,11 @@
|
|
|
2107
2110
|
cursor: pointer;
|
|
2108
2111
|
}
|
|
2109
2112
|
|
|
2113
|
+
.str-video__camera-unavailable-notification {
|
|
2114
|
+
width: max-content;
|
|
2115
|
+
max-width: min(30rem, 100vw - 20px);
|
|
2116
|
+
}
|
|
2117
|
+
|
|
2110
2118
|
.str-video__notification {
|
|
2111
2119
|
background-color: var(--str-video__background-color1);
|
|
2112
2120
|
border-radius: var(--str-video__border-radius-xs);
|
|
@@ -2126,6 +2134,9 @@
|
|
|
2126
2134
|
.str-video__notification .str-video__notification__message {
|
|
2127
2135
|
font-size: 0.75rem;
|
|
2128
2136
|
}
|
|
2137
|
+
.str-video__notification .str-video__notification__title {
|
|
2138
|
+
font-weight: 600;
|
|
2139
|
+
}
|
|
2129
2140
|
|
|
2130
2141
|
.str-video__participant-view {
|
|
2131
2142
|
position: relative;
|