cozy-ui 118.0.0 → 119.0.0

package/react/Icons/Unlink.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/unlink.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/unlink.svg` to regenerate
 import React from 'react'
 
+import SvgUnlinkTwake from './Unlink_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgUnlink(props) {
+  if (isTwakeTheme()) return SvgUnlinkTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path

package/react/Icons/Unlink_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/unlink_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgUnlinkTwake(props) {
+  return (
+    <svg viewBox="0 0 17 16" {...props}>
+      <path d="M13.907 11.45l-1.19-1.23a2.42 2.42 0 001.289-.843c.33-.416.495-.902.495-1.457 0-.66-.23-1.223-.694-1.685a2.294 2.294 0 00-1.685-.694H9.743a.767.767 0 01-.565-.228.767.767 0 01-.228-.565c0-.225.076-.413.228-.565a.767.767 0 01.565-.228h2.38c1.096 0 2.031.386 2.805 1.16.773.773 1.16 1.708 1.16 2.805a3.9 3.9 0 01-.585 2.082 3.797 3.797 0 01-1.596 1.447zm-2.875-2.915L9.624 7.127h.912c.225 0 .413.076.565.228.152.152.228.34.228.565a.787.787 0 01-.08.357.69.69 0 01-.217.258zm3.866 7.236a.752.752 0 01-.555.218.752.752 0 01-.555-.218L.306 2.29a.752.752 0 01-.219-.555c0-.225.073-.41.219-.555A.752.752 0 01.86.961c.224 0 .41.073.555.218l13.482 13.482c.145.146.218.33.218.555 0 .225-.073.41-.218.555zM4.192 11.885c-1.097 0-2.033-.386-2.806-1.16C.613 9.953.226 9.018.226 7.92c0-.912.278-1.725.833-2.439A3.864 3.864 0 013.2 4.074L4.667 5.54h-.475c-.661 0-1.223.231-1.686.694a2.294 2.294 0 00-.694 1.685c0 .66.232 1.223.694 1.685a2.294 2.294 0 001.686.694H6.57c.224 0 .413.076.565.228.152.152.228.34.228.565a.767.767 0 01-.228.565.767.767 0 01-.565.228H4.19zm1.586-3.172a.767.767 0 01-.565-.228.767.767 0 01-.228-.565c0-.225.076-.413.228-.565a.767.767 0 01.565-.228h.495L7.84 8.713H5.778z" />
+    </svg>
+  )
+}
+
+export default SvgUnlinkTwake

package/react/Icons/Unlock.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/unlock.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/unlock.svg` to regenerate
 import React from 'react'
 
+import SvgUnlockTwake from './Unlock_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgUnlock(props) {
+  if (isTwakeTheme()) return SvgUnlockTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path

package/react/Icons/Unlock_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/unlock_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgUnlockTwake(props) {
+  return (
+    <svg viewBox="0 0 14 17" {...props}>
+      <path d="M2.429 16.5c-.42 0-.778-.15-1.077-.448a1.467 1.467 0 01-.447-1.076V7.357c0-.419.149-.778.447-1.076a1.467 1.467 0 011.077-.448h6.857V4.31a2.21 2.21 0 00-.667-1.62A2.204 2.204 0 007 2.024c-.533 0-1 .162-1.4.486-.4.323-.67.727-.81 1.21a.758.758 0 01-.314.428.912.912 0 01-.524.162.755.755 0 01-.542-.21.51.51 0 01-.162-.495 3.843 3.843 0 011.314-2.21A3.638 3.638 0 017 .5c1.054 0 1.952.371 2.695 1.114.743.743 1.114 1.642 1.114 2.696v1.523h.762c.42 0 .778.15 1.077.448.298.298.447.657.447 1.076v7.62c0 .418-.149.777-.447 1.075a1.467 1.467 0 01-1.077.448H2.43zm0-1.524h9.142V7.357H2.43v7.62zM7 12.69c.419 0 .778-.149 1.076-.447.299-.299.448-.657.448-1.076 0-.42-.15-.778-.448-1.076A1.467 1.467 0 007 9.643c-.42 0-.778.15-1.076.447a1.467 1.467 0 00-.448 1.077c0 .419.15.777.448 1.076.298.298.657.447 1.076.447z" />
+    </svg>
+  )
+}
+
+export default SvgUnlockTwake

