@cloudflare/component-icon 13.1.2 → 13.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 13.2.0
+
+### Minor Changes
+
+- 6784a0725a: Add target and media-play icons
+
 ## 13.1.2
 
 ## 13.1.1

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" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "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" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "target" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "media-play" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "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;
@@ -78,7 +78,7 @@ declare const _default: React.ComponentType<{
     gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
     size?: number | undefined;
     innerRef?: React.Ref<never> | undefined;
-    gridColumnSpan?: number | number[] | "end" | "all" | undefined;
+    gridColumnSpan?: number | number[] | "all" | "end" | undefined;
     gridColumnPad?: number | number[] | undefined;
     gridRowSpan?: number | number[] | undefined;
     gridRowPad?: number | number[] | 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" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "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" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "target" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "media-play" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "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;
@@ -77,7 +77,7 @@ declare const _default: ComponentMeta<React.ComponentType<{
     gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
     size?: number | undefined;
     innerRef?: React.Ref<never> | undefined;
-    gridColumnSpan?: number | number[] | "end" | "all" | undefined;
+    gridColumnSpan?: number | number[] | "all" | "end" | undefined;
     gridColumnPad?: number | number[] | undefined;
     gridRowSpan?: number | number[] | undefined;
     gridRowPad?: number | number[] | undefined;

package/dist/reactsvgs/MediaPlay.d.ts

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

package/dist/reactsvgs/Target.d.ts

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

package/dist/reactsvgs/index.d.ts

@@ -114,6 +114,7 @@ declare const _default: {
     'magic-network-monitoring': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'magic-transit-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     mail: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'media-play': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     minus: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     more: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'network-analytics-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -168,6 +169,7 @@ declare const _default: {
     subtract: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     table: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'tail-worker': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    target: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     teams: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     terraform: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'thumbs-down-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/es/reactsvgs/MediaPlay.js

@@ -0,0 +1,16 @@
+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 SvgMediaPlay = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  viewBox: "0 0 16 17",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6.5 5.2675L5.75 5.6975V11.6325L6.5 12.0625L11.5 9.09V8.23L6.5 5.2675ZM6.75 10.75V6.575L10.27 8.66L6.75 10.75Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8 2C6.71442 2 5.45772 2.38122 4.3888 3.09545C3.31988 3.80968 2.48676 4.82484 1.99479 6.01256C1.50282 7.20028 1.37409 8.50721 1.6249 9.76809C1.8757 11.029 2.49477 12.1872 3.40381 13.0962C4.31285 14.0052 5.47104 14.6243 6.73192 14.8751C7.99279 15.1259 9.29973 14.9972 10.4874 14.5052C11.6752 14.0132 12.6903 13.1801 13.4046 12.1112C14.1188 11.0423 14.5 9.78558 14.5 8.5C14.5 6.77609 13.8152 5.12279 12.5962 3.90381C11.3772 2.68482 9.72391 2 8 2ZM8 14C6.91221 14 5.84884 13.6774 4.94437 13.0731C4.0399 12.4687 3.33495 11.6098 2.91867 10.6048C2.50238 9.59977 2.39347 8.4939 2.60568 7.427C2.8179 6.36011 3.34173 5.3801 4.11092 4.61091C4.8801 3.84172 5.86011 3.3179 6.92701 3.10568C7.9939 2.89346 9.09977 3.00238 10.1048 3.41866C11.1098 3.83494 11.9687 4.53989 12.5731 5.44436C13.1774 6.34883 13.5 7.4122 13.5 8.5C13.5 9.95869 12.9205 11.3576 11.8891 12.3891C10.8576 13.4205 9.45869 14 8 14Z"
+}));
+
+export default SvgMediaPlay;

package/es/reactsvgs/Target.js

@@ -0,0 +1,16 @@
+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 SvgTarget = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  viewBox: "0 0 32 32",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.9805 18.5002C17.3612 18.5002 18.4805 17.3809 18.4805 16.0002C18.4805 14.6195 17.3612 13.5002 15.9805 13.5002C14.5998 13.5002 13.4805 14.6195 13.4805 16.0002C13.4805 17.3809 14.5998 18.5002 15.9805 18.5002Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M30.279 15.0002H27.9455C27.708 12.1759 26.4788 9.52668 24.4755 7.52167C22.4722 5.51665 19.8241 4.28515 17 4.04519V1.72119H15V4.04519C12.1759 4.28515 9.52777 5.51665 7.5245 7.52167C5.52122 9.52668 4.29201 12.1759 4.05451 15.0002H1.72101V17.0002H4.05601C4.29825 19.8205 5.52934 22.4646 7.53184 24.4653C9.53434 26.4661 12.1794 27.6949 15 27.9347V30.2792H17V27.9347C19.8206 27.6949 22.4657 26.4661 24.4682 24.4653C26.4707 22.4646 27.7018 19.8205 27.944 17.0002H30.279V15.0002ZM17 25.9292V21.0502H15V25.9287C12.7107 25.6949 10.5719 24.6794 8.94384 23.0531C7.31574 21.4269 6.29782 19.2892 6.06151 17.0002H10.95V15.0002H6.06051C6.29193 12.7071 7.30785 10.5641 8.93662 8.93342C10.5654 7.30274 12.7071 6.2843 15 6.05019V10.9502H17V6.05019C19.2929 6.2843 21.4346 7.30274 23.0634 8.93342C24.6922 10.5641 25.7081 12.7071 25.9395 15.0002H21.05V17.0002H25.938C25.7018 19.2892 24.684 21.4269 23.056 23.0533C21.428 24.6797 19.2893 25.6953 17 25.9292Z"
+}));
+
+export default SvgTarget;

