@azure/communication-react 1.5.1-alpha-202304200013 → 1.5.1-alpha-202304210012

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.
@@ -162,7 +162,7 @@ const _toCommunicationIdentifier = (id) => {
162
162
  // Copyright (c) Microsoft Corporation.
163
163
  // Licensed under the MIT license.
164
164
  // GENERATED FILE. DO NOT EDIT MANUALLY.
165
- var telemetryVersion = '1.5.1-alpha-202304200013';
165
+ var telemetryVersion = '1.5.1-alpha-202304210012';
166
166
 
167
167
  // Copyright (c) Microsoft Corporation.
168
168
  /**
@@ -13941,6 +13941,22 @@ const _VideoBackgroundEffectsPicker = (props) => {
13941
13941
  })));
13942
13942
  };
13943
13943
 
13944
+ // Copyright (c) Microsoft Corporation.
13945
+ // Licensed under the MIT license.
13946
+ /**
13947
+ * @private
13948
+ */
13949
+ const scrollbarStyles = {
13950
+ '::-webkit-scrollbar, *::-webkit-scrollbar': {
13951
+ width: '0.3rem',
13952
+ height: '0.3rem'
13953
+ },
13954
+ '::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb': {
13955
+ borderRadius: '10px',
13956
+ background: 'rgba(150, 150, 150)'
13957
+ }
13958
+ };
13959
+
13944
13960
  // Copyright (c) Microsoft Corporation.
13945
13961
  /**
13946
13962
  * @private
@@ -13975,11 +13991,7 @@ const captionContainerClassName = react.mergeStyles({
13975
13991
  /**
13976
13992
  * @private
13977
13993
  */
13978
- const captionsBannerClassName = react.mergeStyles({
13979
- height: _pxToRem(100),
13980
- overflowY: 'auto',
13981
- overflowX: 'hidden'
13982
- });
13994
+ const captionsBannerClassName = react.mergeStyles(Object.assign({ height: _pxToRem(100), overflowY: 'auto', overflowX: 'hidden' }, scrollbarStyles));
13983
13995
  /**
13984
13996
  * @private
13985
13997
  */
@@ -14157,7 +14169,7 @@ const buttonStyles = (theme) => {
14157
14169
  * @private
14158
14170
  */
14159
14171
  const dropdownStyles = {
14160
- callout: { height: _pxToRem(300), overflow: 'auto' }
14172
+ callout: Object.assign({ height: _pxToRem(300), overflow: 'auto' }, scrollbarStyles)
14161
14173
  };
14162
14174
 
14163
14175
  var __awaiter$q = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {