@cloudflare/component-icon 12.27.0 → 12.29.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 12.29.0
+
+### Minor Changes
+
+- 22fd3f2cd3: Add "cloudflare-pipelines" icon
+
+## 12.28.0
+
+### Minor Changes
+
+- a829f00071: cloudflare-share-outline icon
+
 ## 12.27.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" | "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" | "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-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" | "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-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" | "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" | "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" | "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" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "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" | "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-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" | "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" | "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" | "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" | "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-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" | "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-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" | "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" | "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" | "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" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "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" | "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-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" | "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" | "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;
@@ -85,39 +85,12 @@ declare const _default: ComponentMeta<React.ComponentType<{
     gridJustify?: ("start" | "end" | "center" | "stretch") | undefined;
 }>>;
 export default _default;
-export declare const AIAudit: {
-    (): JSX.Element;
-    decorators: ((Story: any) => JSX.Element)[];
-};
-export declare const CloudflareEmailSecurity: {
-    (): JSX.Element;
-    decorators: ((Story: any) => JSX.Element)[];
-};
-export declare const CloudMulti: {
-    (): JSX.Element;
-    decorators: ((Story: any) => JSX.Element)[];
-};
-export declare const CloudInternet: {
-    (): JSX.Element;
-    decorators: ((Story: any) => JSX.Element)[];
-};
-export declare const Inbox: {
-    (): JSX.Element;
-    decorators: ((Story: any) => JSX.Element)[];
-};
-export declare const Spectrum: {
-    (): JSX.Element;
-    decorators: ((Story: any) => JSX.Element)[];
-};
-export declare const ThumbsUp: {
-    (): JSX.Element;
-    decorators: ((Story: any) => JSX.Element)[];
-};
-export declare const ThumbsDown: {
-    (): JSX.Element;
-    decorators: ((Story: any) => JSX.Element)[];
-};
-export declare const CaretReorder2: {
-    (): JSX.Element;
-    decorators: ((Story: any) => JSX.Element)[];
-};
+export declare const AIAudit: () => JSX.Element;
+export declare const CloudflareEmailSecurity: () => JSX.Element;
+export declare const CloudMulti: () => JSX.Element;
+export declare const CloudInternet: () => JSX.Element;
+export declare const Inbox: () => JSX.Element;
+export declare const Spectrum: () => JSX.Element;
+export declare const ThumbsUp: () => JSX.Element;
+export declare const ThumbsDown: () => JSX.Element;
+export declare const CaretReorder2: () => JSX.Element;

package/dist/reactsvgs/CloudflarePipelines.d.ts

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

package/dist/reactsvgs/ShareArrowOutline.d.ts

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

package/dist/reactsvgs/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     dlp: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    timer: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'account-analytics-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'add-member': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     add: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -42,6 +43,7 @@ declare const _default: {
     'cloudflare-dex': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-email-security': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-magic-wan': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'cloudflare-pipelines': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-ruleset-engine': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-security-application': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-security-network': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -153,6 +155,7 @@ declare const _default: {
     'security-waf-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'security-waf': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'server-origin': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'share-arrow-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     shield: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     spectrum: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     speech: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -168,7 +171,6 @@ declare const _default: {
     'thumbs-up-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'thumbs-up-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     time: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    timer: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     trace: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'traffic-attack-browser': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     turnstile: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/es/Icon.stories.js

@@ -1,50 +1,33 @@
 import React from 'react';
-import { StyleProvider, createRenderer } from '@cloudflare/style-provider';
 import Icon from './Icon';
-var renderer = createRenderer({
-  dev: process.env.NODE_ENV === 'development',
-  selectorPrefix: 'c_'
-}); // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-
 export default {
   title: 'Example/Icon',
   component: Icon
 };
-
-var withStyleProvider = Story => /*#__PURE__*/React.createElement(StyleProvider, {
-  renderer: renderer
-}, /*#__PURE__*/React.createElement(Story, null));
-
 export var AIAudit = () => /*#__PURE__*/React.createElement(Icon, {
   type: "ai-audit",
   size: 36
 });
-AIAudit.decorators = [withStyleProvider];
 export var CloudflareEmailSecurity = () => /*#__PURE__*/React.createElement(Icon, {
   type: "cloudflare-email-security",
   size: 36
 });
-CloudflareEmailSecurity.decorators = [withStyleProvider];
 export var CloudMulti = () => /*#__PURE__*/React.createElement(Icon, {
   type: "cloud-multi",
   size: 36
 });
-CloudMulti.decorators = [withStyleProvider];
 export var CloudInternet = () => /*#__PURE__*/React.createElement(Icon, {
   type: "cloud-internet",
   size: 36
 });
-CloudInternet.decorators = [withStyleProvider];
 export var Inbox = () => /*#__PURE__*/React.createElement(Icon, {
   type: "inbox",
   size: 36
 });
-Inbox.decorators = [withStyleProvider];
 export var Spectrum = () => /*#__PURE__*/React.createElement(Icon, {
   type: "spectrum",
   size: 36
 });
-Spectrum.decorators = [withStyleProvider];
 export var ThumbsUp = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
   type: "thumbs-up-solid",
   size: 36
@@ -52,7 +35,6 @@ export var ThumbsUp = () => /*#__PURE__*/React.createElement(React.Fragment, nul
   type: "thumbs-up-outline",
   size: 36
 }));
