cozy-ui 119.0.3 → 119.2.0

package/transpiled/react/Icons/Cloud.js

@@ -1,8 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/cloud.svg` to regenerate;
 import React from 'react';
+import SvgCloudTwake from "cozy-ui/transpiled/react/Icons/Cloud_twake";
+import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 
 function SvgCloud(props) {
+  if (isTwakeTheme()) return SvgCloudTwake(props);
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 16 16"
   }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {

package/transpiled/react/Icons/Cloud_twake.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/cloud_twake.svg` to regenerate;
+import React from 'react';
+
+function SvgCloudTwake(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 16 11"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M8 1.333a3.669 3.669 0 013.593 2.954l.2 1 1.02.073c1.04.067 1.854.94 1.854 1.973 0 1.1-.9 2-2 2H4a2.666 2.666 0 01-2.667-2.666A2.649 2.649 0 013.707 4.02l.713-.073.333-.634A3.646 3.646 0 018 1.333zM8 0a4.997 4.997 0 00-4.433 2.693A3.996 3.996 0 000 6.667c0 2.206 1.793 4 4 4h8.667A3.335 3.335 0 0016 7.333a3.317 3.317 0 00-3.1-3.306A4.993 4.993 0 008 0z"
+  }));
+}
+
+export default SvgCloudTwake;

package/transpiled/react/Icons/Company_twake.js

@@ -4,9 +4,9 @@ import React from 'react';
 
 function SvgCompanyTwake(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 18"
+    viewBox: "0 0 16 16"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 4V0H0v18h20V4H10zM4 16H2v-2h2v2zm0-4H2v-2h2v2zm0-4H2V6h2v2zm0-4H2V2h2v2zm4 12H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V6h2v2zm0-4H6V2h2v2zm10 12h-8v-2h2v-2h-2v-2h2V8h-2V6h8v10zm-2-8h-2v2h2V8zm0 4h-2v2h2v-2z"
+    d: "M12.444 7.111V0H3.556v3.556H0V16h7.111v-3.556H8.89V16H16V7.111h-3.556zm-8.888 7.111H1.778v-1.778h1.778v1.778zm0-3.555H1.778V8.889h1.778v1.778zm0-3.556H1.778V5.333h1.778v1.778zm3.555 3.556H5.333V8.889h1.778v1.778zm0-3.556H5.333V5.333h1.778v1.778zm0-3.555H5.333V1.778h1.778v1.778zm3.556 7.11H8.889V8.89h1.778v1.778zm0-3.555H8.889V5.333h1.778v1.778zm0-3.555H8.889V1.778h1.778v1.778zm3.555 10.666h-1.778v-1.778h1.778v1.778zm0-3.555h-1.778V8.889h1.778v1.778z"
   }));
 }
 

package/transpiled/react/Icons/FromUser_twake.js

@@ -6,9 +6,9 @@ function SvgFromUserTwake(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 16 16"
   }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm5.088 11.864C11.944 10.472 9.168 10 8 10c-1.168 0-3.944.472-5.088 1.864A6.36 6.36 0 011.6 8c0-3.528 2.872-6.4 6.4-6.4 3.528 0 6.4 2.872 6.4 6.4a6.36 6.36 0 01-1.312 3.864zM5.2 6c0-1.552 1.248-2.8 2.8-2.8 1.552 0 2.8 1.248 2.8 2.8 0 1.552-1.248 2.8-2.8 2.8A2.793 2.793 0 015.2 6z"
+    d: "M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zM4.28 13.2A6.353 6.353 0 018 12c1.392 0 2.672.448 3.72 1.2A6.353 6.353 0 018 14.4a6.353 6.353 0 01-3.72-1.2zm8.632-1.104a7.957 7.957 0 00-9.824 0A6.365 6.365 0 011.6 8c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 1.56-.56 2.984-1.488 4.096z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8 3.2A2.803 2.803 0 005.2 6c0 1.544 1.256 2.8 2.8 2.8 1.544 0 2.8-1.256 2.8-2.8 0-1.544-1.256-2.8-2.8-2.8zm0 4c-.664 0-1.2-.536-1.2-1.2 0-.664.536-1.2 1.2-1.2.664 0 1.2.536 1.2 1.2 0 .664-.536 1.2-1.2 1.2z"
   }));
 }
 

