@cloudflare/component-icon 11.1.1 → 11.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 11.2.0
+
+### Minor Changes
+
+- 7b1d8e65a0: Add DEX Icon
+
 ## 11.1.1
 
 ### Patch 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" | "right" | "script" | "time" | "filter" | "image" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "dlp" | "account-analytics-logo" | "add-member" | "api-security" | "applications" | "backward" | "bolt" | "byoip" | "calendar" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "chart" | "clipboard" | "cloudflare-access" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "credit-card" | "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" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network" | "network-security" | "notifications" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "pause" | "platform-apps" | "plus" | "printer" | "product-security-center" | "pub-sub" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "shield" | "spectrum" | "speech" | "stream" | "teams" | "terraform" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "waiting-room" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zerotrust-casb-logo";
+    type: "search" | "link" | "right" | "script" | "time" | "filter" | "image" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "dlp" | "account-analytics-logo" | "add-member" | "api-security" | "applications" | "backward" | "bolt" | "byoip" | "calendar" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "chart" | "clipboard" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "credit-card" | "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" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network" | "network-security" | "notifications" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "pause" | "platform-apps" | "plus" | "printer" | "product-security-center" | "pub-sub" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "shield" | "spectrum" | "speech" | "stream" | "teams" | "terraform" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "waiting-room" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zerotrust-casb-logo";
     className?: string | undefined;
     ariaLabel?: string | undefined;
     testId?: string | undefined;

package/dist/reactsvgs/CloudflareDex.d.ts

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

package/dist/reactsvgs/index.d.ts

@@ -20,6 +20,7 @@ declare const _default: {
     chart: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     clipboard: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-access': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'cloudflare-dex': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-magic-wan': (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;

package/es/reactsvgs/CloudflareDex.js

@@ -0,0 +1,38 @@
+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 SvgCloudflareDex = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  viewBox: "0 0 64 64",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5 51.0815V37.2697L17.1023 30.3511L29.2216 37.2612V51.073L17.1108 57.9916L5 51.0815ZM7.76988 49.4972L17.1108 54.8399L26.4517 49.4972V38.8455L17.1108 33.5112L7.77841 38.8455V49.4972H7.76988Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M31.983 33.6489L19.8722 26.7304V12.9185L31.983 6L44.0938 12.9101V26.7304L31.983 33.6489ZM22.6421 25.1545L31.983 30.4888L41.3239 25.1545V14.4944L31.983 9.16854L22.6421 14.5028V25.1545Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M46.8892 57.9663L34.787 51.0477V37.2359L46.8892 30.3174L59 37.2106V51.0309L46.8892 57.9663ZM37.5568 49.4719L46.8892 54.8061L56.2301 49.4634V38.8033L46.8892 33.4859L37.5568 38.8202V49.4719Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M47.9716 44.7528H16.037L31.9233 19.7837L47.9716 44.7528ZM20.2813 42.4354H43.7102L31.9319 24.1235L20.2813 42.4354Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5 51.0815V37.2697L17.1023 30.3511L29.2216 37.2612V51.073L17.1108 57.9916L5 51.0815ZM7.76988 49.4972L17.1108 54.8399L26.4517 49.4972V38.8455L17.1108 33.5112L7.77841 38.8455V49.4972H7.76988Z",
+  strokeWidth: 0.6
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M31.983 33.6489L19.8722 26.7304V12.9185L31.983 6L44.0938 12.9101V26.7304L31.983 33.6489ZM22.6421 25.1545L31.983 30.4888L41.3239 25.1545V14.4944L31.983 9.16854L22.6421 14.5028V25.1545Z",
+  strokeWidth: 0.6
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M46.8892 57.9663L34.787 51.0477V37.2359L46.8892 30.3174L59 37.2106V51.0309L46.8892 57.9663ZM37.5568 49.4719L46.8892 54.8061L56.2301 49.4634V38.8033L46.8892 33.4859L37.5568 38.8202V49.4719Z",
+  strokeWidth: 0.6
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M47.9716 44.7528H16.037L31.9233 19.7837L47.9716 44.7528ZM20.2813 42.4354H43.7102L31.9319 24.1235L20.2813 42.4354Z",
+  strokeWidth: 0.6
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M31.9325 24.0593C30.2876 24.0593 28.7961 23.0818 28.1654 21.5734C27.5348 20.0649 27.8842 18.329 29.0433 17.1829C30.2109 16.0284 31.9666 15.6829 33.4836 16.3065C35.0092 16.9301 35.9978 18.3964 35.9978 20.0312C35.9978 21.1015 35.5717 22.1211 34.8046 22.8795C34.0376 23.638 33.0063 24.0593 31.924 24.0593"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M46.9097 48.3684C45.2563 48.3768 43.7648 47.4077 43.1256 45.8993C42.4864 44.3993 42.8273 42.6549 43.9864 41.5004C45.1455 40.3459 46.9012 39.992 48.4268 40.6156C49.9523 41.2392 50.9495 42.7054 50.9495 44.3403C50.9495 46.5566 49.1427 48.3515 46.9012 48.3684H46.9097Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17.0773 48.3684C15.4325 48.3684 13.941 47.3908 13.3103 45.8824C12.6796 44.374 13.0291 42.6464 14.1881 41.4919C15.3558 40.3375 17.1029 39.9919 18.6285 40.6155C20.154 41.2391 21.1427 42.7054 21.1427 44.3403C21.1427 45.4105 20.7165 46.4302 19.9495 47.1886C19.1825 47.947 18.1512 48.3684 17.0688 48.3684H17.0773Z"
+}));
+
+export default SvgCloudflareDex;

package/es/reactsvgs/index.js

