@cloudflare/component-icon 12.19.0 → 12.21.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 12.21.0
+
+### Minor Changes
+
+- 1a25271f0d: Add the caret-left-stroke, caret-right-stroke, caret-down-stroke and caret-up-stroke icons
+
+## 12.20.0
+
+### Minor Changes
+
+- 103bb71eb6: Add Hyperdrive icon
+
 ## 12.19.0
 
 ### Minor Changes

package/dist/Icon.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import IconComponents from './reactsvgs';
 export declare type IconType = keyof typeof IconComponents;
 declare const _default: React.ComponentType<{
-    type: "search" | "link" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "platform-apps" | "plus" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf" | "server-origin" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
+    type: "search" | "link" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "platform-apps" | "plus" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf" | "server-origin" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
     className?: string | undefined;
     ariaLabel?: string | undefined;
     label?: string | boolean | undefined;

package/dist/Icon.stories.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<React.ComponentType<{
-    type: "search" | "link" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "platform-apps" | "plus" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf" | "server-origin" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
+    type: "search" | "link" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "platform-apps" | "plus" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf" | "server-origin" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
     className?: string | undefined;
     ariaLabel?: string | undefined;
     label?: string | boolean | undefined;

package/dist/reactsvgs/CaretDownStroke.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCaretDownStroke: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgCaretDownStroke;

package/dist/reactsvgs/CaretLeftStroke.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCaretLeftStroke: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgCaretLeftStroke;

package/dist/reactsvgs/CaretRightStroke.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCaretRightStroke: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgCaretRightStroke;

package/dist/reactsvgs/CaretUpStroke.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCaretUpStroke: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgCaretUpStroke;

package/dist/reactsvgs/Hyperdrive.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgHyperdrive: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgHyperdrive;

package/dist/reactsvgs/index.d.ts

@@ -80,6 +80,7 @@ declare const _default: {
     help: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'hide-eye': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     home: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    hyperdrive: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     image: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     inbox: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'info-sign': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/es/reactsvgs/CaretDownStroke.js

@@ -0,0 +1,14 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+
+var SvgCaretDownStroke = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  viewBox: "0 0 64 64",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.53963 20.4066L8.36763 17.5786L31.5536 40.7646L54.7396 17.5786L57.5676 20.4066L31.5536 46.4216L5.53963 20.4066Z"
+}));
+
+export default SvgCaretDownStroke;

package/es/reactsvgs/CaretLeftStroke.js

@@ -0,0 +1,14 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+
+var SvgCaretLeftStroke = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  viewBox: "0 0 64 64",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M44.088 58.014L18.074 32L44.088 5.98602L46.916 8.81402L23.73 32L46.916 55.186L44.088 58.014Z"
+}));
+
+export default SvgCaretLeftStroke;

package/es/reactsvgs/CaretRightStroke.js

@@ -0,0 +1,14 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+
+var SvgCaretRightStroke = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  viewBox: "0 0 64 64",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19.96 58.014L17.132 55.186L40.318 32L17.132 8.81402L19.96 5.98602L45.975 32L19.96 58.014Z"
+}));
+
+export default SvgCaretRightStroke;

package/es/reactsvgs/CaretUpStroke.js

@@ -0,0 +1,14 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+
+var SvgCaretUpStroke = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  viewBox: "0 0 64 64",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M57.5676 43.5936L54.7396 46.4216L31.5535 23.2356L8.36755 46.4216L5.53955 43.5936L31.5535 17.5786L57.5676 43.5936Z"
+}));
+
+export default SvgCaretUpStroke;

package/es/reactsvgs/Hyperdrive.js

