cozy-ui 118.0.0 → 119.0.1

package/react/Icons/Category.jsx

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

package/react/Icons/Category_twake.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/permissions/category_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCategoryTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <path
+        d="M10.91 8.547L7.44 5.068a.911.911 0 01-.207-1.009.904.904 0 01.198-.296L10.909.285a.974.974 0 01.313-.207.933.933 0 01.367-.078c.122 0 .238.026.349.078.11.052.208.121.294.207l3.475 3.483a.91.91 0 01.27.652c0 .122-.022.24-.066.352a.87.87 0 01-.196.296l-3.478 3.479a1.073 1.073 0 01-.297.209.803.803 0 01-.351.08 1.01 1.01 0 01-.68-.29zM0 6.135V1.221A.91.91 0 01.27.556C.45.374.67.283.93.283h4.91a.91.91 0 01.665.27c.182.18.273.4.273.66v4.915a.91.91 0 01-.27.665.893.893 0 01-.66.273H.937a.911.911 0 01-.665-.27.893.893 0 01-.273-.66zm8.934 8.934V10.16a.91.91 0 01.27-.665c.18-.182.4-.273.66-.273h4.915a.91.91 0 01.665.27c.182.18.273.4.273.66v4.91a.91.91 0 01-.27.665.893.893 0 01-.66.273H9.871a.911.911 0 01-.665-.27.893.893 0 01-.273-.66zM0 15.07v-4.91a.91.91 0 01.27-.665c.18-.182.4-.273.66-.273h4.91a.91.91 0 01.665.27c.182.18.273.4.273.66v4.91c0 .26-.09.482-.27.665a.893.893 0 01-.66.273H.937a.911.911 0 01-.665-.27.893.893 0 01-.273-.66zm1.864-9.866h3.05V2.146h-3.05v3.057zm9.715 1.374l2.139-2.161-2.139-2.167-2.161 2.167 2.161 2.161zm-.782 7.56h3.057v-3.052h-3.056v3.051zm-8.933 0h3.05v-3.052h-3.05v3.051z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+    </svg>
+  )
+}
+
+export default SvgCategoryTwake

