@cloudflare/component-icon 12.0.0 → 12.1.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 12.1.1
+
+### Patch Changes
+
+- 2197e93171: Add server-origin icon
+
+## 12.1.0
+
+### Minor Changes
+
+- 784a0c4011: add gargbage icon
+
 ## 12.0.0
 
 ### Major 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" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "api-security" | "api" | "applications" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "chart" | "clipboard" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "credit-card" | "d1" | "ddos-attack" | "discord" | "discover" | "documentation" | "drive" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "home" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "platform-apps" | "plus" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "security-bots" | "security-waf" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "waiting-room" | "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" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "api-security" | "api" | "applications" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "chart" | "clipboard" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "credit-card" | "d1" | "ddos-attack" | "discord" | "discover" | "documentation" | "drive" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "home" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "platform-apps" | "plus" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "security-bots" | "security-waf" | "server-origin" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "waiting-room" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
     className?: string | undefined;
     ariaLabel?: string | undefined;
     label?: string | boolean | undefined;

package/dist/reactsvgs/Garbage.d.ts

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

package/dist/reactsvgs/ServerOrigin.d.ts

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

package/dist/reactsvgs/index.d.ts

@@ -52,6 +52,7 @@ declare const _default: {
     folder: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     forward: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     funnel: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    garbage: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     gateway: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     gear: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'git-branch': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -110,6 +111,7 @@ declare const _default: {
     search: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'security-bots': (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;
     shield: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     spectrum: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     speech: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/es/reactsvgs/Garbage.js

@@ -0,0 +1,19 @@
+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 SvgGarbage = 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", {
+  d: "M3.5 13.621V5.25h1v8h7v-8h1v8.392l-.64.608H4.134l-.635-.629Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6 6.25h1V12H6V6.25Zm3 0h1V12H9V6.25Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M2.5 4.5h11v-1h-3V2.125L9.876 1.5H6.124l-.624.625V3.5h-3v1Zm7-2h-3v1h3v-1Z"
+}));
+
+export default SvgGarbage;

package/es/reactsvgs/ServerOrigin.js

@@ -0,0 +1,14 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+
+var SvgServerOrigin = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 64 64",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M51.59 21.77a2.1 2.1 0 1 1-4.2 0 2.1 2.1 0 0 1 4.2 0ZM58 28.64V15.79l-2-2H8l-2 2v12.85l2 2h48l2-2ZM10 17.79h44v8.85H10v-8.85Zm39.5 21.46a2.09 2.09 0 1 0 0 4.179 2.09 2.09 0 0 0 0-4.179Zm-11.4 7H10v-8.89h28l2-4H8l-2 2v12.85l2 2h32.11l-2.01-3.96Zm20.22-5a8.82 8.82 0 1 0-17.64 0c0 5.54 6.44 14 7.17 14.9h3.14c.75-.99 7.33-9.42 7.33-14.97v.07Zm-4 0c0 2.53-2.57 7-4.88 10.3-2.25-3.29-4.76-7.76-4.76-10.3a4.82 4.82 0 1 1 9.64 0Z"
+}));
+
+export default SvgServerOrigin;

package/es/reactsvgs/index.js

@@ -50,6 +50,7 @@ import Flowchart from './Flowchart';
 import Folder from './Folder';
 import Forward from './Forward';
 import Funnel from './Funnel';
+import Garbage from './Garbage';
 import Gateway from './Gateway';
 import Gear from './Gear';
 import GitBranch from './GitBranch';
@@ -108,6 +109,7 @@ import Script from './Script';
 import Search from './Search';
 import SecurityBots from './SecurityBots';
 import SecurityWaf from './SecurityWaf';
+import ServerOrigin from './ServerOrigin';
 import Shield from './Shield';
 import Spectrum from './Spectrum';
 import Speech from './Speech';
@@ -201,6 +203,7 @@ export default {
   folder: Folder,
   forward: Forward,
   funnel: Funnel,
+  garbage: Garbage,
   gateway: Gateway,
   gear: Gear,
   'git-branch': GitBranch,
@@ -259,6 +262,7 @@ export default {
   search: Search,
   'security-bots': SecurityBots,
   'security-waf': SecurityWaf,
+  'server-origin': ServerOrigin,
   shield: Shield,
   spectrum: Spectrum,
   speech: Speech,

package/lib/reactsvgs/Garbage.js

@@ -0,0 +1,35 @@
+"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 SvgGarbage = function SvgGarbage(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", {
+    d: "M3.5 13.621V5.25h1v8h7v-8h1v8.392l-.64.608H4.134l-.635-.629Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6 6.25h1V12H6V6.25Zm3 0h1V12H9V6.25Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2.5 4.5h11v-1h-3V2.125L9.876 1.5H6.124l-.624.625V3.5h-3v1Zm7-2h-3v1h3v-1Z"
+  }));
+};
+
+var _default = SvgGarbage;
+exports.default = _default;

package/lib/reactsvgs/ServerOrigin.js

@@ -0,0 +1,30 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SvgServerOrigin = function SvgServerOrigin(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 64 64",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M51.59 21.77a2.1 2.1 0 1 1-4.2 0 2.1 2.1 0 0 1 4.2 0ZM58 28.64V15.79l-2-2H8l-2 2v12.85l2 2h48l2-2ZM10 17.79h44v8.85H10v-8.85Zm39.5 21.46a2.09 2.09 0 1 0 0 4.179 2.09 2.09 0 0 0 0-4.179Zm-11.4 7H10v-8.89h28l2-4H8l-2 2v12.85l2 2h32.11l-2.01-3.96Zm20.22-5a8.82 8.82 0 1 0-17.64 0c0 5.54 6.44 14 7.17 14.9h3.14c.75-.99 7.33-9.42 7.33-14.97v.07Zm-4 0c0 2.53-2.57 7-4.88 10.3-2.25-3.29-4.76-7.76-4.76-10.3a4.82 4.82 0 1 1 9.64 0Z"
+  }));
+};
+
+var _default = SvgServerOrigin;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -109,6 +109,8 @@ var _Forward = _interopRequireDefault(require("./Forward"));
 
 var _Funnel = _interopRequireDefault(require("./Funnel"));
 
+var _Garbage = _interopRequireDefault(require("./Garbage"));
+
 var _Gateway = _interopRequireDefault(require("./Gateway"));
 
 var _Gear = _interopRequireDefault(require("./Gear"));
@@ -225,6 +227,8 @@ var _SecurityBots = _interopRequireDefault(require("./SecurityBots"));
 
 var _SecurityWaf = _interopRequireDefault(require("./SecurityWaf"));
 
+var _ServerOrigin = _interopRequireDefault(require("./ServerOrigin"));
+
 var _Shield = _interopRequireDefault(require("./Shield"));
 
 var _Spectrum = _interopRequireDefault(require("./Spectrum"));
@@ -360,6 +364,7 @@ var _default = {
   folder: _Folder.default,
   forward: _Forward.default,
   funnel: _Funnel.default,
+  garbage: _Garbage.default,
   gateway: _Gateway.default,
   gear: _Gear.default,
   'git-branch': _GitBranch.default,
@@ -418,6 +423,7 @@ var _default = {
   search: _Search.default,
   'security-bots': _SecurityBots.default,
   'security-waf': _SecurityWaf.default,
+  'server-origin': _ServerOrigin.default,
   shield: _Shield.default,
   spectrum: _Spectrum.default,
   speech: _Speech.default,

package/package.json

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