@@ -0,0 +1,20 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+
+var SvgHyperdrive = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  viewBox: "0 0 64 65",
+  xmlns: "http://www.w3.org/2000/svg"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M42.2485 18.516C44.1815 18.516 45.7485 20.083 45.7485 22.016C45.7485 23.949 44.1815 25.516 42.2485 25.516C40.3155 25.516 38.7485 23.949 38.7485 22.016C38.7485 20.083 40.3155 18.516 42.2485 18.516Z"
+}), /*#__PURE__*/React.createElement("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M28.0464 17.9108C33.7843 12.9133 42.5412 7.87305 54.4623 7.87305L56.4623 9.87305C56.4623 21.7941 51.422 30.551 46.4245 36.2889C46.0282 36.7439 45.6319 37.1803 45.2381 37.5981L46.1452 47.2239L45.5747 48.8192L37.9127 56.5522L34.5206 54.8074L35.7947 47.3574L33.8157 44.3808L32.8812 43.4463L28.612 46.6483L25.9978 46.4625L17.5125 37.9772L17.3267 35.363L20.5286 31.0938L19.955 30.5201L16.978 28.5408L9.52802 29.8149L7.7832 26.4228L15.5162 18.7608L17.1115 18.1903L26.737 19.0974C27.1549 18.7035 27.5913 18.3072 28.0464 17.9108ZM23.3857 33.9509L30.024 40.5892L27.5997 42.4075L21.5675 36.3753L23.3857 33.9509ZM35.6567 40.565L23.7703 28.6786C24.051 28.2618 24.4063 27.7565 24.8367 27.185C26.1194 25.4817 28.0595 23.2039 30.6735 20.9272C33.8689 18.144 38.052 15.3769 43.2704 13.6482C43.549 13.8456 43.8696 14.0917 44.2245 14.3821C45.1329 15.1254 46.188 16.0945 47.2145 17.121C48.241 18.1475 49.2101 19.2025 49.9534 20.111C50.2437 20.4658 50.4897 20.7863 50.6871 21.0649C48.9584 26.2833 46.1913 30.4663 43.4081 33.6618C41.1314 36.2758 38.8536 38.2159 37.1503 39.4986C36.5788 39.929 36.0735 40.2843 35.6567 40.565ZM38.1643 43.6968L39.5655 45.8042L39.8714 47.2487L39.5317 49.2351L42.0751 46.6681L41.5502 41.0984C40.8349 41.7054 40.1634 42.2369 39.5566 42.6939C39.0431 43.0806 38.5749 43.4147 38.1643 43.6968ZM21.6414 24.7787C21.2547 25.2922 20.9205 25.7605 20.6384 26.1711L18.5312 24.77L17.0867 24.4641L15.1003 24.8039L17.6673 22.2604L23.2367 22.7853C22.6298 23.5005 22.0984 24.1719 21.6414 24.7787ZM52.4061 11.9292C52.3237 13.4294 52.1524 14.8699 51.9061 16.2514C51.3209 15.602 50.6873 14.9369 50.0429 14.2926C49.3985 13.6481 48.7333 13.0144 48.0838 12.4292C49.4654 12.1829 50.9059 12.0116 52.4061 11.9292Z"
+}), /*#__PURE__*/React.createElement("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M20.1676 44.1677C18.5671 42.5672 16.6469 42.0344 14.7491 42.6166C13.0569 43.1357 11.7097 44.4457 10.7363 45.7679C9.73247 47.1314 8.94356 48.754 8.44838 50.2882C7.97371 51.7588 7.67712 53.431 7.95352 54.813L9.52245 56.382C10.9045 56.6584 12.5766 56.3619 14.0474 55.8873C15.5816 55.3922 17.2043 54.6034 18.5679 53.5996C19.8902 52.6262 21.2002 51.2789 21.7193 49.5866C22.3014 47.6887 21.7683 45.7684 20.1676 44.1677ZM12.8189 52.0806C12.539 52.1709 12.2768 52.2437 12.0342 52.3014C12.0919 52.0588 12.1647 51.7967 12.255 51.5168C12.6333 50.3447 13.2373 49.1176 13.9575 48.1393C14.7082 47.1197 15.4162 46.5959 15.9223 46.4407C16.2228 46.3485 16.6438 46.3007 17.3392 46.9962C18.0351 47.692 17.9873 48.1132 17.8951 48.4137C17.7399 48.9197 17.2162 49.6277 16.1965 50.3783C15.2183 51.0984 13.9911 51.7024 12.8189 52.0806Z"
+}));
+
+export default SvgHyperdrive;

