@azure/communication-react 1.8.1-alpha-202309280013 → 1.8.1-alpha-202309290012

package/dist/dist-cjs/communication-react/index.js

@@ -176,7 +176,7 @@ const _isValidIdentifier = (identifier) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.8.1-alpha-202309280013';
+var telemetryVersion = '1.8.1-alpha-202309290012';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -27239,7 +27239,7 @@ const dropDownStyles = (theme) => ({
     dropdownItem: {
         fontSize: '0.875rem',
         height: '2.5rem',
-        background: theme.palette.neutralQuaternaryAlt
+        background: theme.palette.white
     },
     dropdown: {
         height: '2.5rem',
@@ -27251,7 +27251,9 @@ const dropDownStyles = (theme) => ({
     title: {
         fontSize: '0.875rem',
         height: '2.5rem',
-        lineHeight: '2.3125rem'
+        lineHeight: '2.3125rem',
+        borderRadius: '0.25rem',
+        border: `1px solid ${theme.palette.neutralQuaternaryAlt}`
     },
     label: {
         fontWeight: 600,
@@ -27327,12 +27329,12 @@ const configurationStackTokensDesktop = {
  * @private
  */
 const configurationStackTokensMobile = {
-    childrenGap: '1rem'
+    childrenGap: '1.5rem'
 };
 const configurationContainerStyle = {
     height: '100%',
     width: '100%',
-    padding: '0.5rem'
+    padding: '2rem 1rem 2rem 1rem'
 };
 /**
  * @private
@@ -27411,7 +27413,14 @@ const startCallButtonContainerStyleMobile = {
  */
 const startCallButtonStyleMobile = react.mergeStyles({
     width: '100%',
-    maxWidth: 'unset'
+    maxWidth: 'unset',
+    borderRadius: '0.25rem'
+});
+/**
+ * @private
+ */
+const startCallButtonStyleDesktop = react.mergeStyles({
+    borderRadius: '0.25rem'
 });
 /** @private */
 const cameraAndVideoEffectsContainerStyleDesktop = {
@@ -28184,7 +28193,7 @@ const ConfigurationPage = (props) => {
                             /* @conditional-compile-remove(video-background-effects) */
                             onClickVideoEffects: toggleVideoEffectsPane })))),
                     React__default["default"].createElement(react.Stack, { styles: mobileWithPreview ? startCallButtonContainerStyleMobile : startCallButtonContainerStyleDesktop },
-                        React__default["default"].createElement(StartCallButton, { className: mobileWithPreview ? startCallButtonStyleMobile : undefined, onClick: startCall, disabled: disableStartCallButton })))),
+                        React__default["default"].createElement(StartCallButton, { className: mobileWithPreview ? startCallButtonStyleMobile : startCallButtonStyleDesktop, onClick: startCall, disabled: disableStartCallButton })))),
             React__default["default"].createElement(react.Panel
             /* @conditional-compile-remove(video-background-effects) */
             , { 
@@ -28231,7 +28240,8 @@ const containerItemGap = {
  */
 const rejoinCallButtonContainerStyles = {
     root: {
-        paddingTop: '1.125rem'
+        paddingTop: '1.125rem',
+        borderRadius: '0.25rem'
     }
 };
 /**