feat: add automation node icons

teableio · Jul 6, 2024 · 3f60da7 · 3f60da7
1 parent b90060b
commit 3f60da7
Show file tree

Hide file tree

Showing 11 changed files with 277 additions and 0 deletions.
diff --git a/packages/icons/src/components/Condition.tsx b/packages/icons/src/components/Condition.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const Condition = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#6B7280"
+      d="m20.589 6.429-.001 10.285h2.555l-3.429 3.429-3.428-3.429h2.554V8.143H16.2a4.3 4.3 0 0 0 0-1.715zm-12.875.857q.001.441.086.857h-.943V8.14l-1.698.001v8.572h2.555l-3.428 3.429-3.429-3.429h2.554V6.43L7.8 6.428a4.4 4.4 0 0 0-.086.858"
+    />
+    <path
+      fill="#2684FF"
+      d="M12 3.857a3.429 3.429 0 1 1 0 6.858 3.429 3.429 0 0 1 0-6.858m0 1.714A1.714 1.714 0 1 0 12 9a1.714 1.714 0 0 0 0-3.429"
+    />
+  </svg>
+);
+export default Condition;
diff --git a/packages/icons/src/components/CreateRecord.tsx b/packages/icons/src/components/CreateRecord.tsx
@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const CreateRecord = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <g clipPath="url(#prefix__a)">
+      <rect width={24} height={24} fill="#2684FF" rx={3} />
+      <path
+        fill="#fff"
+        d="M17.01 11.01h-4.02V6.99a.99.99 0 1 0-1.98 0v4.02H6.99a.99.99 0 1 0 0 1.98h4.02v4.02a.99.99 0 1 0 1.98 0v-4.02h4.02a.99.99 0 1 0 0-1.98"
+      />
+    </g>
+    <defs>
+      <clipPath id="prefix__a">
+        <rect width={24} height={24} fill="#fff" rx={3} />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default CreateRecord;
diff --git a/packages/icons/src/components/GetRecord.tsx b/packages/icons/src/components/GetRecord.tsx
@@ -0,0 +1,30 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const GetRecord = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#707070"
+      d="M14.269 20.815H4.9a1.135 1.135 0 0 1-1.135-1.135V4.32c0-.626.509-1.135 1.135-1.135h12.044c.626 0 1.135.509 1.135 1.135v4.305a.435.435 0 1 1-.872 0V4.32a.265.265 0 0 0-.263-.263H4.901a.265.265 0 0 0-.263.263v15.36c0 .143.12.263.263.263h9.368a.435.435 0 1 1 0 .872"
+    />
+    <path
+      fill="#2684FF"
+      d="M15.038 17.353a3.42 3.42 0 0 1-3.418-3.417 3.423 3.423 0 0 1 3.418-3.42 3.423 3.423 0 0 1 3.42 3.42 3.424 3.424 0 0 1-3.42 3.417m0-5.965a2.55 2.55 0 0 0-2.546 2.546 2.55 2.55 0 0 0 2.545 2.545 2.55 2.55 0 0 0 2.546-2.545 2.55 2.55 0 0 0-2.545-2.546"
+    />
+    <path
+      fill="#2684FF"
+      d="M19.891 19.245a.43.43 0 0 1-.31-.13l-2.753-2.753a.436.436 0 0 1 .616-.616l2.754 2.753a.434.434 0 0 1 0 .617.42.42 0 0 1-.307.128"
+    />
+    <path
+      fill="#707070"
+      d="M15.026 7.2H6.823a.435.435 0 1 1 0-.872h8.203a.435.435 0 1 1 0 .872m-4.188 3.375H6.823a.435.435 0 1 1 0-.872h4.015a.435.435 0 1 1 0 .872M9.79 13.95H6.823a.435.435 0 1 1 0-.872H9.79a.435.435 0 1 1 0 .872m1.048 3.375H6.823a.435.435 0 1 1 0-.872h4.015a.435.435 0 1 1 0 .872"
+    />
+  </svg>
+);
+export default GetRecord;
diff --git a/packages/icons/src/components/HttpRequest.tsx b/packages/icons/src/components/HttpRequest.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const HttpRequest = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#2684FF"
+      d="M10.167 11.567H9.1V10.9c0-.219-.18-.4-.4-.4-.219 0-.4.181-.4.4v2.4c0 .219.181.4.4.4s.4-.181.4-.4v-.933h1.067v.933c0 .219.181.4.4.4.218 0 .4-.181.4-.4v-2.4c0-.219-.182-.4-.4-.4s-.4.181-.4.4zM11.7 11.3h.502v2c0 .219.181.4.4.4s.4-.181.4-.4v-2h.498c.219 0 .4-.181.4-.4s-.181-.4-.4-.4h-1.8c-.219 0-.4.181-.4.4s.283.4.502.4zm3 0h.502v2c0 .219.181.4.4.4s.4-.181.4-.4v-2h.498c.219 0 .4-.181.4-.4s-.181-.4-.4-.4h-1.8c-.219 0-.4.181-.4.4s.283.4.502.4zm4.467-.8h-1.334a.535.535 0 0 0-.533.533V13.3c0 .219.181.4.4.4s.4-.181.4-.4v-.667h1.067c.442 0 .8-.362.8-.8V11.3c0-.437-.358-.8-.8-.8m-.001 1.333h-1.067V11.3h1.067z"
+    />
+    <path
+      fill="currentColor"
+      d="M14.948 14.81h-.93c-.466 2.048-1.304 3.258-2.048 3.258-.745 0-1.583-1.21-2.048-3.258H8.99c.186 1.21.558 2.234 1.117 2.979-1.582-.559-2.793-1.583-3.537-2.979H5.547c1.117 2.42 3.537 4.189 6.423 4.189 2.885 0 5.306-1.769 6.423-4.189H17.37c-.745 1.396-1.955 2.42-3.538 2.979.466-.745.838-1.769 1.117-2.979m-4.84-8.6c-.559.745-.93 1.769-1.117 2.979h.93c.466-2.048 1.304-3.258 2.05-3.258.743 0 1.581 1.21 2.047 3.258h.93c-.186-1.21-.558-2.234-1.117-2.979 1.583.559 2.793 1.583 3.538 2.979h1.024C17.276 6.769 14.855 5 11.97 5S6.664 6.769 5.547 9.189H6.57c.744-1.396 1.955-2.42 3.537-2.979zM5.915 10.01a.33.33 0 0 1 .204.152l.995 1.666c.074.124.074.22 0 .343l-.995 1.667a.332.332 0 1 1-.569-.343l.665-1.112a.4.4 0 0 1-.115.017H4.4a.4.4 0 1 1 0-.8h1.7a.4.4 0 0 1 .116.017l-.22-.365-.446-.747a.334.334 0 0 1 .365-.495"
+    />
+  </svg>
+);
+export default HttpRequest;
diff --git a/packages/icons/src/components/MatchRecord.tsx b/packages/icons/src/components/MatchRecord.tsx
@@ -0,0 +1,28 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const MatchRecord = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#818181"
+      d="M4.216 10H5.6v1.304H4.216zm.048-4.36h13.808v1.304H4.264zm-.048 8.248H5.6v1.296H4.216z"
+    />
+    <path
+      fill="#818181"
+      d="M13.128 18.432H1.968V2.384H20.32V8.28h1.136V1.248H.824v18.328h12.304zm7.192-3.104v3.104h-1.2v1.144h2.336V14.28z"
+    />
+    <path fill="#818181" d="M10.2 13.888H7.376v1.296h4.24z" />
+    <path
+      fill="#2684FF"
+      d="M14.232 22.72v-6.616l-4.648-4.256V9.24h13.464v2.208l-5.032 4.6v5.2c-.032.288-.216.528-.424.608zM10.608 11.4l4.648 4.256v5.752L17 20.96l-.008-5.36 5.032-4.6v-.736H10.608z"
+    />
+    <path fill="#818181" d="M7.376 10H8.6v1.304H7.376z" />
+  </svg>
+);
+export default MatchRecord;
diff --git a/packages/icons/src/components/RecordCreated.tsx b/packages/icons/src/components/RecordCreated.tsx
@@ -0,0 +1,30 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const RecordCreated = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M6 2h12a3 3 0 0 1 3 3v7.803A6 6 0 0 0 13.528 22H6a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3"
+    />
+    <path
+      fill="#fff"
+      d="M7 6h7q1 0 1 1t-1 1H7Q6 8 6 7t1-1M6 11a1 1 0 0 1 1-1h3a.999.999 0 1 1 0 2H7a1 1 0 0 1-1-1"
+    />
+    <path
+      fill="#2684FF"
+      d="M19.503 17.388h-1.191v-1.19a.597.597 0 0 0-.596-.595.597.597 0 0 0-.595.594v1.191h-1.19a.6.6 0 0 0-.595.596c0 .328.27.595.595.595h1.19v1.19a.596.596 0 1 0 1.191 0v-1.19h1.19a.596.596 0 0 0 0-1.191M5.248 20.296c0-.112.092-.204.204-.204l3.333-.003c.112 0 .206.094.206.204a.207.207 0 0 1-.206.206H5.451a.203.203 0 0 1-.203-.203m4.42.144a.205.205 0 1 0-.29-.29.205.205 0 0 0 .29.29"
+    />
+    <path
+      fill="#2684FF"
+      d="M17.905 13.412a4.573 4.573 0 0 0 0 9.143 4.573 4.573 0 0 0 0-9.143m0 7.952a3.381 3.381 0 1 1 0-6.763 3.381 3.381 0 0 1 0 6.763"
+    />
+  </svg>
+);
+export default RecordCreated;
diff --git a/packages/icons/src/components/ScheduledTime.tsx b/packages/icons/src/components/ScheduledTime.tsx
@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const ScheduledTime = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="M7.85 3h2v4h-2zm6 0h2v4h-2z" />
+    <path
+      fill="currentColor"
+      d="M12.5 19H6c-.55 0-1-.45-1-1v-8h14v1.85c.85.45 1.55 1.1 2 1.9V6c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h10.05a4.8 4.8 0 0 1-2.55-2M5 7c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v1H5z"
+    />
+    <path
+      fill="#2684FF"
+      d="M16.65 11.25c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5m0 8c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3c0 1.7-1.35 3-3 3"
+    />
+    <path fill="#2684FF" d="M16 13.75h1.5v3H16z" />
+    <path fill="#2684FF" d="M15.977 16.773v-1.5h3v1.5z" />
+  </svg>
+);
+export default ScheduledTime;
diff --git a/packages/icons/src/components/SendMail.tsx b/packages/icons/src/components/SendMail.tsx
@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SendMail = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <rect width={24} height={24} fill="#2684FF" rx={3} />
+    <path
+      stroke="#fff"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="m19 8-6.279 3.803a1.41 1.41 0 0 1-1.442 0L5 8"
+    />
+    <path
+      stroke="#fff"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M18.4 6H5.6C4.716 6 4 6.672 4 7.5v9c0 .828.716 1.5 1.6 1.5h12.8c.884 0 1.6-.672 1.6-1.5v-9c0-.828-.716-1.5-1.6-1.5"
+    />
+  </svg>
+);
+export default SendMail;
diff --git a/packages/icons/src/components/SubmitForm.tsx b/packages/icons/src/components/SubmitForm.tsx
@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SubmitForm = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M18.44 8.998a.75.75 0 0 0-.75-.75H8.7a.75.75 0 1 0 0 1.5h8.99a.75.75 0 0 0 .75-.75m0 4.502a.75.75 0 0 0-.75-.75H8.7a.75.75 0 1 0 0 1.5h8.99a.75.75 0 0 0 .75-.75M8.7 17.252a.75.75 0 1 0 0 1.5h4.495a.75.75 0 1 0 0-1.5z"
+    />
+    <path
+      fill="currentColor"
+      d="M14.698 20.981H7.155a.75.75 0 0 1-.747-.75V6.745c0-.415.335-.75.747-.75H19.2c.413 0 .748.335.748.75V13.5a.749.749 0 1 0 1.495 0V5.995c0-.83-.67-1.5-1.498-1.5H18.47V3.02c0-.83-.67-1.5-1.498-1.5H3.431a1.5 1.5 0 0 0-1.497 1.5v14.986c0 .83.67 1.5 1.497 1.5h1.48v1.476c0 .83.67 1.5 1.497 1.5h8.29a.75.75 0 0 0 .747-.75.746.746 0 0 0-.747-.75M4.913 5.995v12.01H4.18a.75.75 0 0 1-.747-.75V3.769c0-.415.335-.75.747-.75h12.045c.412 0 .747.335.747.75v.724H6.408a1.5 1.5 0 0 0-1.496 1.502"
+    />
+    <path
+      fill="#2684FF"
+      d="M21.127 20.984h-.446a.757.757 0 0 1-.757-.757v-2.672l.863.862a.748.748 0 1 0 1.059-1.06l-2.119-2.118a.74.74 0 0 0-.522-.218h-.014a.76.76 0 0 0-.523.218l-2.116 2.116a.748.748 0 1 0 1.059 1.06l.81-.811v2.627a2.25 2.25 0 0 0 2.25 2.25h.47a.748.748 0 1 0-.014-1.497"
+    />
+  </svg>
+);
+export default SubmitForm;
diff --git a/packages/icons/src/components/UpdateRecord.tsx b/packages/icons/src/components/UpdateRecord.tsx
@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const UpdateRecord = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <g clipPath="url(#prefix__a)">
+      <rect width={24} height={24} fill="#2684FF" rx={3} />
+      <path
+        stroke="#fff"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M9.882 17.941 18 9.824 15.177 7l-8.118 8.118L6 19zM18 5l2 2"
+      />
+    </g>
+    <defs>
+      <clipPath id="prefix__a">
+        <rect width={24} height={24} fill="#fff" rx={3} />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default UpdateRecord;
diff --git a/packages/icons/src/index.ts b/packages/icons/src/index.ts
@@ -31,7 +31,9 @@ export { default as Clock4 } from './components/Clock4';
 export { default as Code } from './components/Code';
 export { default as Code2 } from './components/Code2';
 export { default as Component } from './components/Component';