package/es/reactsvgs/index.js

@@ -78,6 +78,7 @@ import Hamburger from './Hamburger';
 import Help from './Help';
 import HideEye from './HideEye';
 import Home from './Home';
+import Hyperdrive from './Hyperdrive';
 import Image from './Image';
 import Inbox from './Inbox';
 import InfoSign from './InfoSign';
@@ -259,6 +260,7 @@ export default {
   help: Help,
   'hide-eye': HideEye,
   home: Home,
+  hyperdrive: Hyperdrive,
   image: Image,
   inbox: Inbox,
   'info-sign': InfoSign,

package/lib/reactsvgs/CaretDownStroke.js

@@ -0,0 +1,30 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SvgCaretDownStroke = function SvgCaretDownStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    viewBox: "0 0 64 64",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5.53963 20.4066L8.36763 17.5786L31.5536 40.7646L54.7396 17.5786L57.5676 20.4066L31.5536 46.4216L5.53963 20.4066Z"
+  }));
+};
+
+var _default = SvgCaretDownStroke;
+exports.default = _default;

package/lib/reactsvgs/CaretLeftStroke.js

@@ -0,0 +1,30 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SvgCaretLeftStroke = function SvgCaretLeftStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    viewBox: "0 0 64 64",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M44.088 58.014L18.074 32L44.088 5.98602L46.916 8.81402L23.73 32L46.916 55.186L44.088 58.014Z"
+  }));
+};
+
+var _default = SvgCaretLeftStroke;
+exports.default = _default;

package/lib/reactsvgs/CaretRightStroke.js

@@ -0,0 +1,30 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SvgCaretRightStroke = function SvgCaretRightStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    viewBox: "0 0 64 64",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M19.96 58.014L17.132 55.186L40.318 32L17.132 8.81402L19.96 5.98602L45.975 32L19.96 58.014Z"
+  }));
+};
+
+var _default = SvgCaretRightStroke;
+exports.default = _default;

package/lib/reactsvgs/CaretUpStroke.js

@@ -0,0 +1,30 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SvgCaretUpStroke = function SvgCaretUpStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    viewBox: "0 0 64 64",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M57.5676 43.5936L54.7396 46.4216L31.5535 23.2356L8.36755 46.4216L5.53955 43.5936L31.5535 17.5786L57.5676 43.5936Z"
+  }));
+};
+
+var _default = SvgCaretUpStroke;
+exports.default = _default;

package/lib/reactsvgs/Hyperdrive.js