-ThumbsUp.decorators = [withStyleProvider];
 export var ThumbsDown = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
   type: "thumbs-down-solid",
   size: 36
@@ -60,9 +42,7 @@ export var ThumbsDown = () => /*#__PURE__*/React.createElement(React.Fragment, n
   type: "thumbs-down-outline",
   size: 36
 }));
-ThumbsDown.decorators = [withStyleProvider];
-export var CaretReorder2 = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+export var CaretReorder2 = () => /*#__PURE__*/React.createElement(Icon, {
   type: "caret-reorder2",
   size: 36
-}));
-CaretReorder2.decorators = [withStyleProvider];
+});

package/es/reactsvgs/CloudflarePipelines.js

@@ -0,0 +1,24 @@
+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 SvgCloudflarePipelines = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 17",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#cloudflare-pipelines_svg__a)"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M3.303 4.966c-.232.608-.407 1.393-.494 2.284H1.805c.09-1.004.286-1.912.564-2.64.193-.509.436-.954.731-1.282.295-.327.683-.578 1.15-.578h6.25c.467 0 .855.25 1.15.578.295.328.538.773.732 1.282.277.728.473 1.636.563 2.64h-1.004c-.087-.89-.262-1.676-.494-2.284-.168-.442-.356-.765-.54-.969-.184-.204-.322-.247-.407-.247H5.714c.159.254.297.545.417.86.39 1.02.619 2.395.619 3.89s-.23 2.87-.619 3.89c-.12.315-.258.606-.417.86H10.5c.085 0 .223-.043.407-.247.184-.204.372-.527.54-.969.232-.608.407-1.393.494-2.284h1.004c-.09 1.004-.286 1.912-.563 2.64-.194.509-.437.954-.732 1.282-.295.327-.683.578-1.15.578H4.25c-.467 0-.855-.25-1.15-.578-.295-.328-.538-.773-.731-1.282-.278-.728-.474-1.636-.564-2.64h1.004c.087.89.262 1.676.494 2.284.168.442.357.765.54.969.184.204.322.247.407.247.085 0 .223-.043.407-.247.183-.204.372-.527.54-.969.335-.88.553-2.13.553-3.534 0-1.405-.218-2.654-.553-3.534-.168-.442-.357-.765-.54-.969-.184-.204-.322-.247-.407-.247-.085 0-.223.043-.407.247-.183.204-.372.527-.54.969ZM0 8.563a.563.563 0 1 0 1.125 0 .563.563 0 0 0-1.125 0Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M1.75 8.563a.563.563 0 1 0 1.125 0 .563.563 0 0 0-1.125 0Zm1.75 0a.563.563 0 1 0 1.125 0 .563.563 0 0 0-1.125 0ZM15 9H8V8h7v1Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m14.845 8.5-1.217-1.217.566-.566L15.976 8.5l-1.783 1.783-.565-.566L14.845 8.5Z"
+})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  id: "cloudflare-pipelines_svg__a"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M0 .5h16v16H0z"
+}))));
+
+export default SvgCloudflarePipelines;

package/es/reactsvgs/ShareArrowOutline.js

@@ -0,0 +1,22 @@
+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 SvgShareArrowOutline = 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("g", {
+  clipPath: "url(#share-arrow-outline_svg__a)"
+}, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M5.854 3.932 7.5 2.286V9.5h1V2.336l1.596 1.596.707-.707L8.328.75 7.975.396 7.62.75 5.146 3.225zM3 5l-.5.5v8l.5.5h10l.5-.5v-8L13 5h-3v1h2.5v7h-9V6H6V5z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  id: "share-arrow-outline_svg__a"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M0 0h16v16H0z"
+}))));
+
+export default SvgShareArrowOutline;

