cozy-ui 117.3.0 → 119.0.0

package/react/Icons/Comment_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/comment_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCommentTwake(props) {
+  return (
+    <svg viewBox="0 0 20 20" {...props}>
+      <path d="M2 2h16v12H3.17L2 15.17V2zm0-2C.9 0 .01.9.01 2L0 20l4-4h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2H2zm2 10h8v2H4v-2zm0-3h12v2H4V7zm0-3h12v2H4V4z" />
+    </svg>
+  )
+}
+
+export default SvgCommentTwake

package/react/Icons/Company.jsx

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

package/react/Icons/Company_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/company_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCompanyTwake(props) {
+  return (
+    <svg viewBox="0 0 20 18" {...props}>
+      <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" />
+    </svg>
+  )
+}
+
+export default SvgCompanyTwake

package/react/Icons/Compare.jsx

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

package/react/Icons/Compare_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/compare_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCompareTwake(props) {
+  return (
+    <svg viewBox="0 0 20 14" {...props}>
+      <path d="M7.01 9H0v2h7.01v3L11 10 7.01 6v3zm5.98-1V5H20V3h-7.01V0L9 4l3.99 4z" />
+    </svg>
+  )
+}
+
+export default SvgCompareTwake

package/react/Icons/Compass.jsx

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

package/react/Icons/Compass_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/compass_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCompassTwake(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-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.4zm-4.4-2l6.008-2.792L12.4 3.6 6.392 6.392 3.6 12.4zM8 7.12c.488 0 .88.392.88.88s-.392.88-.88.88A.877.877 0 017.12 8c0-.488.392-.88.88-.88z" />
+    </svg>
+  )
+}
+
+export default SvgCompassTwake

package/react/Icons/ConnectedClients.jsx

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

package/react/Icons/ConnectedClients_twake.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/permissions/connected-clients_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgConnectedClientsTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <path
+        d="M13.887 4.873l-.727.727c1.31 1.31 1.31 3.345 0 4.727l.727.728c1.819-1.673 1.819-4.437 0-6.182zM12.36 6.4l-.727.727c.364.51.364 1.164 0 1.673l.727.727c.873-.872.873-2.182 0-3.127zM9.451 0H2.178C1.378 0 .724.655.724 1.455v13.09c0 .8.654 1.455 1.454 1.455h7.273c.8 0 1.455-.655 1.455-1.454V1.455C10.906.655 10.25 0 9.45 0zm0 13.818H2.178V2.182h7.273v11.636z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+    </svg>
+  )
+}
+
+export default SvgConnectedClientsTwake

package/react/Icons/Connector.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/connector.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/connector.svg` to regenerate
 import React from 'react'
 
+import SvgConnectorTwake from './Connector_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgConnector(props) {
+  if (isTwakeTheme()) return SvgConnectorTwake(props)
   return (
     <svg viewBox="0 0 20 27" {...props}>
       <path d="M9.7 13.45c.1.1.2.1.3.1.1 0 .2 0 .3-.1l6.2-5.8c.1-.1.1-.2.1-.3v-.2c-.1-.2-.2-.3-.4-.3h-3V.65c0-.2-.2-.4-.4-.4H7c-.2 0-.4.2-.4.4v6.2H3.8c-.2 0-.3.1-.4.3v.2c0 .1 0 .2.1.3l6.2 5.8z" />

package/react/Icons/Connector_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/connector_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgConnectorTwake(props) {
+  return (
+    <svg viewBox="0 0 16 17" {...props}>
+      <path d="M14 5.167a1.997 1.997 0 00-1.993 2.14l-1.354.453a2.979 2.979 0 00-2.146-1.547v-1.44A2.012 2.012 0 0010 2.833c0-1.106-.893-2-2-2s-2 .894-2 2c0 .934.64 1.714 1.5 1.94v1.44c-.933.154-1.72.74-2.147 1.547l-1.36-.453C4 7.26 4 7.213 4 7.167c0-1.107-.893-2-2-2s-2 .893-2 2c0 1.106.893 2 2 2 .707 0 1.32-.367 1.68-.914l1.353.454a3.01 3.01 0 00.727 2.46l-.94 1.18A1.997 1.997 0 002 14.167c0 1.106.893 2 2 2s2-.894 2-2c0-.454-.147-.867-.4-1.2l.94-1.18a3 3 0 002.913 0l.94 1.18a2.006 2.006 0 00-.393 1.2c0 1.106.893 2 2 2s2-.894 2-2c0-1.107-.893-2-2-2-.293 0-.567.06-.82.173l-.94-1.18c.62-.693.86-1.6.727-2.46l1.353-.453A2 2 0 0014 9.16a1.997 1.997 0 100-3.993zM2 7.833a.669.669 0 01-.667-.666c0-.367.3-.667.667-.667.367 0 .667.3.667.667 0 .366-.3.666-.667.666zm2 7a.669.669 0 01-.667-.666c0-.367.3-.667.667-.667.367 0 .667.3.667.667 0 .366-.3.666-.667.666zm3.333-12c0-.366.3-.666.667-.666.367 0 .667.3.667.666 0 .367-.3.667-.667.667a.669.669 0 01-.667-.667zm.667 8A1.667 1.667 0 118.001 7.5 1.667 1.667 0 018 10.833zm4 2.667c.367 0 .667.3.667.667 0 .366-.3.666-.667.666a.669.669 0 01-.667-.666c0-.367.3-.667.667-.667zm2-5.667a.669.669 0 01-.667-.666c0-.367.3-.667.667-.667.367 0 .667.3.667.667 0 .366-.3.666-.667.666z" />
+    </svg>
+  )
+}
+
+export default SvgConnectorTwake

package/react/Icons/Consumption.jsx

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

package/react/Icons/Consumption_twake.jsx

@@ -0,0 +1,21 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/permissions/consumption_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgConsumptionTwake(props) {
+  return (
+    <svg viewBox="0 0 17 14" fill="none" {...props}>
+      <path
+        d="M15.686 4.217L14.7 5.7a6.411 6.411 0 01-.176 6.074H3.418a6.41 6.41 0 018.422-8.935l1.482-.985A8.013 8.013 0 002.04 12.575a1.603 1.603 0 001.378.801h11.098a1.603 1.603 0 001.394-.801 8.013 8.013 0 00-.216-8.366l-.008.008z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+      <path
+        d="M7.841 9.698a1.603 1.603 0 002.268 0l4.535-6.803-6.803 4.536a1.603 1.603 0 000 2.267z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+    </svg>
+  )
+}
+
+export default SvgConsumptionTwake

package/react/Icons/Contacts.jsx

@@ -1,7 +1,11 @@
 // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/contacts.svg` to regenerate;
 import React from 'react'
 