package/react/Icons/Up.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/up.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/up.svg` to regenerate
 import React from 'react'
 
+import SvgUpTwake from './Up_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgUp(props) {
+  if (isTwakeTheme()) return SvgUpTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path fillRule="evenodd" d="M11 16V8h5L8 0 0 8h5v8z" />

package/react/Icons/Up_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/up_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgUpTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M7 3.825l-4.9 4.9c-.2.2-.433.296-.7.287A1.006 1.006 0 01.7 8.7C.517 8.5.42 8.266.412 8A.916.916 0 01.7 7.3L7.3.7a.88.88 0 01.325-.213C7.742.446 7.867.425 8 .425s.258.02.375.062A.877.877 0 018.7.7l6.6 6.6a.933.933 0 01.275.687c0 .275-.092.513-.275.713-.2.2-.438.3-.713.3a.973.973 0 01-.712-.3L9 3.825V15c0 .283-.096.52-.288.712A.967.967 0 018 16a.967.967 0 01-.713-.288A.968.968 0 017 15V3.825z" />
+    </svg>
+  )
+}
+
+export default SvgUpTwake

package/react/Icons/Upload.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/upload.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/upload.svg` to regenerate
 import React from 'react'
 
+import SvgUploadTwake from './Upload_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgUpload(props) {
+  if (isTwakeTheme()) return SvgUploadTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path

package/react/Icons/Upload_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/upload_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgUploadTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M14 11v3H2v-3H0v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM3 5l1.41 1.41L7 3.83V12h2V3.83l2.59 2.58L13 5 8 0 3 5z" />
+    </svg>
+  )
+}
+
+export default SvgUploadTwake

package/react/Icons/Versioning.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/permissions/versioning.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/permissions/versioning.svg` to regenerate
 import React from 'react'
 
+import SvgVersioningTwake from './Versioning_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgVersioning(props) {
+  if (isTwakeTheme()) return SvgVersioningTwake(props)
   return (
     <svg viewBox="0 0 48 48" fill="none" {...props}>
       <path

package/react/Icons/Versioning_twake.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/permissions/versioning_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgVersioningTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <path
+        d="M7.111 4.444V8.89l3.778 2.24.684-1.138-3.129-1.858v-3.69H7.111zM16 6.222V0l-2.347 2.347A7.944 7.944 0 008 0a8 8 0 108 8h-1.778A6.229 6.229 0 018 14.222 6.229 6.229 0 011.778 8 6.23 6.23 0 018 1.778c1.716 0 3.271.702 4.4 1.822L9.778 6.222H16z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+    </svg>
+  )
+}
+
+export default SvgVersioningTwake

package/react/Icons/Videos.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/videos.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/videos.svg` to regenerate
 import React from 'react'
 
+import SvgVideosTwake from './Videos_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgVideos(props) {
+  if (isTwakeTheme()) return SvgVideosTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path

package/react/Icons/Videos_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/videos_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgVideosTwake(props) {
+  return (
+    <svg viewBox="0 0 16 14" {...props}>
+      <path d="M5.818 3.364v5.818l5.091-2.91-5.09-2.908zm8.728-2.91H1.455C.655.455 0 1.11 0 1.91v8.727c0 .8.655 1.455 1.455 1.455H5.09v1.455h5.818V12.09h3.636c.8 0 1.455-.655 1.455-1.455V1.91c0-.8-.655-1.454-1.454-1.454zm0 10.182H1.455V1.91h13.09v8.727z" />
+    </svg>
+  )
+}
+
+export default SvgVideosTwake

package/react/Icons/Walk.jsx

@@ -1,13 +1,17 @@
-// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/walk.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/walk.svg` to regenerate
 import React from 'react'
 
