@cloudflare/component-icon 13.2.0 → 13.3.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 13.3.1
+
+### Patch Changes
+
+- 240793fed9: Standardized pin icon size & a11y attributes
+
+## 13.3.0
+
+### Minor Changes
+
+- 042176d70f: Add "Pin" icon
+
 ## 13.2.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" | "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";
+    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" | "pin-outline" | "pin-solid" | "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;

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" | "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";
+    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" | "pin-outline" | "pin-solid" | "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;
@@ -97,3 +97,4 @@ export declare const Table: () => JSX.Element;
 export declare const ThumbsUp: () => JSX.Element;
 export declare const ThumbsDown: () => JSX.Element;
 export declare const CaretReorder2: () => JSX.Element;
+export declare const Pin: () => JSX.Element;

package/dist/reactsvgs/PinOutline.d.ts

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

package/dist/reactsvgs/PinSolid.d.ts

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

package/dist/reactsvgs/index.d.ts

@@ -130,6 +130,8 @@ declare const _default: {
     'pages-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     pause: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'performance-arrow-up': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'pin-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'pin-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'platform-apps': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     plus: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'podcast-microphone-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/es/Icon.stories.js

@@ -57,4 +57,11 @@ export var ThumbsDown = () => /*#__PURE__*/React.createElement(React.Fragment, n
 export var CaretReorder2 = () => /*#__PURE__*/React.createElement(Icon, {
   type: "caret-reorder2",
   size: 36
-});
+});
+export var Pin = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+  type: "pin-solid",
+  size: 36
+}), /*#__PURE__*/React.createElement(Icon, {
+  type: "pin-outline",
+  size: 36
+}));

package/es/reactsvgs/PinOutline.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 PinOutline = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z"
+}));
+
+export default PinOutline;

package/es/reactsvgs/PinSolid.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 PinSolid = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "nonzero",
+  clipRule: "evenodd",
+  d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z"
+}));
+
+export default PinSolid;

package/es/reactsvgs/index.js

@@ -128,6 +128,8 @@ import OptimizationScale from './OptimizationScale';
 import PagesLogo from './PagesLogo';
 import Pause from './Pause';
 import PerformanceArrowUp from './PerformanceArrowUp';
+import PinOutline from './PinOutline';
+import PinSolid from './PinSolid';
 import PlatformApps from './PlatformApps';
 import Plus from './Plus';
 import PodcastMicrophoneOutline from './PodcastMicrophoneOutline';
@@ -338,6 +340,8 @@ export default {
   'pages-logo': PagesLogo,
   pause: Pause,
   'performance-arrow-up': PerformanceArrowUp,
+  'pin-outline': PinOutline,
+  'pin-solid': PinSolid,
   'platform-apps': PlatformApps,
   plus: Plus,
   'podcast-microphone-outline': PodcastMicrophoneOutline,

package/lib/Icon.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ThumbsUp = exports.ThumbsDown = exports.Table = exports.Spectrum = exports.Inbox = exports.Garbage = exports.CloudflareEmailSecurity = exports.CloudMulti = exports.CloudInternet = exports.CaretReorder2 = exports.Captcha = exports.AIAudit = void 0;
+exports.default = exports.ThumbsUp = exports.ThumbsDown = exports.Table = exports.Spectrum = exports.Pin = exports.Inbox = exports.Garbage = exports.CloudflareEmailSecurity = exports.CloudMulti = exports.CloudInternet = exports.CaretReorder2 = exports.Captcha = exports.AIAudit = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -129,4 +129,16 @@ var CaretReorder2 = function CaretReorder2() {
   });
 };
 
-exports.CaretReorder2 = CaretReorder2;
+exports.CaretReorder2 = CaretReorder2;
+
+var Pin = function Pin() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    type: "pin-solid",
+    size: 36
+  }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    type: "pin-outline",
+    size: 36
+  }));
+};
+
+exports.Pin = Pin;

package/lib/reactsvgs/PinOutline.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 PinOutline = function PinOutline(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z"
+  }));
+};
+
+var _default = PinOutline;
+exports.default = _default;

package/lib/reactsvgs/PinSolid.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 PinSolid = function PinSolid(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "nonzero",
+    clipRule: "evenodd",
+    d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z"
+  }));
+};
+
+var _default = PinSolid;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -265,6 +265,10 @@ var _Pause = _interopRequireDefault(require("./Pause"));
 
 var _PerformanceArrowUp = _interopRequireDefault(require("./PerformanceArrowUp"));
 
+var _PinOutline = _interopRequireDefault(require("./PinOutline"));
+
+var _PinSolid = _interopRequireDefault(require("./PinSolid"));
+
 var _PlatformApps = _interopRequireDefault(require("./PlatformApps"));
 
 var _Plus = _interopRequireDefault(require("./Plus"));
@@ -556,6 +560,8 @@ var _default = {
   'pages-logo': _PagesLogo.default,
   pause: _Pause.default,
   'performance-arrow-up': _PerformanceArrowUp.default,
+  'pin-outline': _PinOutline.default,
+  'pin-solid': _PinSolid.default,
   'platform-apps': _PlatformApps.default,
   plus: _Plus.default,
   'podcast-microphone-outline': _PodcastMicrophoneOutline.default,

package/package.json

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