package/es/reactsvgs/index.js

@@ -112,6 +112,7 @@ import MagicFirewall from './MagicFirewall';
 import MagicNetworkMonitoring from './MagicNetworkMonitoring';
 import MagicTransitLogo from './MagicTransitLogo';
 import Mail from './Mail';
+import MediaPlay from './MediaPlay';
 import Minus from './Minus';
 import More from './More';
 import NetworkAnalyticsLogo from './NetworkAnalyticsLogo';
@@ -166,6 +167,7 @@ import Stream from './Stream';
 import Subtract from './Subtract';
 import Table from './Table';
 import TailWorker from './TailWorker';
+import Target from './Target';
 import Teams from './Teams';
 import Terraform from './Terraform';
 import ThumbsDownOutline from './ThumbsDownOutline';
@@ -320,6 +322,7 @@ export default {
   'magic-network-monitoring': MagicNetworkMonitoring,
   'magic-transit-logo': MagicTransitLogo,
   mail: Mail,
+  'media-play': MediaPlay,
   minus: Minus,
   more: More,
   'network-analytics-logo': NetworkAnalyticsLogo,
@@ -374,6 +377,7 @@ export default {
   subtract: Subtract,
   table: Table,
   'tail-worker': TailWorker,
+  target: Target,
   teams: Teams,
   terraform: Terraform,
   'thumbs-down-outline': ThumbsDownOutline,

package/lib/reactsvgs/MediaPlay.js

@@ -0,0 +1,32 @@
+"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 SvgMediaPlay = function SvgMediaPlay(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    viewBox: "0 0 16 17",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.5 5.2675L5.75 5.6975V11.6325L6.5 12.0625L11.5 9.09V8.23L6.5 5.2675ZM6.75 10.75V6.575L10.27 8.66L6.75 10.75Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8 2C6.71442 2 5.45772 2.38122 4.3888 3.09545C3.31988 3.80968 2.48676 4.82484 1.99479 6.01256C1.50282 7.20028 1.37409 8.50721 1.6249 9.76809C1.8757 11.029 2.49477 12.1872 3.40381 13.0962C4.31285 14.0052 5.47104 14.6243 6.73192 14.8751C7.99279 15.1259 9.29973 14.9972 10.4874 14.5052C11.6752 14.0132 12.6903 13.1801 13.4046 12.1112C14.1188 11.0423 14.5 9.78558 14.5 8.5C14.5 6.77609 13.8152 5.12279 12.5962 3.90381C11.3772 2.68482 9.72391 2 8 2ZM8 14C6.91221 14 5.84884 13.6774 4.94437 13.0731C4.0399 12.4687 3.33495 11.6098 2.91867 10.6048C2.50238 9.59977 2.39347 8.4939 2.60568 7.427C2.8179 6.36011 3.34173 5.3801 4.11092 4.61091C4.8801 3.84172 5.86011 3.3179 6.92701 3.10568C7.9939 2.89346 9.09977 3.00238 10.1048 3.41866C11.1098 3.83494 11.9687 4.53989 12.5731 5.44436C13.1774 6.34883 13.5 7.4122 13.5 8.5C13.5 9.95869 12.9205 11.3576 11.8891 12.3891C10.8576 13.4205 9.45869 14 8 14Z"
+  }));
+};
+
+var _default = SvgMediaPlay;
+exports.default = _default;