package/es/reactsvgs/index.js

@@ -1,4 +1,5 @@
 import Dlp from './Dlp';
+import Timer from './Timer';
 import AccountAnalyticsLogo from './AccountAnalyticsLogo';
 import AddMember from './AddMember';
 import Add from './Add';
@@ -40,6 +41,7 @@ import CloudflareBrowserOutline from './CloudflareBrowserOutline';
 import CloudflareDex from './CloudflareDex';
 import CloudflareEmailSecurity from './CloudflareEmailSecurity';
 import CloudflareMagicWan from './CloudflareMagicWan';
+import CloudflarePipelines from './CloudflarePipelines';
 import CloudflareRulesetEngine from './CloudflareRulesetEngine';
 import CloudflareSecurityApplication from './CloudflareSecurityApplication';
 import CloudflareSecurityNetwork from './CloudflareSecurityNetwork';
@@ -151,6 +153,7 @@ import SecurityBots from './SecurityBots';
 import SecurityWafSolid from './SecurityWafSolid';
 import SecurityWaf from './SecurityWaf';
 import ServerOrigin from './ServerOrigin';
+import ShareArrowOutline from './ShareArrowOutline';
 import Shield from './Shield';
 import Spectrum from './Spectrum';
 import Speech from './Speech';
@@ -166,7 +169,6 @@ import ThumbsDownSolid from './ThumbsDownSolid';
 import ThumbsUpOutline from './ThumbsUpOutline';
 import ThumbsUpSolid from './ThumbsUpSolid';
 import Time from './Time';
-import Timer from './Timer';
 import Trace from './Trace';
 import TrafficAttackBrowser from './TrafficAttackBrowser';
 import Turnstile from './Turnstile';