@@ -18,6 +18,7 @@ import CaretUp from './CaretUp';
 import Chart from './Chart';
 import Clipboard from './Clipboard';
 import CloudflareAccess from './CloudflareAccess';
+import CloudflareDex from './CloudflareDex';
 import CloudflareMagicWan from './CloudflareMagicWan';
 import CloudflareSecurityApplication from './CloudflareSecurityApplication';
 import CloudflareSecurityNetwork from './CloudflareSecurityNetwork';
@@ -145,6 +146,7 @@ export default {
   chart: Chart,
   clipboard: Clipboard,
   'cloudflare-access': CloudflareAccess,
+  'cloudflare-dex': CloudflareDex,
   'cloudflare-magic-wan': CloudflareMagicWan,
   'cloudflare-security-application': CloudflareSecurityApplication,
   'cloudflare-security-network': CloudflareSecurityNetwork,

package/lib/reactsvgs/CloudflareDex.js

@@ -0,0 +1,54 @@
+"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 SvgCloudflareDex = function SvgCloudflareDex(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    viewBox: "0 0 64 64",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5 51.0815V37.2697L17.1023 30.3511L29.2216 37.2612V51.073L17.1108 57.9916L5 51.0815ZM7.76988 49.4972L17.1108 54.8399L26.4517 49.4972V38.8455L17.1108 33.5112L7.77841 38.8455V49.4972H7.76988Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M31.983 33.6489L19.8722 26.7304V12.9185L31.983 6L44.0938 12.9101V26.7304L31.983 33.6489ZM22.6421 25.1545L31.983 30.4888L41.3239 25.1545V14.4944L31.983 9.16854L22.6421 14.5028V25.1545Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M46.8892 57.9663L34.787 51.0477V37.2359L46.8892 30.3174L59 37.2106V51.0309L46.8892 57.9663ZM37.5568 49.4719L46.8892 54.8061L56.2301 49.4634V38.8033L46.8892 33.4859L37.5568 38.8202V49.4719Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M47.9716 44.7528H16.037L31.9233 19.7837L47.9716 44.7528ZM20.2813 42.4354H43.7102L31.9319 24.1235L20.2813 42.4354Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5 51.0815V37.2697L17.1023 30.3511L29.2216 37.2612V51.073L17.1108 57.9916L5 51.0815ZM7.76988 49.4972L17.1108 54.8399L26.4517 49.4972V38.8455L17.1108 33.5112L7.77841 38.8455V49.4972H7.76988Z",
+    strokeWidth: 0.6
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M31.983 33.6489L19.8722 26.7304V12.9185L31.983 6L44.0938 12.9101V26.7304L31.983 33.6489ZM22.6421 25.1545L31.983 30.4888L41.3239 25.1545V14.4944L31.983 9.16854L22.6421 14.5028V25.1545Z",
+    strokeWidth: 0.6
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M46.8892 57.9663L34.787 51.0477V37.2359L46.8892 30.3174L59 37.2106V51.0309L46.8892 57.9663ZM37.5568 49.4719L46.8892 54.8061L56.2301 49.4634V38.8033L46.8892 33.4859L37.5568 38.8202V49.4719Z",
+    strokeWidth: 0.6
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M47.9716 44.7528H16.037L31.9233 19.7837L47.9716 44.7528ZM20.2813 42.4354H43.7102L31.9319 24.1235L20.2813 42.4354Z",
+    strokeWidth: 0.6
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M31.9325 24.0593C30.2876 24.0593 28.7961 23.0818 28.1654 21.5734C27.5348 20.0649 27.8842 18.329 29.0433 17.1829C30.2109 16.0284 31.9666 15.6829 33.4836 16.3065C35.0092 16.9301 35.9978 18.3964 35.9978 20.0312C35.9978 21.1015 35.5717 22.1211 34.8046 22.8795C34.0376 23.638 33.0063 24.0593 31.924 24.0593"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M46.9097 48.3684C45.2563 48.3768 43.7648 47.4077 43.1256 45.8993C42.4864 44.3993 42.8273 42.6549 43.9864 41.5004C45.1455 40.3459 46.9012 39.992 48.4268 40.6156C49.9523 41.2392 50.9495 42.7054 50.9495 44.3403C50.9495 46.5566 49.1427 48.3515 46.9012 48.3684H46.9097Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17.0773 48.3684C15.4325 48.3684 13.941 47.3908 13.3103 45.8824C12.6796 44.374 13.0291 42.6464 14.1881 41.4919C15.3558 40.3375 17.1029 39.9919 18.6285 40.6155C20.154 41.2391 21.1427 42.7054 21.1427 44.3403C21.1427 45.4105 20.7165 46.4302 19.9495 47.1886C19.1825 47.947 18.1512 48.3684 17.0688 48.3684H17.0773Z"
+  }));
+};
+
+var _default = SvgCloudflareDex;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -45,6 +45,8 @@ var _Clipboard = _interopRequireDefault(require("./Clipboard"));
 
 var _CloudflareAccess = _interopRequireDefault(require("./CloudflareAccess"));
 
+var _CloudflareDex = _interopRequireDefault(require("./CloudflareDex"));
+
 var _CloudflareMagicWan = _interopRequireDefault(require("./CloudflareMagicWan"));
 
 var _CloudflareSecurityApplication = _interopRequireDefault(require("./CloudflareSecurityApplication"));
@@ -280,6 +282,7 @@ var _default = {
   chart: _Chart.default,
   clipboard: _Clipboard.default,
   'cloudflare-access': _CloudflareAccess.default,
+  'cloudflare-dex': _CloudflareDex.default,
   'cloudflare-magic-wan': _CloudflareMagicWan.default,
   'cloudflare-security-application': _CloudflareSecurityApplication.default,
   'cloudflare-security-network': _CloudflareSecurityNetwork.default,

package/package.json

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