@@ -0,0 +1,36 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SvgHyperdrive = function SvgHyperdrive(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    viewBox: "0 0 64 65",
+    xmlns: "http://www.w3.org/2000/svg"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M42.2485 18.516C44.1815 18.516 45.7485 20.083 45.7485 22.016C45.7485 23.949 44.1815 25.516 42.2485 25.516C40.3155 25.516 38.7485 23.949 38.7485 22.016C38.7485 20.083 40.3155 18.516 42.2485 18.516Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M28.0464 17.9108C33.7843 12.9133 42.5412 7.87305 54.4623 7.87305L56.4623 9.87305C56.4623 21.7941 51.422 30.551 46.4245 36.2889C46.0282 36.7439 45.6319 37.1803 45.2381 37.5981L46.1452 47.2239L45.5747 48.8192L37.9127 56.5522L34.5206 54.8074L35.7947 47.3574L33.8157 44.3808L32.8812 43.4463L28.612 46.6483L25.9978 46.4625L17.5125 37.9772L17.3267 35.363L20.5286 31.0938L19.955 30.5201L16.978 28.5408L9.52802 29.8149L7.7832 26.4228L15.5162 18.7608L17.1115 18.1903L26.737 19.0974C27.1549 18.7035 27.5913 18.3072 28.0464 17.9108ZM23.3857 33.9509L30.024 40.5892L27.5997 42.4075L21.5675 36.3753L23.3857 33.9509ZM35.6567 40.565L23.7703 28.6786C24.051 28.2618 24.4063 27.7565 24.8367 27.185C26.1194 25.4817 28.0595 23.2039 30.6735 20.9272C33.8689 18.144 38.052 15.3769 43.2704 13.6482C43.549 13.8456 43.8696 14.0917 44.2245 14.3821C45.1329 15.1254 46.188 16.0945 47.2145 17.121C48.241 18.1475 49.2101 19.2025 49.9534 20.111C50.2437 20.4658 50.4897 20.7863 50.6871 21.0649C48.9584 26.2833 46.1913 30.4663 43.4081 33.6618C41.1314 36.2758 38.8536 38.2159 37.1503 39.4986C36.5788 39.929 36.0735 40.2843 35.6567 40.565ZM38.1643 43.6968L39.5655 45.8042L39.8714 47.2487L39.5317 49.2351L42.0751 46.6681L41.5502 41.0984C40.8349 41.7054 40.1634 42.2369 39.5566 42.6939C39.0431 43.0806 38.5749 43.4147 38.1643 43.6968ZM21.6414 24.7787C21.2547 25.2922 20.9205 25.7605 20.6384 26.1711L18.5312 24.77L17.0867 24.4641L15.1003 24.8039L17.6673 22.2604L23.2367 22.7853C22.6298 23.5005 22.0984 24.1719 21.6414 24.7787ZM52.4061 11.9292C52.3237 13.4294 52.1524 14.8699 51.9061 16.2514C51.3209 15.602 50.6873 14.9369 50.0429 14.2926C49.3985 13.6481 48.7333 13.0144 48.0838 12.4292C49.4654 12.1829 50.9059 12.0116 52.4061 11.9292Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M20.1676 44.1677C18.5671 42.5672 16.6469 42.0344 14.7491 42.6166C13.0569 43.1357 11.7097 44.4457 10.7363 45.7679C9.73247 47.1314 8.94356 48.754 8.44838 50.2882C7.97371 51.7588 7.67712 53.431 7.95352 54.813L9.52245 56.382C10.9045 56.6584 12.5766 56.3619 14.0474 55.8873C15.5816 55.3922 17.2043 54.6034 18.5679 53.5996C19.8902 52.6262 21.2002 51.2789 21.7193 49.5866C22.3014 47.6887 21.7683 45.7684 20.1676 44.1677ZM12.8189 52.0806C12.539 52.1709 12.2768 52.2437 12.0342 52.3014C12.0919 52.0588 12.1647 51.7967 12.255 51.5168C12.6333 50.3447 13.2373 49.1176 13.9575 48.1393C14.7082 47.1197 15.4162 46.5959 15.9223 46.4407C16.2228 46.3485 16.6438 46.3007 17.3392 46.9962C18.0351 47.692 17.9873 48.1132 17.8951 48.4137C17.7399 48.9197 17.2162 49.6277 16.1965 50.3783C15.2183 51.0984 13.9911 51.7024 12.8189 52.0806Z"
+  }));
+};
+
+var _default = SvgHyperdrive;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -165,6 +165,8 @@ var _HideEye = _interopRequireDefault(require("./HideEye"));
 
 var _Home = _interopRequireDefault(require("./Home"));
 
+var _Hyperdrive = _interopRequireDefault(require("./Hyperdrive"));
+
 var _Image = _interopRequireDefault(require("./Image"));
 
 var _Inbox = _interopRequireDefault(require("./Inbox"));
@@ -448,6 +450,7 @@ var _default = {
   help: _Help.default,
   'hide-eye': _HideEye.default,
   home: _Home.default,
+  hyperdrive: _Hyperdrive.default,
   image: _Image.default,
   inbox: _Inbox.default,
   'info-sign': _InfoSign.default,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/component-icon",
   "description": "Cloudflare Icon Component",
-  "version": "12.19.0",
+  "version": "12.21.0",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "Frontend Team <frontend@cloudflare.com>",