+import SvgWalkTwake from './Walk_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgWalk(props) {
+  if (isTwakeTheme()) return SvgWalkTwake(props)
   return (
     <svg viewBox="0 0 16 17" {...props}>
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M10.602 3.663A2 2 0 118.38.337a2 2 0 012.222 3.326zm-.121 3.73c.424.362.954.575 1.51.607a1 1 0 110 2 4.071 4.071 0 01-3-1.29l-.69 1.58 2.33 1.94a1 1 0 01.36.77v2a1 1 0 01-2 0v-1.53l-2.58-2.12-1.48 4a1.003 1.003 0 11-1.88-.7L5.87 7l-1.12.32-.82 2a1 1 0 11-1.86-.74l1-2.5a1 1 0 01.66-.59l3.36-1h.12c.11-.014.22-.014.33 0h.1a2.16 2.16 0 012 1.51 2.56 2.56 0 00.84 1.394z"
+        d="M10.602 3.663A2 2 0 118.38.337a2 2 0 012.222 3.326zm-.121 3.73a2.55 2.55 0 001.51.607 1 1 0 110 2 4.071 4.071 0 01-3-1.29l-.69 1.58 2.33 1.94a1 1 0 01.36.77v2a1 1 0 01-2 0v-1.53l-2.58-2.12-1.48 4a1.003 1.003 0 11-1.88-.7L5.87 7l-1.12.32-.82 2a1 1 0 11-1.86-.74l1-2.5a1 1 0 01.66-.59l3.36-1h.12c.11-.014.22-.014.33 0h.1a2.16 2.16 0 012 1.51 2.56 2.56 0 00.84 1.394z"
       />
     </svg>
   )

package/react/Icons/Walk_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/walk_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgWalkTwake(props) {
+  return (
+    <svg viewBox="0 0 11 17" {...props}>
+      <path d="M6.244 3.727c.819 0 1.489-.67 1.489-1.489 0-.818-.67-1.488-1.489-1.488-.818 0-1.488.67-1.488 1.488 0 .819.67 1.489 1.488 1.489zm-2.753 2.53L1.407 16.75H2.97l1.34-5.954 1.562 1.489v4.465H7.36v-5.581L5.798 9.68l.446-2.232a5.45 5.45 0 004.093 1.86V7.82c-1.414 0-2.604-.744-3.2-1.786l-.744-1.191a1.597 1.597 0 00-1.972-.625L.663 5.81v3.498H2.15v-2.53l1.34-.521z" />
+    </svg>
+  )
+}
+
+export default SvgWalkTwake

package/react/Icons/Wallet.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/wallet.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/wallet.svg` to regenerate
 import React from 'react'
 
+import SvgWalletTwake from './Wallet_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgWallet(props) {
+  if (isTwakeTheme()) return SvgWalletTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path

package/react/Icons/Wallet_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/wallet_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgWalletTwake(props) {
+  return (
+    <svg viewBox="0 0 16 13" {...props}>
+      <path d="M12.8 0H3.2A3.2 3.2 0 000 3.2v6.4a3.2 3.2 0 003.2 3.2h9.6A3.2 3.2 0 0016 9.6V3.2A3.2 3.2 0 0012.8 0zm-1.488 7.816c-.192.16-.456.224-.704.16L1.72 5.8c.24-.584.808-1 1.48-1h9.6c.536 0 1.008.272 1.304.672l-2.792 2.344zM3.2 1.6h9.6c.88 0 1.6.72 1.6 1.6v.44a3.198 3.198 0 00-1.6-.44H3.2c-.584 0-1.128.168-1.6.44V3.2c0-.88.72-1.6 1.6-1.6z" />
+    </svg>
+  )
+}
+
+export default SvgWalletTwake

package/react/Icons/Warn.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/warn.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/warn.svg` to regenerate
 import React from 'react'
 
+import SvgWarnTwake from './Warn_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgWarn(props) {
+  if (isTwakeTheme()) return SvgWarnTwake(props)
   return (
     <svg viewBox="0 0 48 48" {...props}>
       <path

package/react/Icons/Warn_twake.jsx

@@ -0,0 +1,13 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/warn_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgWarnTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M11.316 0H4.684L0 4.684v6.632L4.684 16h6.632L16 11.316V4.684L11.316 0zm2.906 10.578l-3.644 3.644H5.422l-3.644-3.644V5.422l3.644-3.644h5.156l3.644 3.644v5.156z" />
+      <path d="M8 12.444a.889.889 0 100-1.777.889.889 0 000 1.777zm-.889-8.888H8.89v6.222H7.11V3.556z" />
+    </svg>
+  )
+}
+
+export default SvgWarnTwake

package/react/Icons/Warning.jsx