package/react/Icons/Certified.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/certified.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/certified.svg` to regenerate
 import React from 'react'
 
+import SvgCertifiedTwake from './Certified_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgCertified(props) {
+  if (isTwakeTheme()) return SvgCertifiedTwake(props)
   return (
     <svg viewBox="0 0 12 12" {...props}>
       <path d="M11.806 5.468a.782.782 0 010 1.032l-.714.812a.782.782 0 00-.19.588L11 8.976a.782.782 0 01-.606.835l-1.057.24a.782.782 0 00-.5.363l-.553.93a.782.782 0 01-.98.32l-.995-.427a.782.782 0 00-.619 0l-.993.43a.782.782 0 01-.983-.318l-.553-.929a.782.782 0 00-.499-.363l-1.057-.24A.782.782 0 011 8.982L1.1 7.9a.782.782 0 00-.191-.587l-.715-.814a.782.782 0 010-1.031l.715-.819a.782.782 0 00.19-.587L1 2.988a.782.782 0 01.608-.836l1.054-.236a.782.782 0 00.501-.364l.552-.93a.783.783 0 01.982-.318l.995.427c.197.085.42.085.617 0l.995-.427a.782.782 0 01.981.319l.553.93c.11.185.29.316.5.363l1.057.24a.782.782 0 01.606.835l-.1 1.076c-.02.214.05.427.191.588l.714.813zm-7.526.001a.75.75 0 00-1.06 1.062l1.5 1.497a.75.75 0 001.06 0l3-2.997a.75.75 0 10-1.06-1.062L5.25 6.42l-.97-.95z" />

package/react/Icons/CertifiedPermissions.jsx

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

package/react/Icons/CertifiedPermissions_twake.jsx

@@ -0,0 +1,21 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/permissions/certified-permissions_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCertifiedPermissionsTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <path
+        d="M16 7.63L14.226 5.6l.247-2.684-2.626-.596L10.473 0 8 1.062 5.527 0 4.153 2.32l-2.626.59.248 2.69L0 7.63l1.775 2.028-.248 2.691 2.626.596 1.374 2.328L8 14.203l2.473 1.063 1.374-2.32 2.626-.597-.248-2.684L16 7.63zm-2.873 1.075l-.407.473.058.618.131 1.418-1.993.451-.32.539-.72 1.221-1.294-.56L8 12.619l-.575.248-1.294.56-.72-1.215-.32-.538-1.993-.451.131-1.426.058-.618-.407-.473-.938-1.069.938-1.076.407-.473-.065-.625L3.09 4.05l1.994-.45.32-.538.72-1.222 1.294.56.582.247.575-.247 1.294-.56.72 1.222.32.538 1.993.45-.131 1.42-.058.617.407.473.938 1.07-.93 1.075z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+      <path
+        d="M6.61 8.91L4.925 7.214 3.847 8.298l2.764 2.771 5.338-5.353-1.076-1.083L6.61 8.909z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+    </svg>
+  )
+}
+
+export default SvgCertifiedPermissionsTwake

package/react/Icons/Certified_twake.jsx

@@ -0,0 +1,13 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/certified_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCertifiedTwake(props) {
+  return (
+    <svg viewBox="0 0 16 17" {...props}>
+      <path d="M16 8.493l-1.774-2.03.247-2.683-2.626-.596-1.374-2.32L8 1.925 5.527.864l-1.374 2.32-2.626.589.248 2.69L0 8.494l1.775 2.029-.248 2.69 2.626.597 1.374 2.327L8 15.067l2.473 1.062 1.374-2.32 2.626-.596-.248-2.684L16 8.493zm-2.873 1.076l-.407.473.058.618.131 1.418-1.993.451-.32.538-.72 1.222-1.294-.56L8 13.482l-.575.247-1.294.56-.72-1.215-.32-.538-1.993-.45.131-1.426.058-.618-.407-.473-.938-1.07.938-1.075.407-.473-.065-.626-.131-1.41 1.993-.451.32-.539.72-1.221 1.294.56L8 3.51l.575-.247 1.294-.56.72 1.221.32.539 1.993.45-.131 1.419-.058.618.407.473.938 1.069-.93 1.076z" />
+      <path d="M6.61 9.773L4.925 8.078 3.847 9.162l2.764 2.77 5.338-5.352-1.076-1.084L6.61 9.773z" />
+    </svg>
+  )
+}
+
+export default SvgCertifiedTwake

package/react/Icons/Chat.jsx

@@ -0,0 +1,84 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/chat.svg` to regenerate;
+import React from 'react'
+
+function SvgChat(props) {
+  return (
+    <svg viewBox="0 0 33 33" fill="none" {...props}>
+      <g clipPath="url(#chat_svg__clip0_11347_30938)">
+        <rect
+          x={0.704}
+          y={0.704}
+          width={32.017}
+          height={32.017}
+          rx={10.574}
+          fill="#fff"
+        />
+        <rect
+          x={0.704}
+          y={0.704}
+          width={32.017}
+          height={32.017}
+          rx={10.574}
+          fill="url(#chat_svg__paint0_linear_11347_30938)"
+        />
+        <g filter="url(#chat_svg__filter0_d_11347_30938)">
+          <path
+            d="M16.704 7.398c5.861 0 10.613 4.104 10.613 9.165 0 5.062-4.752 9.165-10.613 9.165a12.12 12.12 0 01-3.433-.49c-1.204.936-3.07 1.722-5.6 2.356a.484.484 0 01-.54-.706l.18-.329c.84-1.545 1.364-2.813 1.572-3.802-1.733-1.63-2.791-3.806-2.791-6.194 0-5.061 4.751-9.165 10.612-9.165z"
+            fill="#fff"
+          />
+        </g>
+      </g>
+      <defs>
+        <linearGradient
+          id="chat_svg__paint0_linear_11347_30938"
+          x1={5.031}
+          y1={30.092}
+          x2={30.745}
+          y2={0.704}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#8135FE" />
+          <stop offset={1} stopColor="#E8A6FF" />
+        </linearGradient>
+        <clipPath id="chat_svg__clip0_11347_30938">
+          <path
+            fill="#fff"
+            transform="translate(.704 .704)"
+            d="M0 0h32v32H0z"
+          />
+        </clipPath>
+        <filter
+          id="chat_svg__filter0_d_11347_30938"
+          x={4.459}
+          y={6.092}
+          width={24.49}
+          height={23.476}
+          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.327} />
+          <feGaussianBlur stdDeviation={0.816} />
+          <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_11347_30938"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_11347_30938"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgChat

package/react/Icons/Chat_twake.jsx

@@ -0,0 +1,72 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/chat_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgChatTwake(props) {
+  return (
+    <svg viewBox="0 0 17 16" fill="none" {...props}>
+      <g clipPath="url(#chat_twake_svg__clip0_11359_12602)">
+        <rect x={0.704} width={16.009} height={16.009} rx={5.287} fill="#fff" />
+        <rect
+          x={0.704}
+          width={16.009}
+          height={16.009}
+          rx={5.287}
+          fill="url(#chat_twake_svg__paint0_linear_11359_12602)"
+        />
+        <g filter="url(#chat_twake_svg__filter0_d_11359_12602)">
+          <path
+            d="M8.704 3.347c2.93 0 5.306 2.052 5.306 4.582 0 2.531-2.375 4.583-5.306 4.583-.6 0-1.178-.086-1.716-.245-.602.468-1.535.86-2.8 1.178a.242.242 0 01-.27-.353l.09-.165c.42-.772.682-1.406.786-1.9-.867-.816-1.396-1.903-1.396-3.098 0-2.53 2.376-4.582 5.306-4.582z"
+            fill="#fff"
+          />
+        </g>
+      </g>
+      <defs>
+        <linearGradient
+          id="chat_twake_svg__paint0_linear_11359_12602"
+          x1={2.867}
+          y1={14.694}
+          x2={15.725}
+          y2={0}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#8135FE" />
+          <stop offset={1} stopColor="#E8A6FF" />
+        </linearGradient>
+        <clipPath id="chat_twake_svg__clip0_11359_12602">
+          <path fill="#fff" transform="translate(.704)" d="M0 0h16v16H0z" />
+        </clipPath>
+        <filter
+          id="chat_twake_svg__filter0_d_11359_12602"
+          x={2.582}
+          y={2.694}
+          width={12.245}
+          height={11.738}
+          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_12602"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_11359_12602"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgChatTwake

package/react/Icons/Check.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/check.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/check.svg` to regenerate
 import React from 'react'
 
+import SvgCheckTwake from './Check_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgCheck(props) {
+  if (isTwakeTheme()) return SvgCheckTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path d="M1.707 10.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l11-11a1 1 0 00-1.414-1.414L4 12.586l-2.293-2.293z" />

package/react/Icons/CheckCircle.jsx

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

package/react/Icons/CheckCircle_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/check-circle_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCheckCircleTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M6.88 11.68l5.64-5.64-1.12-1.12-4.52 4.52L4.6 7.16 3.48 8.28l3.4 3.4zM8 16a7.79 7.79 0 01-3.12-.63 8.079 8.079 0 01-2.54-1.71 8.08 8.08 0 01-1.71-2.54A7.79 7.79 0 010 8c0-1.107.21-2.147.63-3.12.42-.973.99-1.82 1.71-2.54A8.079 8.079 0 014.88.63 7.79 7.79 0 018 0a7.79 7.79 0 013.12.63c.973.42 1.82.99 2.54 1.71s1.29 1.567 1.71 2.54c.42.973.63 2.013.63 3.12a7.79 7.79 0 01-.63 3.12 8.08 8.08 0 01-1.71 2.54 8.08 8.08 0 01-2.54 1.71A7.79 7.79 0 018 16z" />
+    </svg>
+  )
+}
+
+export default SvgCheckCircleTwake

package/react/Icons/CheckList.jsx

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

package/react/Icons/CheckList_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/check-list_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCheckListTwake(props) {
+  return (
+    <svg viewBox="0 0 16 13" {...props}>
+      <path d="M16 2.963H8.8v1.6H16v-1.6zm0 6.4H8.8v1.6H16v-1.6zm-13.168-3.2L0 3.331l1.128-1.128L2.824 3.9 6.216.507l1.128 1.128-4.512 4.528zm0 6.4L0 9.731l1.128-1.128L2.824 10.3l3.392-3.392 1.128 1.128-4.512 4.528z" />
+    </svg>
+  )
+}
+
+export default SvgCheckListTwake

package/react/Icons/CheckSquare.jsx

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

package/react/Icons/CheckSquare_twake.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/check-square_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCheckSquareTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.778 0h12.444C15.2 0 16 .8 16 1.778v12.444C16 15.2 15.2 16 14.222 16H1.778C.8 16 0 15.2 0 14.222V1.778C0 .8.8 0 1.778 0zm10.31 4.089l1.245 1.244-7.11 7.111L2.666 8.89 3.91 7.645l2.311 2.31L12.09 4.09z"
+      />
+    </svg>
+  )
+}
+
+export default SvgCheckSquareTwake

package/react/Icons/CheckWhite.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/illus/check-white.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/check-white.svg` to regenerate
 import React from 'react'
 
+import SvgCheckWhiteTwake from './CheckWhite_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgCheckWhite(props) {
+  if (isTwakeTheme()) return SvgCheckWhiteTwake(props)
   return (
     <svg viewBox="0 0 20 20" {...props}>
       <path

package/react/Icons/CheckWhite_twake.jsx

@@ -0,0 +1,15 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/check-white_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCheckWhiteTwake(props) {
+  return (
+    <svg viewBox="0 0 16 13" fill="none" {...props}>
+      <path
+        d="M5.085 9.624L1.292 5.83 0 7.113l5.085 5.085L16 1.283 14.717 0 5.085 9.624z"
+        fill="#fff"
+      />
+    </svg>
+  )
+}
+
+export default SvgCheckWhiteTwake

package/react/Icons/Check_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/check_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCheckTwake(props) {
+  return (
+    <svg viewBox="0 0 17 13" {...props}>
+      <path d="M5.88 10.23L2.087 6.437.795 7.719l5.085 5.085L16.795 1.889 15.512.606 5.88 10.23z" />
+    </svg>
+  )
+}
+
+export default SvgCheckTwake

package/react/Icons/Checkbox.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/checkbox.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/checkbox.svg` to regenerate
 import React from 'react'
 
+import SvgCheckboxTwake from './Checkbox_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgCheckbox(props) {
+  if (isTwakeTheme()) return SvgCheckboxTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path d="M14 14V8.243l2-2V14a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2h11.757l-2 2H2v12h12z" />

package/react/Icons/Checkbox_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/checkbox_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCheckboxTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M6.756 9.244l-1.912-1.91a.843.843 0 00-.622-.245.843.843 0 00-.622.244.843.843 0 00-.244.623c0 .251.081.459.244.622l2.533 2.533a.853.853 0 00.623.267.853.853 0 00.622-.267L12.4 6.09a.843.843 0 00.244-.622.843.843 0 00-.244-.623.843.843 0 00-.622-.244.843.843 0 00-.622.244l-4.4 4.4zM1.778 16c-.49 0-.908-.174-1.256-.522A1.712 1.712 0 010 14.222V1.778C0 1.288.174.87.522.522A1.712 1.712 0 011.778 0h12.444c.49 0 .908.174 1.256.522.348.348.522.767.522 1.256v12.444c0 .49-.174.908-.522 1.256a1.712 1.712 0 01-1.256.522H1.778zm0-1.778h12.444V1.778H1.778v12.444z" />
+    </svg>
+  )
+}
+
+export default SvgCheckboxTwake

package/react/Icons/Chess.jsx

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

package/react/Icons/Chess_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/chess_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgChessTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M2.4 14.4h11.2v-1.6H2.4v1.6zm2.64-3.2h5.92L10.5 8h-5l-.46 3.2zM.8 16v-3.2c0-.44.157-.817.47-1.13a1.54 1.54 0 011.13-.47h1.04L3.88 8H1.6V6.4h12.8V8h-2.28l.44 3.2h1.04c.44 0 .817.157 1.13.47.313.313.47.69.47 1.13V16H.8zm3.02-9.6L2.4 0c.44.333.893.647 1.36.94.467.293.98.44 1.54.44.533 0 1.023-.137 1.47-.41A6.624 6.624 0 008 0c.373.373.783.697 1.23.97.447.273.937.41 1.47.41a2.84 2.84 0 001.54-.44c.467-.293.92-.607 1.36-.94l-1.42 6.4h-1.64l.78-3.46-.15.02c-.1.013-.257.02-.47.02-.48 0-.95-.073-1.41-.22A5.115 5.115 0 018 2.14a4.862 4.862 0 01-1.25.62c-.447.147-.903.22-1.37.22a5.02 5.02 0 01-.53-.02l-.17-.02.78 3.46H3.82z" />
+    </svg>
+  )
+}
+
+export default SvgChessTwake

package/react/Icons/Child.jsx

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

package/react/Icons/Child_twake.jsx

@@ -0,0 +1,13 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/child_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgChildTwake(props) {
+  return (
+    <svg viewBox="0 0 16 14" {...props}>
+      <path d="M9.818 6.818a.91.91 0 100-1.818.91.91 0 000 1.818zm-3.636 0a.91.91 0 100-1.818.91.91 0 000 1.818z" />
+      <path d="M15.956 6.52a2.915 2.915 0 00-2.043-2.305 6.628 6.628 0 00-1.593-2.117A6.461 6.461 0 008 .455c-1.658 0-3.17.618-4.32 1.643a6.5 6.5 0 00-1.593 2.117A2.905 2.905 0 00.044 6.52a2.573 2.573 0 000 .96 2.915 2.915 0 002.043 2.306c.378.807.924 1.52 1.578 2.101A6.462 6.462 0 008 13.546a6.494 6.494 0 004.342-1.659 6.607 6.607 0 001.578-2.101 2.908 2.908 0 002.036-2.306A2.56 2.56 0 0016 7a2.56 2.56 0 00-.044-.48zm-2.865 1.935c-.073 0-.138-.015-.211-.022a5.215 5.215 0 01-.626 1.353A5.073 5.073 0 018 12.09a5.074 5.074 0 01-4.255-2.305 5.213 5.213 0 01-.625-1.353c-.073.007-.138.022-.21.022-.8 0-1.455-.655-1.455-1.455s.654-1.455 1.454-1.455c.073 0 .138.015.211.022.145-.487.356-.938.625-1.352A5.074 5.074 0 018 1.909c1.782 0 3.345.916 4.255 2.306.269.414.48.865.625 1.352.073-.007.138-.022.21-.022.8 0 1.456.655 1.456 1.455s-.655 1.455-1.455 1.455zM8 10.636c1.462 0 2.72-.894 3.273-2.181H4.727C5.28 9.742 6.538 10.636 8 10.636z" />
+    </svg>
+  )
+}
+
+export default SvgChildTwake

package/react/Icons/CircleFilled.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/circle-filled.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/circle-filled.svg` to regenerate
 import React from 'react'
 
+import SvgCircleFilledTwake from './CircleFilled_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgCircleFilled(props) {
+  if (isTwakeTheme()) return SvgCircleFilledTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <circle cx={8} cy={8} r={8} fillRule="evenodd" />

package/react/Icons/CircleFilled_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/circle-filled_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCircleFilledTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M8 0C3.576 0 0 3.576 0 8c0 4.424 3.576 8 8 8 4.424 0 8-3.576 8-8 0-4.424-3.576-8-8-8z" />
+    </svg>
+  )
+}
+
+export default SvgCircleFilledTwake

package/react/Icons/Clock.jsx

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

package/react/Icons/ClockOutline.jsx

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

package/react/Icons/ClockOutline_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/clock-outline_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgClockOutlineTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M7.992 0C3.576 0 0 3.584 0 8s3.576 8 7.992 8C12.416 16 16 12.416 16 8s-3.584-8-8.008-8zM8 14.4A6.398 6.398 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 3.536-2.864 6.4-6.4 6.4zM8.4 4H7.2v4.8l4.2 2.52.6-.984L8.4 8.2V4z" />
+    </svg>
+  )
+}
+
+export default SvgClockOutlineTwake

