@stream-io/video-react-sdk 1.25.0 → 1.26.0

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.26.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.25.1...@stream-io/video-react-sdk-1.26.0) (2025-11-12)
+
+### Dependency Updates
+
+- `@stream-io/video-styling` updated to version `1.7.0`
+- `@stream-io/video-client` updated to version `1.36.1`
+- `@stream-io/video-react-bindings` updated to version `1.11.0`
+
+### Features
+
+- **react:** Microphone Audio Level Indicator ([#1993](https://github.com/GetStream/stream-video-js/issues/1993)) ([9b62d2d](https://github.com/GetStream/stream-video-js/commit/9b62d2d8d2171ae97fbedaedbe473fdb0b85444b))
+
+## [1.25.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.25.0...@stream-io/video-react-sdk-1.25.1) (2025-11-04)
+
+### Dependency Updates
+
+- `@stream-io/video-styling` updated to version `1.6.1`
+
 ## [1.25.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.24.3...@stream-io/video-react-sdk-1.25.0) (2025-10-30)
 
 ### Dependency Updates

package/dist/css/styles.css

@@ -1317,17 +1317,6 @@
   color: var(--str-video__base-color1);
 }
 
-.str-video__device-settings__heading {
-  width: 100%;
-  justify-self: start;
-  margin: unset;
-  margin-left: 8px;
-  color: var(--str-video__base-color1);
-  font-size: 24;
-  font-weight: 500;
-  word-wrap: "break-word";
-}
-
 .str-video__device-settings__close-button {
   color: var(--str-video__base-color1);
   background-color: transparent;
@@ -1337,10 +1326,10 @@
   padding: var(--str-video__spacing-lg);
 }
 .str-video__device-settings__device-kind .str-video__device-settings__device-selector-title {
-  font-size: var(--str-video__font-size-xs);
+  font-size: var(--str-video__font-size-sm);
+  font-weight: bold;
   line-height: 1.25rem;
   padding-bottom: 0.5rem;
-  font-size: 13px;
   margin-bottom: 8px;
 }
 .str-video__device-settings__device-kind .str-video__option,
@@ -1397,6 +1386,35 @@
   border-color: var(--str-video__primary-color);
 }
 
+.str-video__device-settings__separator {
+  border-color: var(--str-video__base-color3);
+}
+
+.str-video__audio-volume-indicator {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--str-video__spacing-xs);
+  padding: var(--str-video__spacing-sm) var(--str-video__spacing-md);
+}
+.str-video__audio-volume-indicator .str-video__icon {
+  width: var(--str-video__font-size-xxl);
+  height: var(--str-video__font-size-xxl);
+}
+.str-video__audio-volume-indicator .str-video__audio-volume-indicator__bar {
+  flex: 1;
+  background-color: var(--str-video__base-color1);
+  height: var(--str-video__spacing-xs);
+  border-radius: var(--str-video__border-radius-xs);
+}
+.str-video__audio-volume-indicator .str-video__audio-volume-indicator__bar-value {
+  width: 100%;
+  height: 100%;
+  background: var(--str-video__primary-color);
+  border-radius: var(--str-video__border-radius-xs);
+  transform-origin: left center;
+}
+
 .str-video__dropdown {
   position: relative;
 }