package/lib/reactsvgs/Target.js

@@ -0,0 +1,32 @@
+"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 SvgTarget = function SvgTarget(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    viewBox: "0 0 32 32",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15.9805 18.5002C17.3612 18.5002 18.4805 17.3809 18.4805 16.0002C18.4805 14.6195 17.3612 13.5002 15.9805 13.5002C14.5998 13.5002 13.4805 14.6195 13.4805 16.0002C13.4805 17.3809 14.5998 18.5002 15.9805 18.5002Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M30.279 15.0002H27.9455C27.708 12.1759 26.4788 9.52668 24.4755 7.52167C22.4722 5.51665 19.8241 4.28515 17 4.04519V1.72119H15V4.04519C12.1759 4.28515 9.52777 5.51665 7.5245 7.52167C5.52122 9.52668 4.29201 12.1759 4.05451 15.0002H1.72101V17.0002H4.05601C4.29825 19.8205 5.52934 22.4646 7.53184 24.4653C9.53434 26.4661 12.1794 27.6949 15 27.9347V30.2792H17V27.9347C19.8206 27.6949 22.4657 26.4661 24.4682 24.4653C26.4707 22.4646 27.7018 19.8205 27.944 17.0002H30.279V15.0002ZM17 25.9292V21.0502H15V25.9287C12.7107 25.6949 10.5719 24.6794 8.94384 23.0531C7.31574 21.4269 6.29782 19.2892 6.06151 17.0002H10.95V15.0002H6.06051C6.29193 12.7071 7.30785 10.5641 8.93662 8.93342C10.5654 7.30274 12.7071 6.2843 15 6.05019V10.9502H17V6.05019C19.2929 6.2843 21.4346 7.30274 23.0634 8.93342C24.6922 10.5641 25.7081 12.7071 25.9395 15.0002H21.05V17.0002H25.938C25.7018 19.2892 24.684 21.4269 23.056 23.0533C21.428 24.6797 19.2893 25.6953 17 25.9292Z"
+  }));
+};
+
+var _default = SvgTarget;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -233,6 +233,8 @@ var _MagicTransitLogo = _interopRequireDefault(require("./MagicTransitLogo"));
 
 var _Mail = _interopRequireDefault(require("./Mail"));
 
+var _MediaPlay = _interopRequireDefault(require("./MediaPlay"));
+
 var _Minus = _interopRequireDefault(require("./Minus"));
 
 var _More = _interopRequireDefault(require("./More"));
@@ -341,6 +343,8 @@ var _Table = _interopRequireDefault(require("./Table"));
 
 var _TailWorker = _interopRequireDefault(require("./TailWorker"));
 
+var _Target = _interopRequireDefault(require("./Target"));
+
 var _Teams = _interopRequireDefault(require("./Teams"));
 
 var _Terraform = _interopRequireDefault(require("./Terraform"));
@@ -536,6 +540,7 @@ var _default = {
   'magic-network-monitoring': _MagicNetworkMonitoring.default,
   'magic-transit-logo': _MagicTransitLogo.default,
   mail: _Mail.default,
+  'media-play': _MediaPlay.default,
   minus: _Minus.default,
   more: _More.default,
   'network-analytics-logo': _NetworkAnalyticsLogo.default,
@@ -590,6 +595,7 @@ var _default = {
   subtract: _Subtract.default,
   table: _Table.default,
   'tail-worker': _TailWorker.default,
+  target: _Target.default,
   teams: _Teams.default,
   terraform: _Terraform.default,
   'thumbs-down-outline': _ThumbsDownOutline.default,

package/package.json

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