package/react/Icons/Clock_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/clock_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgClockTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M7.992 0C3.576 0 0 3.584 0 8s3.576 8 7.992 8C12.416 16 16 12.416 16 8s-3.584-8-8.008-8zm2.64 11.768L7.2 8.328V4h1.6v3.672l2.968 2.968-1.136 1.128z" />
+    </svg>
+  )
+}
+
+export default SvgClockTwake

package/react/Icons/CloudPlusOutlined.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/cloud-plus-outlined.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/cloud-plus-outlined.svg` to regenerate
 import React from 'react'
 
+import SvgCloudPlusOutlinedTwake from './CloudPlusOutlined_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgCloudPlusOutlined(props) {
+  if (isTwakeTheme()) return SvgCloudPlusOutlinedTwake(props)
   return (
     <svg viewBox="0 0 18 16" {...props}>
       <path d="M3.297 4.297a5.002 5.002 0 019.406 0 5.008 5.008 0 013.213 3.787 5.027 5.027 0 00-2.045.044A3.001 3.001 0 0011 6a3 3 0 00-6 0 3 3 0 100 6h5.1a5.022 5.022 0 000 2H5a5 5 0 01-1.703-9.703zM14 11a1 1 0 112 0v1h1a1 1 0 110 2h-1v1a1 1 0 11-2 0v-1h-1a1 1 0 110-2h1v-1z" />

package/react/Icons/CloudPlusOutlined_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/cloud-plus-outlined_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCloudPlusOutlinedTwake(props) {
+  return (
+    <svg viewBox="0 0 16 12" {...props}>
+      <path d="M12.9 4.693A4.993 4.993 0 003.567 3.36 3.996 3.996 0 000 7.333c0 2.207 1.793 4 4 4h8.667A3.335 3.335 0 0016 8a3.317 3.317 0 00-3.1-3.307zM12.667 10H4a2.666 2.666 0 01-2.667-2.667 2.649 2.649 0 012.374-2.646l.713-.074.333-.633A3.646 3.646 0 018 2a3.669 3.669 0 013.593 2.953l.2 1 1.02.074c1.04.066 1.854.94 1.854 1.973 0 1.1-.9 2-2 2zM5.333 6.667h1.7v2h1.934v-2h1.7L8 4 5.333 6.667z" />
+    </svg>
+  )
+}
+
+export default SvgCloudPlusOutlinedTwake

package/react/Icons/Cocktail.jsx

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

package/react/Icons/Cocktail_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/cocktail_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCocktailTwake(props) {
+  return (
+    <svg viewBox="0 0 18 18" {...props}>
+      <path d="M11.77 6L9 9.11 6.23 6h5.54zM18 0H0v2l8 9v5H3v2h12v-2h-5v-5l8-9V0zM4.43 4L2.66 2h12.69l-1.78 2H4.43z" />
+    </svg>
+  )
+}
+
+export default SvgCocktailTwake

package/react/Icons/Comment.jsx

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