@@ -1,12 +1,16 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/warning.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/warning.svg` to regenerate
 import React from 'react'
 
+import SvgWarningTwake from './Warning_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgWarning(props) {
+  if (isTwakeTheme()) return SvgWarningTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path
-        fillRule="evenodd"
         d="M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z"
+        fillRule="evenodd"
       />
     </svg>
   )

package/react/Icons/WarningCircle.jsx

@@ -1,12 +1,16 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/warning-circle.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/warning-circle.svg` to regenerate
 import React from 'react'
 
+import SvgWarningCircleTwake from './WarningCircle_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgWarningCircle(props) {
+  if (isTwakeTheme()) return SvgWarningCircleTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path
         fillRule="evenodd"
-        d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 9.75C7.30964 9.75 6.75 10.3096 6.75 11C6.75 11.6904 7.30964 12.25 8 12.25C8.69036 12.25 9.25 11.6904 9.25 11C9.25 10.3096 8.69036 9.75 8 9.75ZM8 4C7.48716 4 7.06449 4.38604 7.00673 4.88338L7 5V8C7 8.55228 7.44772 9 8 9C8.51284 9 8.93551 8.61396 8.99327 8.11662L9 8V5C9 4.44772 8.55228 4 8 4Z"
+        d="M8 0a8 8 0 110 16A8 8 0 018 0zm0 9.75a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zM8 4a1 1 0 00-.993.883L7 5v3a1 1 0 001.993.117L9 8V5a1 1 0 00-1-1z"
       />
     </svg>
   )

package/react/Icons/WarningCircle_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/warning-circle_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgWarningCircleTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm.8 12H7.2v-1.6h1.6V12zm0-3.2H7.2V4h1.6v4.8z" />
+    </svg>
+  )
+}
+
+export default SvgWarningCircleTwake

package/react/Icons/Warning_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/warning_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgWarningTwake(props) {
+  return (
+    <svg viewBox="0 0 16 14" {...props}>
+      <path d="M0 13.818h16L8 0 0 13.818zm8.727-2.182H7.273v-1.454h1.454v1.454zm0-2.909H7.273V5.818h1.454v2.91z" />
+    </svg>
+  )
+}
+
+export default SvgWarningTwake

package/react/Icons/Water.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/water.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/water.svg` to regenerate
 import React from 'react'
 
+import SvgWaterTwake from './Water_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgWater(props) {
+  if (isTwakeTheme()) return SvgWaterTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path

package/react/Icons/Water_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/water_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgWaterTwake(props) {
+  return (
+    <svg viewBox="0 0 13 16" {...props}>
+      <path d="M6.4 0C2.136 3.64 0 6.784 0 9.44 0 13.424 3.04 16 6.4 16c3.36 0 6.4-2.576 6.4-6.56 0-2.656-2.136-5.8-6.4-9.44zm0 14.4c-2.68 0-4.8-2.056-4.8-4.96 0-1.872 1.56-4.352 4.8-7.312 3.24 2.96 4.8 5.432 4.8 7.312 0 2.904-2.12 4.96-4.8 4.96zM3.064 9.6a.6.6 0 01.592.496c.328 1.776 1.824 2.384 2.912 2.296a.602.602 0 01.632.6c0 .32-.256.584-.576.6-1.704.104-3.696-.872-4.152-3.296a.6.6 0 01.592-.696z" />
+    </svg>
+  )
+}
+
+export default SvgWaterTwake

package/react/Icons/Work.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/work.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/work.svg` to regenerate
 import React from 'react'
 
+import SvgWorkTwake from './Work_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgWork(props) {
+  if (isTwakeTheme()) return SvgWorkTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path

package/react/Icons/Work_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/work_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgWorkTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M14.4 3.2h-3.2V1.6c0-.888-.712-1.6-1.6-1.6H6.4c-.888 0-1.6.712-1.6 1.6v1.6H1.6C.712 3.2.008 3.912.008 4.8L0 13.6c0 .888.712 1.6 1.6 1.6h12.8c.888 0 1.6-.712 1.6-1.6V4.8c0-.888-.712-1.6-1.6-1.6zm-4.8 0H6.4V1.6h3.2v1.6z" />
+    </svg>
+  )
+}
+
+export default SvgWorkTwake