package/transpiled/react/MuiCozyTheme/overrides/twake/makeDarkInvertedOverrides.d.ts

@@ -1417,6 +1417,60 @@ export function makeDarkInvertedTwakeOverrides(theme: any): {
             padding: number;
         };
     };
+    MuiSwitch: {
+        root: {
+            width: number;
+            height: number;
+            padding: string;
+        };
+        switchBase: {
+            padding: number;
+            top: number;
+            color: any;
+            '& .cozySwitchThumb': {
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                width: number;
+                height: number;
+                borderRadius: string;
+                boxShadow: any;
+                backgroundColor: any;
+            };
+        };
+        track: {
+            width: number;
+            height: string;
+            borderRadius: number;
+        };
+        thumb: {
+            width: number;
+            height: number;
+        };
+        colorPrimary: {
+            '&$disabled + $track': {
+                opacity: number;
+                backgroundColor: any;
+            };
+        };
+        colorSecondary: {
+            '&$checked': {
+                color: any;
+            };
+            '&$disabled + $track': {
+                opacity: number;
+                backgroundColor: any;
+            };
+        };
+        disabled: {
+            '&$checked + $track': {
+                backgroundColor: any;
+            };
+            '& .cozySwitchThumb': {
+                backgroundColor: any;
+            };
+        };
+    };
     MuiButton: {
         root: {
             borderRadius: number;

package/transpiled/react/MuiCozyTheme/overrides/twake/makeDarkNormalOverrides.d.ts

@@ -1417,6 +1417,60 @@ export function makeDarkNormalTwakeOverrides(theme: any): {
             padding: number;
         };
     };
+    MuiSwitch: {
+        root: {
+            width: number;
+            height: number;
+            padding: string;
+        };
+        switchBase: {
+            padding: number;
+            top: number;
+            color: any;
+            '& .cozySwitchThumb': {
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                width: number;
+                height: number;
+                borderRadius: string;
+                boxShadow: any;
+                backgroundColor: any;
+            };
+        };
+        track: {
+            width: number;
+            height: string;
+            borderRadius: number;
+        };
+        thumb: {
+            width: number;
+            height: number;
+        };
+        colorPrimary: {
+            '&$disabled + $track': {
+                opacity: number;
+                backgroundColor: any;
+            };
+        };
+        colorSecondary: {
+            '&$checked': {
+                color: any;
+            };
+            '&$disabled + $track': {
+                opacity: number;
+                backgroundColor: any;
+            };
+        };
+        disabled: {
+            '&$checked + $track': {
+                backgroundColor: any;
+            };
+            '& .cozySwitchThumb': {
+                backgroundColor: any;
+            };
+        };
+    };
     MuiButton: {
         root: {
             borderRadius: number;

package/transpiled/react/MuiCozyTheme/overrides/twake/makeLightInvertedOverrides.d.ts

@@ -1417,6 +1417,60 @@ export function makeLightInvertedTwakeOverrides(theme: any): {
             padding: number;
         };
     };
+    MuiSwitch: {
+        root: {
+            width: number;
+            height: number;
+            padding: string;
+        };
+        switchBase: {
+            padding: number;
+            top: number;
+            color: any;
+            '& .cozySwitchThumb': {
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                width: number;
+                height: number;
+                borderRadius: string;
+                boxShadow: any;
+                backgroundColor: any;
+            };
+        };
+        track: {
+            width: number;
+            height: string;
+            borderRadius: number;
+        };
+        thumb: {
+            width: number;
+            height: number;
+        };
+        colorPrimary: {
+            '&$disabled + $track': {
+                opacity: number;
+                backgroundColor: any;
+            };
+        };
+        colorSecondary: {
+            '&$checked': {
+                color: any;
+            };
+            '&$disabled + $track': {
+                opacity: number;
+                backgroundColor: any;
+            };
+        };
+        disabled: {
+            '&$checked + $track': {
+                backgroundColor: any;
+            };
+            '& .cozySwitchThumb': {
+                backgroundColor: any;
+            };
+        };
+    };
     MuiButton: {
         root: {
             borderRadius: number;

package/transpiled/react/MuiCozyTheme/overrides/twake/makeLightNormalOverrides.d.ts

@@ -1417,6 +1417,60 @@ export function makeLightNormalTwakeOverrides(theme: any): {
             padding: number;
         };
     };
+    MuiSwitch: {
+        root: {
+            width: number;
+            height: number;
+            padding: string;
+        };
+        switchBase: {
+            padding: number;
+            top: number;
+            color: any;
+            '& .cozySwitchThumb': {
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                width: number;
+                height: number;
+                borderRadius: string;
+                boxShadow: any;
+                backgroundColor: any;
+            };
+        };
+        track: {
+            width: number;
+            height: string;
+            borderRadius: number;
+        };
+        thumb: {
+            width: number;
+            height: number;
+        };
+        colorPrimary: {
+            '&$disabled + $track': {
+                opacity: number;
+                backgroundColor: any;
+            };
+        };
+        colorSecondary: {
+            '&$checked': {
+                color: any;
+            };
+            '&$disabled + $track': {
+                opacity: number;
+                backgroundColor: any;
+            };
+        };
+        disabled: {
+            '&$checked + $track': {
+                backgroundColor: any;
+            };
+            '& .cozySwitchThumb': {
+                backgroundColor: any;
+            };
+        };
+    };
     MuiButton: {
         root: {
             borderRadius: number;

package/transpiled/react/MuiCozyTheme/overrides/twake/makeLightNormalOverrides.js

@@ -9,6 +9,60 @@ export var makeLightNormalTwakeOverrides = function makeLightNormalTwakeOverride
           padding: 8
         }
       },
+      MuiSwitch: {
+        root: {
+          width: 50,
+          height: 40,
+          padding: '6px 1px'
+        },
+        switchBase: {
+          padding: 5,
+          top: 5,
+          color: theme.palette.text.icon,
+          '& .cozySwitchThumb': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: 20,
+            height: 20,
+            borderRadius: '50%',
+            boxShadow: theme.shadows[1],
+            backgroundColor: theme.palette.common.white
+          }
+        },
+        track: {
+          width: 44,
+          height: '100%',
+          borderRadius: 100
+        },
+        thumb: {
+          width: 20,
+          height: 20
+        },
+        colorPrimary: {
+          '&$disabled + $track': {
+            opacity: 1,
+            backgroundColor: theme.palette.action.disabledBackground
+          }
+        },
+        colorSecondary: {
+          '&$checked': {
+            color: theme.palette.success.main
+          },
+          '&$disabled + $track': {
+            opacity: 1,
+            backgroundColor: theme.palette.action.disabledBackground
+          }
+        },
+        disabled: {
+          '&$checked + $track': {
+            backgroundColor: theme.palette.action.disabledBackground
+          },
+          '& .cozySwitchThumb': {
+            backgroundColor: theme.palette.background.default
+          }
+        }
+      },
       MuiButton: {
         root: {
           borderRadius: 100,

package/transpiled/react/Switch/index.js

@@ -1,2 +1,26 @@
-import Switch from '@material-ui/core/Switch';
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["icon"];
+import MuiSwitch from '@material-ui/core/Switch';
+import React from 'react';
+import Icon from "cozy-ui/transpiled/react/Icon";
+import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
+
+var Switch = function Switch(_ref) {
+  var icon = _ref.icon,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _icon = /*#__PURE__*/React.createElement("span", {
+    className: "cozySwitchThumb"
+  }, !!icon && /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    size: 14
+  }));
+
+  return /*#__PURE__*/React.createElement(MuiSwitch, _extends({}, props, isTwakeTheme() && {
+    icon: _icon,
+    checkedIcon: _icon
+  }));
+};
+
 export default Switch;