cozy-ui 117.3.0 → 119.0.0

package/react/Icons/Notes_twake.jsx

@@ -0,0 +1,70 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/notes_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgNotesTwake(props) {
+  return (
+    <svg viewBox="0 0 17 17" fill="none" {...props}>
+      <rect x={0.718} y={0.014} width={16} height={16} rx={5.284} fill="#fff" />
+      <rect
+        x={0.718}
+        y={0.014}
+        width={16}
+        height={16}
+        rx={5.284}
+        fill="url(#notes_twake_svg__paint0_linear_11359_12573)"
+      />
+      <g filter="url(#notes_twake_svg__filter0_d_11359_12573)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.714 2.87c-.717 0-1.314.456-1.443 1.06h-.923a2.285 2.285 0 00-2.285 2.285v4.732a2.284 2.284 0 002.285 2.284h4.732a2.284 2.284 0 002.284-2.284V6.215A2.284 2.284 0 0011.08 3.93h-.924c-.128-.604-.725-1.06-1.442-1.06zm1.133 3.41a.653.653 0 01.923 0l.173.173a.653.653 0 010 .924l-.288.288L9.559 6.57l.288-.289zm-.634.635l1.096 1.096L7.24 11.08a.163.163 0 01-.115.047H6.26a.163.163 0 01-.163-.163V10.1a.16.16 0 01.048-.115l3.068-3.068z"
+          fill="#fff"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="notes_twake_svg__paint0_linear_11359_12573"
+          x1={3.492}
+          y1={14.577}
+          x2={15.812}
+          y2={0.993}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.23} stopColor="#FFB81E" />
+          <stop offset={1} stopColor="#FFE098" />
+        </linearGradient>
+        <filter
+          id="notes_twake_svg__filter0_d_11359_12573"
+          x={3.247}
+          y={2.217}
+          width={10.933}
+          height={11.994}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy={0.163} />
+          <feGaussianBlur stdDeviation={0.408} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_11359_12573"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_11359_12573"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgNotesTwake

package/react/Icons/NotificationEmail.jsx

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

package/react/Icons/NotificationEmail_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/notification-email_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgNotificationEmailTwake(props) {
+  return (
+    <svg viewBox="0 0 20 18" {...props}>
+      <path d="M20 6.98V16c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2L.01 4C.01 2.9.9 2 2 2h10.1c-.06.32-.1.66-.1 1 0 .34.04.68.1 1H2l8 5 3.67-2.29c.47.43 1.02.76 1.63.98L10 11 2 6v10h16V7.9c.74-.15 1.42-.48 2-.92zM14 3c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3z" />
+    </svg>
+  )
+}
+
+export default SvgNotificationEmailTwake

package/react/Icons/Notifications.jsx

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

package/react/Icons/Notifications_twake.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/permissions/notifications_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgNotificationsTwake(props) {
+  return (
+    <svg viewBox="0 0 14 16" fill="none" {...props}>
+      <path
+        d="M6.564 16c.903 0 1.641-.739 1.641-1.641H4.923c0 .902.739 1.641 1.641 1.641zm4.923-4.923V6.974c0-2.519-1.337-4.627-3.692-5.185V1.23c0-.68-.55-1.23-1.23-1.23a1.23 1.23 0 00-1.232 1.23v.559c-2.346.558-3.692 2.658-3.692 5.185v4.103L0 12.717v.822h13.128v-.821l-1.64-1.641zm-1.64.82H3.281V6.974c0-2.035 1.239-3.692 3.282-3.692s3.282 1.657 3.282 3.692v4.923z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+    </svg>
+  )
+}
+
+export default SvgNotificationsTwake

package/react/Icons/Number.jsx

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

package/react/Icons/Number_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/number_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgNumberTwake(props) {
+  return (
+    <svg viewBox="0 0 17 8" {...props}>
+      <path d="M3.847 7.097H2.298V2.452H.75V.903h3.097v6.194zm6.71-1.549H7.46V4.516h2.064c.568 0 1.033-.464 1.033-1.032V1.936c0-.568-.465-1.033-1.033-1.033H5.911v1.549h3.097v1.032H6.944c-.568 0-1.033.464-1.033 1.032v2.58h4.646V5.549zm6.193.517v-4.13c0-.567-.465-1.032-1.032-1.032h-3.613v1.549h3.097v1.032h-2.065v1.032h2.065v1.032h-3.097v1.549h3.613c.567 0 1.032-.465 1.032-1.032z" />
+    </svg>
+  )
+}
+
+export default SvgNumberTwake

package/react/Icons/Offline.jsx

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

package/react/Icons/Offline_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/offline_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgOfflineTwake(props) {
+  return (
+    <svg viewBox="0 0 16 14" {...props}>
+      <path d="M14.546 7.314L16 5.859c-2.713-2.713-6.45-3.745-9.964-3.134L7.913 4.6a9.27 9.27 0 016.633 2.713zM13.09 8.768a7.196 7.196 0 00-2.705-1.694l2.196 2.196.509-.502zm-7.273 2.91L8 13.858l2.182-2.182a3.081 3.081 0 00-4.364 0zM1.753.505L.727 1.532 2.945 3.75A11.42 11.42 0 000 5.86l1.455 1.454a9.199 9.199 0 013.032-2.022l1.63 1.629a7.144 7.144 0 00-3.208 1.847l1.455 1.455A5.09 5.09 0 017.92 8.725l5.15 5.149 1.024-1.026L1.754.506z" />
+    </svg>
+  )
+}
+
+export default SvgOfflineTwake

package/react/Icons/Online.jsx

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

package/react/Icons/Online_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/online_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgOnlineTwake(props) {
+  return (
+    <svg viewBox="0 0 16 12" {...props}>
+      <path d="M0 3.432l1.455 1.454a9.257 9.257 0 0113.09 0L16 3.432c-4.415-4.415-11.578-4.415-16 0zM5.818 9.25L8 11.43l2.182-2.181a3.081 3.081 0 00-4.364 0zM2.91 6.34l1.455 1.455a5.145 5.145 0 017.272 0l1.455-1.454c-2.807-2.808-7.367-2.808-10.182 0z" />
+    </svg>
+  )
+}
+
+export default SvgOnlineTwake

package/react/Icons/Openapp.jsx

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

package/react/Icons/Openapp_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/openapp_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgOpenappTwake(props) {
+  return (
+    <svg viewBox="0 0 16 14" {...props}>
+      <path d="M14.546.452H1.455C.655.452 0 1.106 0 1.906v2.902h1.455V1.892h13.09v10.203H1.456V9.172H0v2.916c0 .8.655 1.44 1.455 1.44h13.09c.8 0 1.455-.64 1.455-1.44V1.906C16 1.1 15.345.452 14.546.452zM7.273 9.899l2.909-2.91-2.91-2.908v2.182H0v1.454h7.273V9.9zM14.546.452H1.455C.655.452 0 1.106 0 1.906v2.902h1.455V1.892h13.09v10.203H1.456V9.172H0v2.916c0 .8.655 1.44 1.455 1.44h13.09c.8 0 1.455-.64 1.455-1.44V1.906C16 1.1 15.345.452 14.546.452zM7.273 9.899l2.909-2.91-2.91-2.908v2.182H0v1.454h7.273V9.9z" />
+    </svg>
+  )
+}
+
+export default SvgOpenappTwake

package/react/Icons/Openwith.jsx

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

package/react/Icons/Openwith_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/openwith_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgOpenwithTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M14.222 14.222H1.778V1.778H8V0H1.778C.79 0 0 .8 0 1.778v12.444C0 15.2.791 16 1.778 16h12.444C15.2 16 16 15.2 16 14.222V8h-1.778v6.222zM9.778 0v1.778h3.19l-8.737 8.738 1.253 1.253 8.738-8.738v3.191H16V0H9.778z" />
+    </svg>
+  )
+}
+
+export default SvgOpenwithTwake