package/react/Icons/WrenchCircle.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/wrench-circle.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/wrench-circle.svg` to regenerate
 import React from 'react'
 
+import SvgWrenchCircleTwake from './WrenchCircle_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgWrenchCircle(props) {
+  if (isTwakeTheme()) return SvgWrenchCircleTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path

package/react/Icons/WrenchCircle_twake.jsx

@@ -0,0 +1,21 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/wrench-circle_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgWrenchCircleTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <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-8zm0 14.4A6.408 6.408 0 011.6 8c0-3.528 2.872-6.4 6.4-6.4 3.528 0 6.4 2.872 6.4 6.4 0 3.528-2.872 6.4-6.4 6.4z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.192 7.504a2.783 2.783 0 00-.648-2.896 2.775 2.775 0 00-3.28-.472l1.88 1.88-1.128 1.128-1.88-1.88a2.773 2.773 0 00.472 3.28c.784.784 1.92.992 2.896.648l2.728 2.728c.16.16.408.16.568 0l1.12-1.12a.396.396 0 000-.568L9.192 7.504z"
+      />
+    </svg>
+  )
+}
+
+export default SvgWrenchCircleTwake

package/react/MuiCozyTheme/makeTheme.jsx

@@ -1,10 +1,15 @@
 import { makeShadows } from './helpers'
 import { makePalette } from './makePalette'
+import { makeTwakeTypography } from './makeTwakeTypography'
 import { makeTypography } from './makeTypography'
 import { makeDarkInvertedOverrides } from './overrides/makeDarkInvertedOverrides'
 import { makeDarkNormalOverrides } from './overrides/makeDarkNormalOverrides'
 import { makeLightInvertedOverrides } from './overrides/makeLightInvertedOverrides'
 import { makeLightNormalOverrides } from './overrides/makeLightNormalOverrides'
+import { makeDarkInvertedTwakeOverrides } from './overrides/twake/makeDarkInvertedOverrides'
+import { makeDarkNormalTwakeOverrides } from './overrides/twake/makeDarkNormalOverrides'
+import { makeLightInvertedTwakeOverrides } from './overrides/twake/makeLightInvertedOverrides'
+import { makeLightNormalTwakeOverrides } from './overrides/twake/makeLightNormalOverrides'
 import isTesting from '../helpers/isTesting'
 import { createTheme } from '../styles'
 import { createNodeWithThemeCssVars } from '../utils/color'
@@ -20,6 +25,17 @@ const makeOverridesByTheme = theme => ({
   }
 })
 
+const makeTwakeOverridesByTheme = theme => ({
+  light: {
+    normal: makeLightNormalTwakeOverrides(theme),
+    inverted: makeLightInvertedTwakeOverrides(theme)
+  },
+  dark: {
+    normal: makeDarkNormalTwakeOverrides(theme),
+    inverted: makeDarkInvertedTwakeOverrides(theme)
+  }
+})
+
 const themesCommonConfig = {
   shape: {
     borderRadius: 6
@@ -44,17 +60,23 @@ const themesCommonConfig = {
 }
 
 export const makeTheme = (type, variant) => {
+  const uiThemeName = localStorage.getItem('ui-theme-name') || 'Cozy'
   // to hold the values of css variables, recoverable by getCssVariableValue()
   createNodeWithThemeCssVars(type, variant)
 
   const palette = makePalette(type, variant)
   const theme = createTheme({
     ...themesCommonConfig,
-    typography: makeTypography(palette),
+    typography:
+      uiThemeName === 'Cozy' ? makeTypography(palette) : makeTwakeTypography(),
     shadows: makeShadows(type, variant),
     palette
   })
-  const overrides = makeOverridesByTheme(theme)[type][variant]
+
+  const overrides =
+    uiThemeName === 'Cozy'
+      ? makeOverridesByTheme(theme)[type][variant]
+      : makeTwakeOverridesByTheme(theme)[type][variant]
 
   return {
     ...theme,

package/react/MuiCozyTheme/makeTwakeTypography.js

@@ -0,0 +1,78 @@
+export const makeTwakeTypography = () => ({
+  fontFamily: 'var(--primaryFont)',
+  h1: {
+    fontSize: 45,
+    fontWeight: 600,
+    lineHeight: 1.087
+  },
+  h2: {
+    fontSize: 32,
+    fontWeight: 600,
+    lineHeight: 1.313
+  },
+  h3: {
+    fontSize: 24,
+    fontWeight: 600,
+    lineHeight: 1.167
+  },
+  h4: {
+    fontSize: 22,
+    fontWeight: 600,
+    lineHeight: 1.167
+  },
+  h5: {
+    fontSize: 16,
+    fontWeight: 500,
+    lineHeight: 1.313,
+    letterSpacing: '0.15px'
+  },
+  h6: {
+    fontSize: 14,
+    fontWeight: 500,
+    lineHeight: 1.313,
+    letterSpacing: '0.1px'
+  },
+  subtitle1: {
+    fontSize: 14,
+    fontWeight: 500,
+    lineHeight: 1.358,
+    letterSpacing: '0.1px'
+  },
+  subtitle2: {
+    fontSize: 14,
+    fontWeight: 600,
+    lineHeight: 1.334,
+    letterSpacing: '0.25px'
+  },
+  body1: {
+    fontSize: 16,
+    fontWeight: 400,
+    lineHeight: 1.313,
+    letterSpacing: '-0.15px'
+  },
+  body2: {
+    fontSize: 14,
+    fontWeight: 500,
+    lineHeight: 1.313,
+    letterSpacing: '0.25px'
+  },
+  button: {
+    fontSize: 16,
+    fontWeight: 500,
+    lineHeight: 1.313,
+    textTransform: 'inherit'
+  },
+  caption: {
+    fontSize: 12,
+    fontWeight: 500,
+    lineHeight: 1.313,
+    letterSpacing: '0.5px'
+  },
+  overline: {
+    fontSize: 12,
+    fontWeight: 500,
+    lineHeight: '16px',
+    letterSpacing: '0.4px',
+    textTransform: 'inherit'
+  }
+})

package/react/MuiCozyTheme/overrides/twake/makeDarkInvertedOverrides.js

@@ -0,0 +1,5 @@
+import { makeLightInvertedTwakeOverrides } from './makeLightInvertedOverrides'
+
+export const makeDarkInvertedTwakeOverrides = theme => {
+  return makeLightInvertedTwakeOverrides(theme)
+}

package/react/MuiCozyTheme/overrides/twake/makeDarkNormalOverrides.js

@@ -0,0 +1,5 @@
+import { makeLightNormalTwakeOverrides } from './makeLightNormalOverrides'
+
+export const makeDarkNormalTwakeOverrides = theme => {
+  return makeLightNormalTwakeOverrides(theme)
+}

package/react/MuiCozyTheme/overrides/twake/makeLightInvertedOverrides.js

@@ -0,0 +1,65 @@
+import merge from 'lodash/merge'
+
+import { makeLightNormalTwakeOverrides } from './makeLightNormalOverrides'
+
+export const makeLightInvertedTwakeOverrides = theme => {
+  const makeOverridesForInvertedTheme = theme => ({
+    MuiLinearProgress: {
+      colorPrimary: {
+        backgroundColor: 'rgba(255,255,255,0.2)'
+      },
+      colorSecondary: {
+        backgroundColor: 'rgba(255,255,255,0.2)'
+      }
+    },
+    MuiSnackbarContent: {
+      root: {
+        backgroundColor: theme.palette.grey[200]
+      }
+    },
+    MuiTabs: {
+      root: {
+        '&.segmented': {
+          '& $indicator': {
+            backgroundColor: theme.palette.primary.main
+          }
+        }
+      }
+    },
+    MuiTab: {
+      root: {
+        '&.segmented': {
+          '&$selected': {
+            color: theme.palette.primary.contrastText
+          }
+        }
+      }
+    },
+    MuiSwitch: {
+      switchBase: {
+        color: theme.palette.grey[100]
+      },
+      colorPrimary: {
+        '&$checked': {
+          '& + $track': {
+            backgroundColor: theme.palette.success.dark
+          }
+        }
+      },
+      colorSecondary: {
+        '&$checked': {
+          '& + $track': {
+            backgroundColor: theme.palette.success.dark
+          }
+        }
+      }
+    }
+  })
+
+  const invertedOverrides = merge(
+    makeLightNormalTwakeOverrides(theme),
+    makeOverridesForInvertedTheme(theme)
+  )
+
+  return invertedOverrides
+}