+import SvgContactsTwake from './Contacts_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgContacts(props) {
+  if (isTwakeTheme()) return SvgContactsTwake(props)
   return (
     <svg viewBox="0 0 32 32" fill="none" {...props}>
       <g fillRule="evenodd" clipRule="evenodd">

package/react/Icons/ContactsAccounts.jsx

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

package/react/Icons/ContactsAccounts_twake.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/permissions/contact-accounts_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgContactAccountsTwake(props) {
+  return (
+    <svg viewBox="0 0 14 16" fill="none" {...props}>
+      <path
+        d="M12 2.667H1.333C.6 2.667 0 3.267 0 4v8c0 .733.6 1.333 1.333 1.333H12c.733 0 1.333-.6 1.333-1.333V4c0-.733-.6-1.333-1.333-1.333zM12 12H1.333V4H12v8zM1.333 0H12v1.333H1.333V0zm0 14.667H12V16H1.333v-1.333zM6.667 8a1.667 1.667 0 10-.002-3.335A1.667 1.667 0 006.667 8zm0-2.333c.366 0 .666.3.666.666 0 .367-.3.667-.666.667A.669.669 0 016 6.333c0-.366.3-.666.667-.666zM10 10.66c0-1.393-2.207-1.993-3.333-1.993-1.127 0-3.334.6-3.334 1.993v.673H10v-.673zm-5.46-.327c.407-.346 1.353-.666 2.127-.666.78 0 1.726.32 2.133.666H4.54z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+    </svg>
+  )
+}
+
+export default SvgContactAccountsTwake

package/react/Icons/ContactsGroups.jsx

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

package/react/Icons/ContactsGroups_twake.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/permissions/contact-groups_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgContactGroupsTwake(props) {
+  return (
+    <svg viewBox="0 0 13 16" fill="none" {...props}>
+      <path
+        d="M7.336 1.6L11.2 5.464V14.4H1.6V1.6h5.736zM8 0H1.6C.72 0 0 .72 0 1.6v12.8c0 .88.72 1.6 1.6 1.6h9.6c.88 0 1.6-.72 1.6-1.6V4.8L8 0zM6.4 9.6C7.28 9.6 8 8.88 8 8c0-.88-.72-1.6-1.6-1.6-.88 0-1.6.72-1.6 1.6 0 .88.72 1.6 1.6 1.6zm3.2 2.744c0-.648-.384-1.224-.976-1.48a5.56 5.56 0 00-4.448 0 1.609 1.609 0 00-.976 1.48v.456h6.4v-.456z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+    </svg>
+  )
+}
+
+export default SvgContactGroupsTwake

package/react/Icons/Contacts_twake.jsx

@@ -0,0 +1,68 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/contacts_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgContactsTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <rect width={16} height={16} rx={5.284} fill="#fff" />
+      <rect
+        width={16}
+        height={16}
+        rx={5.284}
+        fill="url(#contacts_twake_svg__paint0_linear_11294_1829)"
+      />
+      <g filter="url(#contacts_twake_svg__filter0_d_11294_1829)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M3.107 4.113c-.251.492-.251 1.137-.251 2.427v2.993c0 1.29 0 1.934.25 2.427.221.433.574.786 1.007 1.006.492.251 1.137.251 2.427.251h2.993c1.29 0 1.935 0 2.427-.25a2.304 2.304 0 001.006-1.007c.251-.493.251-1.137.251-2.427V6.54c0-1.29 0-1.935-.25-2.427a2.302 2.302 0 00-1.007-1.007c-.492-.25-1.137-.25-2.427-.25H6.54c-1.29 0-1.935 0-2.427.25a2.299 2.299 0 00-1.006 1.007zm4.93 1.045a1.439 1.439 0 110 2.878 1.439 1.439 0 010-2.878zm-2.879 5.395v-.347c0-1.24 1.918-1.594 2.878-1.594.961 0 2.879.354 2.879 1.594v.347c0 .2-.162.362-.362.362H5.52a.362.362 0 01-.362-.362z"
+          fill="#fff"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="contacts_twake_svg__paint0_linear_11294_1829"
+          x1={2.774}
+          y1={14.564}
+          x2={15.094}
+          y2={0.979}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.23} stopColor="#F74EA9" />
+          <stop offset={1} stopColor="#FFB2A8" />
+        </linearGradient>
+        <filter
+          id="contacts_twake_svg__filter0_d_11294_1829"
+          x={2.04}
+          y={2.203}
+          width={11.994}
+          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_11294_1829"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_11294_1829"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgContactsTwake

package/react/Icons/Contract.jsx

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

package/react/Icons/ContractPermissions.jsx

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

package/react/Icons/ContractPermissions_twake.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/permissions/contract_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgContractPermissionsTwake(props) {
+  return (
+    <svg viewBox="0 0 17 16" fill="none" {...props}>
+      <path
+        d="M8.9 15.2v-1.32a.827.827 0 01.24-.58l4.18-4.16c.12-.12.253-.207.4-.26a1.28 1.28 0 01.44-.08 1.203 1.203 0 01.86.36l.74.74c.107.12.19.253.25.4.06.147.09.293.09.44 0 .147-.027.297-.08.45-.053.153-.14.29-.26.41l-4.16 4.16a.8.8 0 01-.58.24H9.7a.774.774 0 01-.57-.23.774.774 0 01-.23-.57zm1.2-.4h.76l2.42-2.44-.36-.38-.38-.36-2.44 2.42v.76zM2.5 16a1.54 1.54 0 01-1.13-.47A1.54 1.54 0 01.9 14.4V1.6c0-.44.157-.817.47-1.13A1.54 1.54 0 012.5 0h5.74a1.58 1.58 0 011.12.46l3.88 3.88a1.58 1.58 0 01.46 1.12V7.2h-1.6V5.6H8.9a.774.774 0 01-.57-.23.774.774 0 01-.23-.57V1.6H2.5v12.8h4.8V16H2.5zm10.42-4.02l-.38-.36.74.74-.36-.38z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+    </svg>
+  )
+}
+
+export default SvgContractPermissionsTwake

package/react/Icons/Contract_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/contract_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgContractTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M.889 3.556H15.11v1.777H.89V3.556zm0 5.333H15.11V7.11H.89v1.78zm0 3.555H7.11v-1.777H.89v1.777zm0 3.556H7.11v-1.778H.89V16zm10.142-2.516l-1.253-1.262-1.254 1.254L11.031 16l4.08-4.071-1.262-1.262-2.818 2.817zM.89 0v1.778h14.22V0H.89z" />
+    </svg>
+  )
+}
+
+export default SvgContractTwake

package/react/Icons/Contrast.jsx

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

package/react/Icons/Contrast_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/contrast_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgContrastTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M8 16c4.416 0 8-3.584 8-8s-3.584-8-8-8-8 3.584-8 8 3.584 8 8 8zm.8-14.344A6.397 6.397 0 0114.4 8a6.39 6.39 0 01-5.6 6.344V1.656z" />
+    </svg>
+  )
+}
+
+export default SvgContrastTwake

package/react/Icons/Copy.jsx

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