+export { default as Condition } from './components/Condition';
 export { default as Copy } from './components/Copy';
+export { default as CreateRecord } from './components/CreateRecord';
 export { default as CreditCard } from './components/CreditCard';
 export { default as Database } from './components/Database';
 export { default as DivideCircle } from './components/DivideCircle';
@@ -63,6 +65,7 @@ export { default as Flame } from './components/Flame';
 export { default as FreezeColumn } from './components/FreezeColumn';
 export { default as Frown } from './components/Frown';
 export { default as Gauge } from './components/Gauge';
+export { default as GetRecord } from './components/GetRecord';
 export { default as Github } from './components/Github';
 export { default as GithubLogo } from './components/GithubLogo';
 export { default as GoogleLogo } from './components/GoogleLogo';
@@ -71,6 +74,7 @@ export { default as Heart } from './components/Heart';
 export { default as HelpCircle } from './components/HelpCircle';
 export { default as History } from './components/History';
 export { default as Home } from './components/Home';
+export { default as HttpRequest } from './components/HttpRequest';
 export { default as Import } from './components/Import';
 export { default as Inbox } from './components/Inbox';
 export { default as Kanban } from './components/Kanban';
@@ -87,6 +91,7 @@ export { default as Lock } from './components/Lock';
 export { default as LongText } from './components/LongText';
 export { default as Mail } from './components/Mail';
 export { default as MarkUnread } from './components/MarkUnread';