@@ -200,6 +202,7 @@ import ZerotrustCasbLogo from './ZerotrustCasbLogo';
 import ZerotrustNetworksLogo from './ZerotrustNetworksLogo';
 export default {
   dlp: Dlp,
+  timer: Timer,
   'account-analytics-logo': AccountAnalyticsLogo,
   'add-member': AddMember,
   add: Add,
@@ -241,6 +244,7 @@ export default {
   'cloudflare-dex': CloudflareDex,
   'cloudflare-email-security': CloudflareEmailSecurity,
   'cloudflare-magic-wan': CloudflareMagicWan,
+  'cloudflare-pipelines': CloudflarePipelines,
   'cloudflare-ruleset-engine': CloudflareRulesetEngine,
   'cloudflare-security-application': CloudflareSecurityApplication,
   'cloudflare-security-network': CloudflareSecurityNetwork,
@@ -352,6 +356,7 @@ export default {
   'security-waf-solid': SecurityWafSolid,
   'security-waf': SecurityWaf,
   'server-origin': ServerOrigin,
+  'share-arrow-outline': ShareArrowOutline,
   shield: Shield,
   spectrum: Spectrum,
   speech: Speech,
@@ -367,7 +372,6 @@ export default {
   'thumbs-up-outline': ThumbsUpOutline,
   'thumbs-up-solid': ThumbsUpSolid,
   time: Time,
-  timer: Timer,
   trace: Trace,
   'traffic-attack-browser': TrafficAttackBrowser,
   turnstile: Turnstile,

package/lib/Icon.stories.js

@@ -7,29 +7,16 @@ exports.default = exports.ThumbsUp = exports.ThumbsDown = exports.Spectrum = exp
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styleProvider = require("@cloudflare/style-provider");
-
 var _Icon = _interopRequireDefault(require("./Icon"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var renderer = (0, _styleProvider.createRenderer)({
-  dev: process.env.NODE_ENV === 'development',
-  selectorPrefix: 'c_'
-}); // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-
 var _default = {
   title: 'Example/Icon',
   component: _Icon.default
 };
 exports.default = _default;
 
-var withStyleProvider = function withStyleProvider(Story) {
-  return /*#__PURE__*/_react.default.createElement(_styleProvider.StyleProvider, {
-    renderer: renderer
-  }, /*#__PURE__*/_react.default.createElement(Story, null));
-};
-
 var AIAudit = function AIAudit() {
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
     type: "ai-audit",
@@ -38,7 +25,6 @@ var AIAudit = function AIAudit() {
 };
 
 exports.AIAudit = AIAudit;
-AIAudit.decorators = [withStyleProvider];
 
 var CloudflareEmailSecurity = function CloudflareEmailSecurity() {
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -48,7 +34,6 @@ var CloudflareEmailSecurity = function CloudflareEmailSecurity() {
 };
 
 exports.CloudflareEmailSecurity = CloudflareEmailSecurity;
-CloudflareEmailSecurity.decorators = [withStyleProvider];
 
 var CloudMulti = function CloudMulti() {
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -58,7 +43,6 @@ var CloudMulti = function CloudMulti() {
 };
 
 exports.CloudMulti = CloudMulti;
-CloudMulti.decorators = [withStyleProvider];
 
 var CloudInternet = function CloudInternet() {
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -68,7 +52,6 @@ var CloudInternet = function CloudInternet() {
 };
 
 exports.CloudInternet = CloudInternet;
-CloudInternet.decorators = [withStyleProvider];
 
 var Inbox = function Inbox() {
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -78,7 +61,6 @@ var Inbox = function Inbox() {
 };
 
 exports.Inbox = Inbox;
-Inbox.decorators = [withStyleProvider];
 
 var Spectrum = function Spectrum() {
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -88,7 +70,6 @@ var Spectrum = function Spectrum() {
 };
 
 exports.Spectrum = Spectrum;
-Spectrum.decorators = [withStyleProvider];
 
 var ThumbsUp = function ThumbsUp() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -101,7 +82,6 @@ var ThumbsUp = function ThumbsUp() {
 };
 
 exports.ThumbsUp = ThumbsUp;
-ThumbsUp.decorators = [withStyleProvider];
 
 var ThumbsDown = function ThumbsDown() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -114,14 +94,12 @@ var ThumbsDown = function ThumbsDown() {
 };
 
 exports.ThumbsDown = ThumbsDown;
-ThumbsDown.decorators = [withStyleProvider];
 
 var CaretReorder2 = function CaretReorder2() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
     type: "caret-reorder2",
     size: 36
-  }));
+  });
 };
 
-exports.CaretReorder2 = CaretReorder2;
-CaretReorder2.decorators = [withStyleProvider];
+exports.CaretReorder2 = CaretReorder2;

package/lib/reactsvgs/CloudflarePipelines.js

@@ -0,0 +1,40 @@
+"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 SvgCloudflarePipelines = function SvgCloudflarePipelines(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 17",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#cloudflare-pipelines_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M3.303 4.966c-.232.608-.407 1.393-.494 2.284H1.805c.09-1.004.286-1.912.564-2.64.193-.509.436-.954.731-1.282.295-.327.683-.578 1.15-.578h6.25c.467 0 .855.25 1.15.578.295.328.538.773.732 1.282.277.728.473 1.636.563 2.64h-1.004c-.087-.89-.262-1.676-.494-2.284-.168-.442-.356-.765-.54-.969-.184-.204-.322-.247-.407-.247H5.714c.159.254.297.545.417.86.39 1.02.619 2.395.619 3.89s-.23 2.87-.619 3.89c-.12.315-.258.606-.417.86H10.5c.085 0 .223-.043.407-.247.184-.204.372-.527.54-.969.232-.608.407-1.393.494-2.284h1.004c-.09 1.004-.286 1.912-.563 2.64-.194.509-.437.954-.732 1.282-.295.327-.683.578-1.15.578H4.25c-.467 0-.855-.25-1.15-.578-.295-.328-.538-.773-.731-1.282-.278-.728-.474-1.636-.564-2.64h1.004c.087.89.262 1.676.494 2.284.168.442.357.765.54.969.184.204.322.247.407.247.085 0 .223-.043.407-.247.183-.204.372-.527.54-.969.335-.88.553-2.13.553-3.534 0-1.405-.218-2.654-.553-3.534-.168-.442-.357-.765-.54-.969-.184-.204-.322-.247-.407-.247-.085 0-.223.043-.407.247-.183.204-.372.527-.54.969ZM0 8.563a.563.563 0 1 0 1.125 0 .563.563 0 0 0-1.125 0Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M1.75 8.563a.563.563 0 1 0 1.125 0 .563.563 0 0 0-1.125 0Zm1.75 0a.563.563 0 1 0 1.125 0 .563.563 0 0 0-1.125 0ZM15 9H8V8h7v1Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m14.845 8.5-1.217-1.217.566-.566L15.976 8.5l-1.783 1.783-.565-.566L14.845 8.5Z"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "cloudflare-pipelines_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 .5h16v16H0z"
+  }))));
+};
+
+var _default = SvgCloudflarePipelines;
+exports.default = _default;

