@uipath/apollo-react 6.16.4 → 6.17.0

package/dist/material/theme/overrides/MuiSwitch.cjs

@@ -1,14 +1,5 @@
 "use strict";
 var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -35,37 +26,33 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     MuiSwitch: ()=>MuiSwitch
 });
-const apollo_core_namespaceObject = require("@uipath/apollo-core");
-var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namespaceObject);
 const MuiSwitch = (palette)=>({
         root: {
-            padding: apollo_core_default().Padding.PadXxl,
-            width: '60px',
-            height: '40px',
+            width: '40px',
+            height: '20px',
+            padding: 0,
+            borderRadius: '10px',
+            marginRight: '8px',
             '&:has(.Mui-focusVisible)': {
                 outline: `2px solid ${palette.semantic.colorFocusIndicator}`,
                 outlineOffset: '2px'
             },
             '& .MuiSwitch-switchBase': {
-                padding: apollo_core_default().Padding.PadXl,
-                marginLeft: '2px',
+                padding: 0,
+                '&.Mui-focusVisible': {
+                    outline: 'unset',
+                    backgroundColor: 'unset'
+                },
                 '&.Mui-checked': {
-                    transform: 'translateX(16px)',
                     '&.Mui-focusVisible': {
                         outline: 'unset',
                         backgroundColor: 'unset'
                     }
-                },
-                '&.Mui-focusVisible': {
-                    outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`,
-                    boxShadow: `inset 0 0 0 1px ${palette.semantic.colorBackground}`,
-                    backgroundColor: 'unset'
                 }
             },
             '& .MuiSwitch-track': {
                 backgroundColor: palette.semantic.colorForegroundDeEmp,
-                opacity: 1,
-                borderRadius: '10px'
+                opacity: 1
             },
             '& .MuiSwitch-thumb': {
                 backgroundColor: palette.semantic.colorBackground,
@@ -75,15 +62,14 @@ const MuiSwitch = (palette)=>({
                 position: 'relative',
                 top: '3px',
                 left: '3px',
-                boxShadow: 'rgba(0, 0, 0, 0.12) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px 0px'
+                boxShadow: 'unset'
             },
             '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {
                 backgroundColor: palette.semantic.colorToggleTrackOffDisabled,
                 opacity: 1
             },
             '& .MuiSwitch-switchBase.Mui-disabled .MuiSwitch-thumb': {
-                backgroundColor: palette.semantic.colorForegroundDisable,
-                boxShadow: 'rgba(0, 0, 0, 0.06) 0px 2px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px !important'
+                backgroundColor: palette.semantic.colorForegroundDisable
             },
             '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
                 backgroundColor: palette.semantic.colorToggleThumbOn,
@@ -98,23 +84,6 @@ const MuiSwitch = (palette)=>({
             '& .MuiSwitch-switchBase.Mui-checked.Mui-disabled .MuiSwitch-thumb': {
                 backgroundColor: palette.semantic.colorForegroundDisable
             }
-        },
-        thumb: {
-            boxShadow: 'rgba(0, 0, 0, 0.12) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px 0px'
-        },
-        switchBase: {
-            padding: apollo_core_default().Padding.PadXl,
-            marginLeft: '2px',
-            '&.Mui-checked': {
-                transform: 'translateX(16px)'
-            },
-            '&.Mui-focusVisible': {
-                outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`,
-                boxShadow: `inset 0 0 0 1px ${palette.semantic.colorBackground}`
-            }
-        },
-        track: {
-            borderRadius: '10px'
         }
     });
 exports.MuiSwitch = __webpack_exports__.MuiSwitch;

package/dist/material/theme/overrides/MuiSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuiSwitch.d.ts","sourceRoot":"","sources":["../../../../src/material/theme/overrides/MuiSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAEtE,eAAO,MAAM,SAAS,GAAI,SAAS,OAAO,KAAG,mBAAmB,CAAC,WAAW,CAgF1E,CAAC"}
+{"version":3,"file":"MuiSwitch.d.ts","sourceRoot":"","sources":["../../../../src/material/theme/overrides/MuiSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAEtE,eAAO,MAAM,SAAS,GAAI,SAAS,OAAO,KAAG,mBAAmB,CAAC,WAAW,CA2D1E,CAAC"}

package/dist/material/theme/overrides/MuiSwitch.js

@@ -1,33 +1,30 @@
-import apollo_core from "@uipath/apollo-core";
 const MuiSwitch = (palette)=>({
         root: {
-            padding: apollo_core.Padding.PadXxl,
-            width: '60px',
-            height: '40px',
+            width: '40px',
+            height: '20px',
+            padding: 0,
+            borderRadius: '10px',
+            marginRight: '8px',
             '&:has(.Mui-focusVisible)': {
                 outline: `2px solid ${palette.semantic.colorFocusIndicator}`,
                 outlineOffset: '2px'
             },
             '& .MuiSwitch-switchBase': {
-                padding: apollo_core.Padding.PadXl,
-                marginLeft: '2px',
+                padding: 0,
+                '&.Mui-focusVisible': {
+                    outline: 'unset',
+                    backgroundColor: 'unset'
+                },
                 '&.Mui-checked': {
-                    transform: 'translateX(16px)',
                     '&.Mui-focusVisible': {
                         outline: 'unset',
                         backgroundColor: 'unset'
                     }
-                },
-                '&.Mui-focusVisible': {
-                    outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`,
-                    boxShadow: `inset 0 0 0 1px ${palette.semantic.colorBackground}`,
-                    backgroundColor: 'unset'
                 }
             },
             '& .MuiSwitch-track': {
                 backgroundColor: palette.semantic.colorForegroundDeEmp,
-                opacity: 1,
-                borderRadius: '10px'
+                opacity: 1
             },
             '& .MuiSwitch-thumb': {
                 backgroundColor: palette.semantic.colorBackground,
@@ -37,15 +34,14 @@ const MuiSwitch = (palette)=>({
                 position: 'relative',
                 top: '3px',
                 left: '3px',
-                boxShadow: 'rgba(0, 0, 0, 0.12) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px 0px'
+                boxShadow: 'unset'
             },
             '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {
                 backgroundColor: palette.semantic.colorToggleTrackOffDisabled,
                 opacity: 1
             },
             '& .MuiSwitch-switchBase.Mui-disabled .MuiSwitch-thumb': {
-                backgroundColor: palette.semantic.colorForegroundDisable,
-                boxShadow: 'rgba(0, 0, 0, 0.06) 0px 2px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px !important'
+                backgroundColor: palette.semantic.colorForegroundDisable
             },
             '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
                 backgroundColor: palette.semantic.colorToggleThumbOn,
@@ -60,23 +56,6 @@ const MuiSwitch = (palette)=>({
             '& .MuiSwitch-switchBase.Mui-checked.Mui-disabled .MuiSwitch-thumb': {
                 backgroundColor: palette.semantic.colorForegroundDisable
             }
-        },
-        thumb: {
-            boxShadow: 'rgba(0, 0, 0, 0.12) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px 0px'
-        },
-        switchBase: {
-            padding: apollo_core.Padding.PadXl,
-            marginLeft: '2px',
-            '&.Mui-checked': {
-                transform: 'translateX(16px)'
-            },
-            '&.Mui-focusVisible': {
-                outline: `2px solid ${palette.semantic.colorFocusIndicator} !important`,
-                boxShadow: `inset 0 0 0 1px ${palette.semantic.colorBackground}`
-            }
-        },
-        track: {
-            borderRadius: '10px'
         }
     });
 export { MuiSwitch };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "6.16.4",
+  "version": "6.17.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",