package/react/Icons/Opinions.jsx

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

package/react/Icons/Opinions_twake.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/permissions/opinions_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgOpinionsTwake(props) {
+  return (
+    <svg viewBox="0 0 16 17" fill="none" {...props}>
+      <path
+        d="M8 13.116l4.944 2.984-1.312-5.624L16 6.692l-5.752-.488L8 .9 5.752 6.204 0 6.692l4.368 3.784L3.056 16.1 8 13.116z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+    </svg>
+  )
+}
+
+export default SvgOpinionsTwake

package/react/Icons/Palette.jsx

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

package/react/Icons/Palette_twake.jsx

@@ -0,0 +1,13 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/palette_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgPaletteTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M8 16c-4.408 0-8-3.592-8-8 0-4.408 3.592-8 8-8 4.408 0 8 3.232 8 7.2 0 2.648-2.152 4.8-4.8 4.8H9.784c-.224 0-.4.176-.4.4 0 .096.04.184.104.264.328.376.512.848.512 1.336a2 2 0 01-2 2zM8 1.6A6.408 6.408 0 001.6 8c0 3.528 2.872 6.4 6.4 6.4.224 0 .4-.176.4-.4a.433.433 0 00-.112-.28 1.986 1.986 0 01-.504-1.32 2 2 0 012-2H11.2a3.2 3.2 0 003.2-3.2c0-3.088-2.872-5.6-6.4-5.6z" />
+      <path d="M3.6 8.8a1.2 1.2 0 100-2.4 1.2 1.2 0 000 2.4zM6 5.6a1.2 1.2 0 100-2.4 1.2 1.2 0 000 2.4zm4 0a1.2 1.2 0 100-2.4 1.2 1.2 0 000 2.4zm2.4 3.2a1.2 1.2 0 100-2.4 1.2 1.2 0 000 2.4z" />
+    </svg>
+  )
+}
+
+export default SvgPaletteTwake