package/lib/reactsvgs/ShareArrowOutline.js

@@ -0,0 +1,38 @@
+"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 SvgShareArrowOutline = function SvgShareArrowOutline(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("g", {
+    clipPath: "url(#share-arrow-outline_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.854 3.932 7.5 2.286V9.5h1V2.336l1.596 1.596.707-.707L8.328.75 7.975.396 7.62.75 5.146 3.225zM3 5l-.5.5v8l.5.5h10l.5-.5v-8L13 5h-3v1h2.5v7h-9V6H6V5z",
+    clipRule: "evenodd"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "share-arrow-outline_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 0h16v16H0z"
+  }))));
+};
+
+var _default = SvgShareArrowOutline;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _Dlp = _interopRequireDefault(require("./Dlp"));
 
+var _Timer = _interopRequireDefault(require("./Timer"));
+
 var _AccountAnalyticsLogo = _interopRequireDefault(require("./AccountAnalyticsLogo"));
 
 var _AddMember = _interopRequireDefault(require("./AddMember"));
@@ -89,6 +91,8 @@ var _CloudflareEmailSecurity = _interopRequireDefault(require("./CloudflareEmail
 
 var _CloudflareMagicWan = _interopRequireDefault(require("./CloudflareMagicWan"));
 
+var _CloudflarePipelines = _interopRequireDefault(require("./CloudflarePipelines"));
+
 var _CloudflareRulesetEngine = _interopRequireDefault(require("./CloudflareRulesetEngine"));
 
 var _CloudflareSecurityApplication = _interopRequireDefault(require("./CloudflareSecurityApplication"));
@@ -311,6 +315,8 @@ var _SecurityWaf = _interopRequireDefault(require("./SecurityWaf"));
 
 var _ServerOrigin = _interopRequireDefault(require("./ServerOrigin"));
 
+var _ShareArrowOutline = _interopRequireDefault(require("./ShareArrowOutline"));
+
 var _Shield = _interopRequireDefault(require("./Shield"));
 
 var _Spectrum = _interopRequireDefault(require("./Spectrum"));
@@ -341,8 +347,6 @@ var _ThumbsUpSolid = _interopRequireDefault(require("./ThumbsUpSolid"));
 
 var _Time = _interopRequireDefault(require("./Time"));
 
-var _Timer = _interopRequireDefault(require("./Timer"));
-
 var _Trace = _interopRequireDefault(require("./Trace"));
 
 var _TrafficAttackBrowser = _interopRequireDefault(require("./TrafficAttackBrowser"));
@@ -409,6 +413,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var _default = {
   dlp: _Dlp.default,
+  timer: _Timer.default,
   'account-analytics-logo': _AccountAnalyticsLogo.default,
   'add-member': _AddMember.default,
   add: _Add.default,
@@ -450,6 +455,7 @@ var _default = {
   'cloudflare-dex': _CloudflareDex.default,
   'cloudflare-email-security': _CloudflareEmailSecurity.default,
   'cloudflare-magic-wan': _CloudflareMagicWan.default,
+  'cloudflare-pipelines': _CloudflarePipelines.default,
   'cloudflare-ruleset-engine': _CloudflareRulesetEngine.default,
   'cloudflare-security-application': _CloudflareSecurityApplication.default,
   'cloudflare-security-network': _CloudflareSecurityNetwork.default,
@@ -561,6 +567,7 @@ var _default = {
   'security-waf-solid': _SecurityWafSolid.default,
   'security-waf': _SecurityWaf.default,
   'server-origin': _ServerOrigin.default,
+  'share-arrow-outline': _ShareArrowOutline.default,
   shield: _Shield.default,
   spectrum: _Spectrum.default,
   speech: _Speech.default,
@@ -576,7 +583,6 @@ var _default = {
   'thumbs-up-outline': _ThumbsUpOutline.default,
   'thumbs-up-solid': _ThumbsUpSolid.default,
   time: _Time.default,
-  timer: _Timer.default,
   trace: _Trace.default,
   'traffic-attack-browser': _TrafficAttackBrowser.default,
   turnstile: _Turnstile.default,

package/package.json

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