+export { default as MatchRecord } from './components/MatchRecord';
 export { default as Maximize2 } from './components/Maximize2';
 export { default as Menu } from './components/Menu';
 export { default as MessageSquare } from './components/MessageSquare';
@@ -103,8 +108,11 @@ export { default as Phone } from './components/Phone';
 export { default as Play } from './components/Play';
 export { default as Plus } from './components/Plus';
 export { default as PlusCircle } from './components/PlusCircle';
+export { default as RecordCreated } from './components/RecordCreated';
 export { default as RefreshCcw } from './components/RefreshCcw';
+export { default as ScheduledTime } from './components/ScheduledTime';
 export { default as Search } from './components/Search';
+export { default as SendMail } from './components/SendMail';
 export { default as Settings } from './components/Settings';
 export { default as Share2 } from './components/Share2';
 export { default as Sheet } from './components/Sheet';
@@ -113,6 +121,7 @@ export { default as SortAsc } from './components/SortAsc';
 export { default as Square } from './components/Square';
 export { default as Star } from './components/Star';
 export { default as StretchHorizontal } from './components/StretchHorizontal';
+export { default as SubmitForm } from './components/SubmitForm';
 export { default as Sun } from './components/Sun';
 export { default as SunMedium } from './components/SunMedium';
 export { default as Table2 } from './components/Table2';
@@ -121,6 +130,7 @@ export { default as TeableNew } from './components/TeableNew';
 export { default as ThumbsUp } from './components/ThumbsUp';
 export { default as Trash } from './components/Trash';
 export { default as Trash2 } from './components/Trash2';
+export { default as UpdateRecord } from './components/UpdateRecord';
 export { default as User } from './components/User';
 export { default as UserEdit } from './components/UserEdit';
 export { default as UserPlus } from './components/UserPlus';