package/react/Icons/Paper.jsx

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

package/react/Icons/Paper_twake.jsx

@@ -0,0 +1,14 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/paper_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgPaperTwake(props) {
+  return (
+    <svg viewBox="0 0 20 20" {...props}>
+      <path d="M16 10h-4v1.5h4V10zm0 3h-4v1.5h4V13z" />
+      <path d="M18 5h-5V2c0-1.1-.9-2-2-2H9C7.9 0 7 .9 7 2v3H2C.9 5 0 5.9 0 7v11c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zM9 2h2v5H9V2zm9 16H2V7h5c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2h5v11z" />
+      <path d="M7 13a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm2.08 1.18c-.64-.28-1.34-.43-2.08-.43s-1.44.15-2.08.43c-.56.24-.92.78-.92 1.39V16h6v-.43c0-.61-.36-1.15-.92-1.39z" />
+    </svg>
+  )
+}
+
+export default SvgPaperTwake

package/react/Icons/Paperplane.jsx

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

package/react/Icons/Paperplane_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/paperplane_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgPaperplaneTwake(props) {
+  return (
+    <svg viewBox="0 0 17 14" {...props}>
+      <path d="M2.031 2.452l5.722 2.453-5.73-.762.008-1.691zm5.715 6.643L2.024 11.55V9.857l5.722-.762zM.508.143L.5 5.476 11.929 7 .5 8.524l.008 5.333L16.5 7 .508.143z" />
+    </svg>
+  )
+}
+
+export default SvgPaperplaneTwake

