@arcadeai/design-system 3.22.0 → 3.23.0

package/dist/metadata/oauth-providers.d.ts

@@ -8,6 +8,7 @@ export declare const OAuthId: {
     readonly Clickup: "arcade-clickup";
     readonly Discord: "arcade-discord";
     readonly Dropbox: "arcade-dropbox";
+    readonly Figma: "arcade-figma";
     readonly Github: "arcade-github";
     readonly Google: "arcade-google";
     readonly Hubspot: "arcade-hubspot";
@@ -41,6 +42,7 @@ export declare const OAuthProviderId: {
     readonly Clickup: "clickup";
     readonly Discord: "discord";
     readonly Dropbox: "dropbox";
+    readonly Figma: "figma";
     readonly Github: "github";
     readonly Google: "google";
     readonly Hubspot: "hubspot";
@@ -95,7 +97,7 @@ export declare const MCP_OAUTH2_PROVIDER: {
     docs: string;
 };
 /**
- * OTHER OAUTH PROVIDERS - A list of all OAuth providers that are not prebuilt
+ * OTHER OAUTH PROVIDERS - Generic OAuth providers for custom integrations
  */
 export declare const OTHER_OAUTH_PROVIDERS: OAuthCatalogue[];
 /**

package/dist/metadata/oauth-providers.js

@@ -6,30 +6,31 @@ import { Calendly as c } from "../components/ui/atoms/icons/calendly.js";
 import { Clickup as n } from "../components/ui/atoms/icons/clickup.js";
 import { Discord as p } from "../components/ui/atoms/icons/discord.js";
 import { Dropbox as h } from "../components/ui/atoms/icons/dropbox.js";
-import { Github as l } from "../components/ui/atoms/icons/github.js";
+import { Figma as l } from "../components/ui/atoms/icons/figma.js";
+import { Github as m } from "../components/ui/atoms/icons/github.js";
 import { Google as u } from "../components/ui/atoms/icons/google.js";
-import { Hubspot as m } from "../components/ui/atoms/icons/hubspot.js";
-import { Linear as v } from "../components/ui/atoms/icons/linear.js";
-import { Linkedin as g } from "../components/ui/atoms/icons/linkedin.js";
-import { Mailchimp as b } from "../components/ui/atoms/icons/mailchimp.js";
-import { Mcp as A } from "../components/ui/atoms/icons/mcp.js";
+import { Hubspot as v } from "../components/ui/atoms/icons/hubspot.js";
+import { Linear as g } from "../components/ui/atoms/icons/linear.js";
+import { Linkedin as b } from "../components/ui/atoms/icons/linkedin.js";
+import { Mailchimp as A } from "../components/ui/atoms/icons/mailchimp.js";
+import { Mcp as f } from "../components/ui/atoms/icons/mcp.js";
 import { Microsoft as k } from "../components/ui/atoms/icons/microsoft.js";
-import { Miro as f } from "../components/ui/atoms/icons/miro.js";
-import { Notion as _ } from "../components/ui/atoms/icons/notion.js";
-import { Oauth as I } from "../components/ui/atoms/icons/oauth.js";
-import { Pagerduty as w } from "../components/ui/atoms/icons/pagerduty.js";
-import { Reddit as U } from "../components/ui/atoms/icons/reddit.js";
-import { Salesforce as z } from "../components/ui/atoms/icons/salesforce.js";
-import { Slack as y } from "../components/ui/atoms/icons/slack.js";
-import { Spotify as T } from "../components/ui/atoms/icons/spotify.js";
-import { Square as S } from "../components/ui/atoms/icons/square.js";
-import { Tesla as $ } from "../components/ui/atoms/icons/tesla.js";
-import { Ticktick as M } from "../components/ui/atoms/icons/ticktick.js";
-import { Twitch as O } from "../components/ui/atoms/icons/twitch.js";
-import { X as C } from "../components/ui/atoms/icons/x.js";
-import { Zendesk as P } from "../components/ui/atoms/icons/zendesk.js";
-import { Zoho as D } from "../components/ui/atoms/icons/zoho.js";
-import { Zoom as R } from "../components/ui/atoms/icons/zoom.js";
+import { Miro as _ } from "../components/ui/atoms/icons/miro.js";
+import { Notion as I } from "../components/ui/atoms/icons/notion.js";
+import { Oauth as w } from "../components/ui/atoms/icons/oauth.js";
+import { Pagerduty as U } from "../components/ui/atoms/icons/pagerduty.js";
+import { Reddit as z } from "../components/ui/atoms/icons/reddit.js";
+import { Salesforce as y } from "../components/ui/atoms/icons/salesforce.js";
+import { Slack as T } from "../components/ui/atoms/icons/slack.js";
+import { Spotify as S } from "../components/ui/atoms/icons/spotify.js";
+import { Square as $ } from "../components/ui/atoms/icons/square.js";
+import { Tesla as M } from "../components/ui/atoms/icons/tesla.js";
+import { Ticktick as O } from "../components/ui/atoms/icons/ticktick.js";
+import { Twitch as C } from "../components/ui/atoms/icons/twitch.js";
+import { X as P } from "../components/ui/atoms/icons/x.js";
+import { Zendesk as D } from "../components/ui/atoms/icons/zendesk.js";
+import { Zoho as R } from "../components/ui/atoms/icons/zoho.js";
+import { Zoom as Z } from "../components/ui/atoms/icons/zoom.js";
 import { PUBLIC_ICON_URL as o } from "./constants.js";
 const i = {
   Airtable: "arcade-airtable",
@@ -39,6 +40,7 @@ const i = {
   Clickup: "arcade-clickup",
   Discord: "arcade-discord",
   Dropbox: "arcade-dropbox",
+  Figma: "arcade-figma",
   Github: "arcade-github",
   Google: "arcade-google",
   Hubspot: "arcade-hubspot",
@@ -71,6 +73,7 @@ const i = {
   Clickup: "clickup",
   Discord: "discord",
   Dropbox: "dropbox",
+  Figma: "figma",
   Github: "github",
   Google: "google",
   Hubspot: "hubspot",
@@ -95,7 +98,16 @@ const i = {
   Zendesk: "zendesk",
   Zoho: "zoho",
   Zoom: "zoom"
-}, Z = [
+}, x = [
+  {
+    id: i.Airtable,
+    provider_id: e.Airtable,
+    name: "Airtable",
+    description: "Authorize tools and agents with Airtable",
+    publicIconUrl: `${o}/airtable.svg`,
+    icon: d,
+    docs: "https://docs.arcade.dev/home/auth-providers/airtable"
+  },
   {
     id: i.Asana,
     provider_id: e.Asana,
@@ -114,6 +126,24 @@ const i = {
     icon: s,
     docs: "https://docs.arcade.dev/home/auth-providers/atlassian"
   },
+  {
+    id: i.Calendly,
+    provider_id: e.Calendly,
+    name: "Calendly",
+    description: "Authorize tools and agents with Calendly",
+    publicIconUrl: `${o}/calendly.svg`,
+    icon: c,
+    docs: "https://docs.arcade.dev/home/auth-providers/calendly"
+  },
+  {
+    id: i.Clickup,
+    provider_id: e.Clickup,
+    name: "ClickUp",
+    description: "Authorize tools and agents with ClickUp",
+    publicIconUrl: `${o}/clickup.svg`,
+    icon: n,
+    docs: "https://docs.arcade.dev/home/auth-providers/clickup"
+  },
   {
     id: i.Discord,
     provider_id: e.Discord,
@@ -132,13 +162,22 @@ const i = {
     icon: h,
     docs: "https://docs.arcade.dev/home/auth-providers/dropbox"
   },
+  {
+    id: i.Figma,
+    provider_id: e.Figma,
+    name: "Figma",
+    description: "Authorize tools and agents with Figma",
+    publicIconUrl: `${o}/figma.svg`,
+    icon: l,
+    docs: "https://docs.arcade.dev/home/auth-providers/figma"
+  },
   {
     id: i.Github,
     provider_id: e.Github,
     name: "GitHub",
     description: "Authorize tools and agents with GitHub, including private repositories",
     publicIconUrl: `${o}/github.svg`,
-    icon: l,
+    icon: m,
     docs: "https://docs.arcade.dev/home/auth-providers/github"
   },
   {
@@ -156,7 +195,7 @@ const i = {
     name: "HubSpot",
     description: "Authorize tools and agents with HubSpot",
     publicIconUrl: `${o}/hubspot.svg`,
-    icon: m,
+    icon: v,
     docs: "https://docs.arcade.dev/home/auth-providers/hubspot"
   },
   {
@@ -165,7 +204,7 @@ const i = {
     name: "Linear",
     description: "Authorize tools and agents with Linear",
     publicIconUrl: `${o}/linear.svg`,
-    icon: v,
+    icon: g,
     docs: "https://docs.arcade.dev/home/auth-providers/linear"
   },
   {
@@ -174,9 +213,18 @@ const i = {
     name: "LinkedIn",
     description: "Authorize tools and agents with LinkedIn",
     publicIconUrl: `${o}/linkedin.svg`,
-    icon: g,
+    icon: b,
     docs: "https://docs.arcade.dev/home/auth-providers/linkedin"
   },
+  {
+    id: i.Mailchimp,
+    provider_id: e.Mailchimp,
+    name: "Mailchimp",
+    description: "Authorize tools and agents with Mailchimp",
+    publicIconUrl: `${o}/mailchimp.svg`,
+    icon: A,
+    docs: "https://docs.arcade.dev/home/auth-providers/mailchimp"
+  },
   {
     id: i.Microsoft,
     provider_id: e.Microsoft,
@@ -186,22 +234,40 @@ const i = {
     icon: k,
     docs: "https://docs.arcade.dev/home/auth-providers/microsoft"
   },
+  {
+    id: i.Miro,
+    provider_id: e.Miro,
+    name: "Miro",
+    description: "Authorize tools and agents with Miro",
+    publicIconUrl: `${o}/miro.svg`,
+    icon: _,
+    docs: "https://docs.arcade.dev/home/auth-providers/miro"
+  },
   {
     id: i.Notion,
     provider_id: e.Notion,
     name: "Notion",
     description: "Authorize tools and agents with Notion",
     publicIconUrl: `${o}/notion.svg`,
-    icon: _,
+    icon: I,
     docs: "https://docs.arcade.dev/home/auth-providers/notion"
   },
+  {
+    id: i.Pagerduty,
+    provider_id: e.Pagerduty,
+    name: "PagerDuty",
+    description: "Authorize tools and agents with PagerDuty",
+    publicIconUrl: `${o}/pagerduty.svg`,
+    icon: U,
+    docs: "https://docs.arcade.dev/home/auth-providers/pagerduty"
+  },
   {
     id: i.Reddit,
     provider_id: e.Reddit,
     name: "Reddit",
     description: "Authorize tools and agents with Reddit",
     publicIconUrl: `${o}/reddit.svg`,
-    icon: U,
+    icon: z,
     docs: "https://docs.arcade.dev/home/auth-providers/reddit"
   },
   {
@@ -210,7 +276,7 @@ const i = {
     name: "Slack",
     description: "Authorize tools and agents with Slack",
     publicIconUrl: `${o}/slack.svg`,
-    icon: y,
+    icon: T,
     docs: "https://docs.arcade.dev/home/auth-providers/slack"
   },
   {
@@ -219,16 +285,34 @@ const i = {
     name: "Spotify",
     description: "Authorize tools and agents with Spotify",
     publicIconUrl: `${o}/spotify.svg`,
-    icon: T,
+    icon: S,
     docs: "https://docs.arcade.dev/home/auth-providers/spotify"
   },
+  {
+    id: i.Squareup,
+    provider_id: e.Squareup,
+    name: "Square",
+    description: "Authorize tools and agents with Square",
+    publicIconUrl: `${o}/square.svg`,
+    icon: $,
+    docs: "https://docs.arcade.dev/home/auth-providers/squareup"
+  },
+  {
+    id: i.Ticktick,
+    provider_id: e.Ticktick,
+    name: "TickTick",
+    description: "Authorize tools and agents with TickTick",
+    publicIconUrl: `${o}/ticktick.svg`,
+    icon: O,
+    docs: "https://docs.arcade.dev/home/auth-providers/ticktick"
+  },
   {
     id: i.Twitch,
     provider_id: e.Twitch,
     name: "Twitch",
     description: "Authorize tools and agents with Twitch",
     publicIconUrl: `${o}/twitch.svg`,
-    icon: O,
+    icon: C,
     docs: "https://docs.arcade.dev/home/auth-providers/twitch"
   },
   {
@@ -237,127 +321,64 @@ const i = {
     name: "X (Twitter)",
     description: "Authorize tools and agents with X (Twitter)",
     publicIconUrl: `${o}/x.svg`,
-    icon: C,
+    icon: P,
     docs: "https://docs.arcade.dev/home/auth-providers/x"
   },
+  {
+    id: i.Zoho,
+    provider_id: e.Zoho,
+    name: "Zoho",
+    description: "Authorize tools and agents with Zoho",
+    publicIconUrl: `${o}/zoho.svg`,
+    icon: R,
+    docs: "https://docs.arcade.dev/home/auth-providers/zoho"
+  },
   {
     id: i.Zoom,
     provider_id: e.Zoom,
     name: "Zoom",
     description: "Authorize tools and agents with Zoom",
     publicIconUrl: `${o}/zoom.svg`,
-    icon: R,
+    icon: Z,
     docs: "https://docs.arcade.dev/home/auth-providers/zoom"
   }
-], x = {
+], L = {
   id: i.OAuth2,
   provider_id: e.OAuth2,
   name: "OAuth 2.0",
   description: "Authorize tools and agents with any OAuth 2.0 compatible provider",
   publicIconUrl: `${o}/oauth.svg`,
-  icon: I,
+  icon: w,
   docs: "https://docs.arcade.dev/home/auth-providers/oauth2"
-}, L = {
+}, G = {
   id: i.MCP_OAuth2,
   provider_id: e.MCP_OAuth2,
   name: "MCP",
   description: "Model Context Protocol (MCP)",
   publicIconUrl: `${o}/mcp.svg`,
-  icon: A,
+  icon: f,
   docs: "https://docs.arcade.dev/en/home/glossary#mcp-server"
   // TODO: Use the correct docs link when we have it
-}, G = [
-  x,
+}, H = [
   L,
-  {
-    id: i.Airtable,
-    provider_id: e.Airtable,
-    name: "Airtable",
-    description: "Authorize tools and agents with Airtable",
-    publicIconUrl: `${o}/airtable.svg`,
-    icon: d,
-    docs: "https://docs.arcade.dev/home/auth-providers/airtable"
-  },
-  {
-    id: i.Calendly,
-    provider_id: e.Calendly,
-    name: "Calendly",
-    description: "Authorize tools and agents with Calendly",
-    publicIconUrl: `${o}/calendly.svg`,
-    icon: c,
-    docs: "https://docs.arcade.dev/home/auth-providers/calendly"
-  },
-  {
-    id: i.Clickup,
-    provider_id: e.Clickup,
-    name: "ClickUp",
-    description: "Authorize tools and agents with ClickUp",
-    publicIconUrl: `${o}/clickup.svg`,
-    icon: n,
-    docs: "https://docs.arcade.dev/home/auth-providers/clickup"
-  },
-  {
-    id: i.Mailchimp,
-    provider_id: e.Mailchimp,
-    name: "Mailchimp",
-    description: "Authorize tools and agents with Mailchimp",
-    publicIconUrl: `${o}/mailchimp.svg`,
-    icon: b,
-    docs: "https://docs.arcade.dev/home/auth-providers/mailchimp"
-  },
-  {
-    id: i.Miro,
-    provider_id: e.Miro,
-    name: "Miro",
-    description: "Authorize tools and agents with Miro",
-    publicIconUrl: `${o}/miro.svg`,
-    icon: f,
-    docs: "https://docs.arcade.dev/home/auth-providers/miro"
-  },
-  {
-    id: i.Pagerduty,
-    provider_id: e.Pagerduty,
-    name: "PagerDuty",
-    description: "Authorize tools and agents with PagerDuty",
-    publicIconUrl: `${o}/pagerduty.svg`,
-    icon: w,
-    docs: "https://docs.arcade.dev/home/auth-providers/pagerduty"
-  },
+  G,
   {
     id: i.Salesforce,
     provider_id: e.Salesforce,
     name: "Salesforce",
     description: "Authorize tools and agents with Salesforce",
     publicIconUrl: `${o}/salesforce.svg`,
-    icon: z,
+    icon: y,
     docs: "https://docs.arcade.dev/home/auth-providers/salesforce"
   },
-  {
-    id: i.Squareup,
-    provider_id: e.Squareup,
-    name: "Square",
-    description: "Authorize tools and agents with Square",
-    publicIconUrl: `${o}/square.svg`,
-    icon: S,
-    docs: "https://docs.arcade.dev/home/auth-providers/squareup"
-  },
   {
     id: i.Tesla,
     provider_id: e.Tesla,
     name: "Tesla",
     description: "Authorize tools and agents with Tesla",
     publicIconUrl: `${o}/tesla.svg`,
-    icon: $,
-    docs: "https://docs.arcade.dev/home/auth-providers/tesla"
-  },
-  {
-    id: i.Ticktick,
-    provider_id: e.Ticktick,
-    name: "TickTick",
-    description: "Authorize tools and agents with TickTick",
-    publicIconUrl: `${o}/ticktick.svg`,
     icon: M,
-    docs: "https://docs.arcade.dev/home/auth-providers/ticktick"
+    docs: "https://docs.arcade.dev/home/auth-providers/tesla"
   },
   {
     id: i.Zendesk,
@@ -365,32 +386,23 @@ const i = {
     name: "Zendesk",
     description: "Authorize tools and agents with Zendesk",
     publicIconUrl: `${o}/zendesk.svg`,
-    icon: P,
-    docs: "https://docs.arcade.dev/home/auth-providers/zendesk"
-  },
-  {
-    id: i.Zoho,
-    provider_id: e.Zoho,
-    name: "Zoho",
-    description: "Authorize tools and agents with Zoho",
-    publicIconUrl: `${o}/zoho.svg`,
     icon: D,
-    docs: "https://docs.arcade.dev/home/auth-providers/zoho"
+    docs: "https://docs.arcade.dev/home/auth-providers/zendesk"
   }
-], H = [
-  ...Z,
-  ...G
-], _o = H.reduce(
+], q = [
+  ...x,
+  ...H
+], wo = q.reduce(
   (r, t) => (r[t.provider_id] = t, r),
   {}
 );
 export {
-  L as MCP_OAUTH2_PROVIDER,
-  x as OAUTH2_PROVIDER,
-  H as OAUTH_PROVIDERS,
-  _o as OAUTH_PROVIDER_CATALOGUE,
+  G as MCP_OAUTH2_PROVIDER,
+  L as OAUTH2_PROVIDER,
+  q as OAUTH_PROVIDERS,
+  wo as OAUTH_PROVIDER_CATALOGUE,
   i as OAuthId,
   e as OAuthProviderId,
-  G as OTHER_OAUTH_PROVIDERS,
-  Z as PREBUILT_OAUTH_PROVIDERS
+  H as OTHER_OAUTH_PROVIDERS,
+  x as PREBUILT_OAUTH_PROVIDERS
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "3.22.0",
+  "version": "3.23.0",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",