package/react/Icons/Copy_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/copy_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCopyTwake(props) {
+  return (
+    <svg viewBox="0 0 14 16" {...props}>
+      <path d="M10.182 0H1.455C.655 0 0 .655 0 1.455v10.181h1.455V1.455h8.727V0zm-.727 2.91H4.364c-.8 0-1.448.654-1.448 1.454L2.91 14.545c0 .8.647 1.455 1.447 1.455h8.008c.8 0 1.454-.655 1.454-1.454V7.273L9.455 2.909zM4.364 14.545V4.364h4.363V8h3.637v6.546h-8z" />
+    </svg>
+  )
+}
+
+export default SvgCopyTwake

package/react/Icons/CreditCard.jsx

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

package/react/Icons/CreditCardAdd.jsx

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

package/react/Icons/CreditCardAdd_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/credit-card-add_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCreditCardAddTwake(props) {
+  return (
+    <svg viewBox="0 0 16 14" {...props}>
+      <path d="M13.09 0H1.456C.647 0 .007.647.007 1.455L0 10.182a1.45 1.45 0 001.455 1.454h7.272v-1.454H1.455V5.818h13.09V1.455A1.45 1.45 0 0013.091 0zm0 2.91H1.456V1.454H13.09v1.454zM16 9.454v1.454h-2.182v2.182h-1.454v-2.182h-2.182V9.455h2.182V7.273h1.454v2.182H16z" />
+    </svg>
+  )
+}
+
+export default SvgCreditCardAddTwake

package/react/Icons/CreditCardLarge.jsx

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

package/react/Icons/CreditCardLarge_twake.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/credit-card-large_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCreditCardLargeTwake(props) {
+  return (
+    <svg viewBox="0 0 17 14" fill="none" {...props}>
+      <path
+        d="M14.92.816H2.12c-.888 0-1.592.712-1.592 1.6l-.008 9.6c0 .888.712 1.6 1.6 1.6h12.8c.888 0 1.6-.712 1.6-1.6v-9.6c0-.888-.712-1.6-1.6-1.6zm0 11.2H2.12v-4.8h12.8v4.8zm0-8H2.12v-1.6h12.8v1.6z"
+        fill="#1D212A"
+        fillOpacity={0.9}
+      />
+    </svg>
+  )
+}
+
+export default SvgCreditCardLargeTwake

package/react/Icons/CreditCard_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/credit-card_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCreditCardTwake(props) {
+  return (
+    <svg viewBox="0 0 16 14" {...props}>
+      <path d="M14.4.6H1.6C.712.6.008 1.312.008 2.2L0 11.8c0 .888.712 1.6 1.6 1.6h12.8c.888 0 1.6-.712 1.6-1.6V2.2c0-.888-.712-1.6-1.6-1.6zm0 11.2H1.6V7h12.8v4.8zm0-8H1.6V2.2h12.8v1.6z" />
+    </svg>
+  )
+}
+
+export default SvgCreditCardTwake

package/react/Icons/Crop.jsx

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

package/react/Icons/Crop_twake.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/crop_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCropTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M11.636 10.182h1.455V4.364c0-.8-.655-1.455-1.455-1.455H5.818v1.455h5.818v5.818zm-7.272 1.454V0H2.909v2.91H0v1.454h2.91v7.272c0 .8.654 1.455 1.454 1.455h7.272V16h1.455v-2.91H16v-1.454H4.364z" />
+    </svg>
+  )
+}
+
+export default SvgCropTwake

package/react/Icons/Cross.jsx

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

package/react/Icons/CrossCircle.jsx

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

package/react/Icons/CrossCircleOutline.jsx

@@ -1,7 +1,11 @@
-// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/cross-circle-outline.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/cross-circle-outline.svg` to regenerate
 import React from 'react'
 
+import SvgCrossCircleOutlineTwake from './CrossCircleOutline_twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 function SvgCrossCircleOutline(props) {
+  if (isTwakeTheme()) return SvgCrossCircleOutlineTwake(props)
   return (
     <svg viewBox="0 0 16 16" {...props}>
       <path d="M4.793 4.793a1 1 0 011.414 0L8 6.586l1.793-1.793a1 1 0 011.414 1.414L9.414 8l1.793 1.793a1 1 0 01-1.414 1.414L8 9.414l-1.793 1.793a1 1 0 01-1.414-1.414L6.586 8 4.793 6.207a1 1 0 010-1.414z" />

package/react/Icons/CrossCircleOutline_twake.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/cross-circle-outline_twake.svg` to regenerate;
+import React from 'react'
+
+function SvgCrossCircleOutlineTwake(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        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-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.4zm0-7.528L10.872 4 12 5.128 9.128 8 12 10.872 10.872 12 8 9.128 5.128 12 4 10.872 6.872 8 4 5.128 5.128 4 8 6.872z"
+      />
+    </svg>
+  )
+}
+
+export default SvgCrossCircleOutlineTwake