package/react/Icons/Papers.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/papers.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/papers.svg` to regenerate
 import React from 'react'
 
+import SvgPapersTwake from './Papers_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgPapers(props) {
+  if (isTwakeTheme()) return SvgPapersTwake(props)
   return (
     <svg viewBox="0 0 32 32" fill="none" {...props}>
       <path

package/react/Icons/Papers_twake.jsx

@@ -0,0 +1,66 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/papers_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgPapersTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <g clipPath="url(#papers_twake_svg__clip0_11291_1044)">
+        <path
+          d="M10.716 0H5.284A5.284 5.284 0 000 5.284v5.432A5.284 5.284 0 005.284 16h5.432A5.284 5.284 0 0016 10.716V5.284A5.284 5.284 0 0010.716 0z"
+          fill="url(#papers_twake_svg__paint0_linear_11291_1044)"
+        />
+        <g filter="url(#papers_twake_svg__filter0_d_11291_1044)" fill="#fff">
+          <path d="M5.5 5A1.5 1.5 0 017 3.5h5A1.5 1.5 0 0113.5 5v3A1.5 1.5 0 0112 9.5h-.25V8A2.75 2.75 0 009 5.25H5.5V5z" />
+          <path d="M4 6.5A1.5 1.5 0 002.5 8v3A1.5 1.5 0 004 12.5h5a1.5 1.5 0 001.5-1.5V8A1.5 1.5 0 009 6.5H4z" />
+        </g>
+      </g>
+      <defs>
+        <linearGradient
+          id="papers_twake_svg__paint0_linear_11291_1044"
+          x1={2.162}
+          y1={14.686}
+          x2={15.012}
+          y2={0}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#E97C00" />
+          <stop offset={1} stopColor="#FFD900" />
+        </linearGradient>
+        <clipPath id="papers_twake_svg__clip0_11291_1044">
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+        <filter
+          id="papers_twake_svg__filter0_d_11291_1044"
+          x={1.079}
+          y={2.363}
+          width={13.843}
+          height={11.843}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy={0.284} />
+          <feGaussianBlur stdDeviation={0.711} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_11291_1044"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_11291_1044"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgPapersTwake

package/react/Icons/Pass.jsx

@@ -0,0 +1,69 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/pass.svg` to regenerate;
+import React from 'react'
+
+function SvgPass(props) {
+  return (
+    <svg viewBox="0 0 32 32" fill="none" {...props}>
+      <path
+        d="M0 10.568C0 4.731 4.73 0 10.568 0h10.864C27.268 0 32 4.731 32 10.568v10.864C32 27.269 27.268 32 21.432 32H10.568C4.73 32 0 27.268 0 21.432V10.568z"
+        fill="#fff"
+      />
+      <path
+        d="M0 10.568C0 4.731 4.73 0 10.568 0h10.864C27.268 0 32 4.731 32 10.568v10.864C32 27.269 27.268 32 21.432 32H10.568C4.73 32 0 27.268 0 21.432V10.568z"
+        fill="url(#pass_svg__paint0_linear_11350_7889)"
+      />
+      <g filter="url(#pass_svg__filter0_d_11350_7889)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M9.328 23.872a.622.622 0 01-.618-.63l.023-1.823 5.177-5.176c-.455-.951-.607-1.976-.458-3.077.15-1.1.644-2.07 1.48-2.906 1.034-1.033 2.274-1.55 3.72-1.55 1.447 0 2.687.517 3.72 1.55 1.034 1.033 1.55 2.273 1.55 3.72 0 1.446-.516 2.686-1.55 3.72a5.14 5.14 0 01-2.836 1.472 5.094 5.094 0 01-3.146-.45l-.218.217v1.858a.622.622 0 01-.622.622h-1.235a.622.622 0 00-.622.623v1.231a.622.622 0 01-.626.622l-3.739-.023zm10.256-9.294a1.555 1.555 0 100-3.11 1.555 1.555 0 000 3.11z"
+          fill="#fff"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="pass_svg__paint0_linear_11350_7889"
+          x1={5.548}
+          y1={29.127}
+          x2={30.188}
+          y2={1.958}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.23} stopColor="#B6C4DF" />
+          <stop offset={1} stopColor="#D3DDF5" />
+        </linearGradient>
+        <filter
+          id="pass_svg__filter0_d_11350_7889"
+          x={5.99}
+          y={6.534}
+          width={20.652}
+          height={20.625}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy={0.544} />
+          <feGaussianBlur stdDeviation={1.36} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_11350_7889"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_11350_7889"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgPass

package/react/Icons/Pass_twake.jsx

@@ -0,0 +1,69 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/pass_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgPassTwake(props) {
+  return (
+    <svg viewBox="0 0 16 17" fill="none" {...props}>
+      <path
+        d="M0 5.58A5.284 5.284 0 015.284.296h5.432A5.284 5.284 0 0116 5.58v5.432a5.284 5.284 0 01-5.284 5.284H5.284A5.284 5.284 0 010 11.012V5.58z"
+        fill="#fff"
+      />
+      <path
+        d="M0 5.58A5.284 5.284 0 015.284.296h5.432A5.284 5.284 0 0116 5.58v5.432a5.284 5.284 0 01-5.284 5.284H5.284A5.284 5.284 0 010 11.012V5.58z"
+        fill="url(#pass_twake_svg__paint0_linear_11359_12605)"
+      />
+      <g filter="url(#pass_twake_svg__filter0_d_11359_12605)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M4.664 12.232a.311.311 0 01-.31-.315l.012-.912 2.589-2.588a2.659 2.659 0 01-.229-1.538 2.49 2.49 0 01.74-1.453 2.537 2.537 0 011.86-.775c.723 0 1.343.258 1.86.775.517.516.775 1.136.775 1.86 0 .723-.258 1.343-.775 1.86a2.57 2.57 0 01-1.418.736 2.547 2.547 0 01-1.573-.225l-.109.109v.928c0 .172-.14.311-.31.311h-.619a.311.311 0 00-.31.312v.615a.31.31 0 01-.314.311l-1.87-.011zm5.128-4.647a.778.778 0 100-1.556.778.778 0 000 1.556z"
+          fill="#fff"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="pass_twake_svg__paint0_linear_11359_12605"
+          x1={2.774}
+          y1={14.859}
+          x2={15.094}
+          y2={1.275}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.23} stopColor="#B6C4DF" />
+          <stop offset={1} stopColor="#D3DDF5" />
+        </linearGradient>
+        <filter
+          id="pass_twake_svg__filter0_d_11359_12605"
+          x={2.995}
+          y={3.563}
+          width={10.326}
+          height={10.312}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy={0.272} />
+          <feGaussianBlur stdDeviation={0.68} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_11359_12605"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_11359_12605"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgPassTwake

package/react/Icons/Password.jsx

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

package/react/Icons/Password_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/password_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgPasswordTwake(props) {
+  return (
+    <svg viewBox="0 0 16 10" {...props}>
+      <path d="M.727 7.909h14.546v1.455H.727V7.909zm.837-2.946l.618-1.076.618 1.076.945-.545-.618-1.076h1.237V2.25H3.127l.618-1.07L2.8.637l-.618 1.07-.618-1.07-.946.546.618 1.069H0v1.09h1.236L.618 4.419l.946.545zm4.872-.545l.946.545L8 3.887l.618 1.076.946-.545-.619-1.076h1.237V2.25H8.945l.619-1.07-.946-.545L8 1.706 7.382.635l-.946.546.619 1.069H5.818v1.09h1.237l-.619 1.077zM16 2.251h-1.236l.618-1.07-.946-.545-.618 1.07L13.2.635l-.945.546.618 1.069h-1.237v1.09h1.237l-.618 1.077.945.545.618-1.076.618 1.076.946-.545-.618-1.076H16V2.25z" />
+    </svg>
+  )
+}
+
+export default SvgPasswordTwake

package/react/Icons/Passwords.jsx

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