@cloudflare/component-icon 11.8.5 → 11.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Change Log
2
2
 
3
+ ## 11.9.0
4
+
5
+ ### Minor Changes
6
+
7
+ - b6d8dcdb35: Add processing, timer SVG icons
8
+
3
9
  ## 11.8.5
4
10
 
5
11
  ### Patch Changes
package/dist/Icon.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import IconComponents from './reactsvgs';
3
3
  export declare type IconType = keyof typeof IconComponents;
4
4
  declare const _default: React.ComponentType<{
5
- type: "search" | "link" | "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" | "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" | "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" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
5
+ type: "search" | "link" | "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" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
6
6
  className?: string | undefined;
7
7
  ariaLabel?: string | undefined;
8
8
  label?: string | boolean | undefined;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgProcessing: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgProcessing;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgTimer: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgTimer;
@@ -89,6 +89,7 @@ declare const _default: {
89
89
  'platform-apps': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
90
90
  plus: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
91
91
  printer: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
92
+ processing: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
92
93
  'product-security-center': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
93
94
  'pub-sub': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
94
95
  'pull-request': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -119,6 +120,7 @@ declare const _default: {
119
120
  teams: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
120
121
  terraform: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
121
122
  time: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
123
+ timer: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
122
124
  trace: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
123
125
  'traffic-attack-browser': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
124
126
  turnstile: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -0,0 +1,14 @@
1
+ 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); }
2
+
3
+ import * as React from 'react';
4
+
5
+ var SvgProcessing = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 0 16 16",
8
+ "aria-hidden": !props['aria-label'],
9
+ focusable: "false"
10
+ }), /*#__PURE__*/React.createElement("path", {
11
+ d: "M4.208 8.4a3.568 3.568 0 0 1 0-.8v-.065H1.443v.93h2.77L4.208 8.4Zm.827-2.8c.168-.207.358-.397.565-.565l.05-.04-1.96-1.96-.655.655L5 5.65l.035-.05Zm.028-3.48 1.06 2.558.055-.03c.238-.129.49-.23.75-.305l.062-.018-1.07-2.56-.857.355Zm-.72 4.798c.075-.26.177-.512.305-.75l.03-.056-2.558-1.05-.355.858 2.56 1.06.018-.063ZM10.4 5.035c.207.168.397.358.565.565l.04.05 1.96-1.96-.655-.655L10.35 5l.05.035Zm.952 1.143c.129.238.23.49.306.75l.017.062 2.5-1.04.052-.02-.354-.857-2.55 1.05.03.054Zm-1.529-1.53.055.03 1.06-2.558-.858-.355-1.06 2.56.063.018c.256.075.504.177.74.305Zm-2.285-.435H7.6c.266-.03.534-.03.8 0h.063v-2.77h-.925v2.77ZM5.6 10.965a3.891 3.891 0 0 1-.565-.565L5 10.35l-1.96 1.96.655.655L5.65 11l-.05-.035Zm6.058-1.882c-.075.26-.177.511-.306.75l-.03.054 2.558 1.06.355-.854-2.56-1.073-.018.063Zm.129-1.548V7.6c.03.266.03.534 0 .8v.065h2.77v-.93h-2.77Zm-.822 2.865a3.889 3.889 0 0 1-.565.565l-.05.04 1.96 1.96.655-.655L11 10.35l-.035.05Zm-6.317-.578a3.802 3.802 0 0 1-.305-.75l-.018-.062-2.56 1.072.355.855 2.558-1.06-.03-.055Zm1.53 1.53-.055-.03-1.06 2.558.857.355 1.06-2.56-.062-.018a3.8 3.8 0 0 1-.74-.305Zm3.645 0c-.239.129-.49.23-.75.306l-.063.017 1.06 2.56.857-.355-1.05-2.558-.054.03Zm-2.223.441h-.062v2.764h.925v-2.77H8.4a3.567 3.567 0 0 1-.8.005Z"
12
+ }));
13
+
14
+ export default SvgProcessing;
@@ -0,0 +1,16 @@
1
+ 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); }
2
+
3
+ import * as React from 'react';
4
+
5
+ var SvgTimer = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 0 16 16",
8
+ "aria-hidden": !props['aria-label'],
9
+ focusable: "false"
10
+ }), /*#__PURE__*/React.createElement("path", {
11
+ d: "M8.5 2.511h.965v-1h-2.93v1H7.5v.75a5.625 5.625 0 1 0 1 0v-.75ZM8 13.461a4.625 4.625 0 1 1 0-9.25 4.625 4.625 0 0 1 0 9.25Z"
12
+ }), /*#__PURE__*/React.createElement("path", {
13
+ d: "M10.166 5.874 5.129 10.88l.705.71 5.037-5.008-.705-.71Z"
14
+ }));
15
+
16
+ export default SvgTimer;
@@ -87,6 +87,7 @@ import Pause from './Pause';
87
87
  import PlatformApps from './PlatformApps';
88
88
  import Plus from './Plus';
89
89
  import Printer from './Printer';
90
+ import Processing from './Processing';
90
91
  import ProductSecurityCenter from './ProductSecurityCenter';
91
92
  import PubSub from './PubSub';
92
93
  import PullRequest from './PullRequest';
@@ -117,6 +118,7 @@ import TailWorker from './TailWorker';
117
118
  import Teams from './Teams';
118
119
  import Terraform from './Terraform';
119
120
  import Time from './Time';
121
+ import Timer from './Timer';
120
122
  import Trace from './Trace';
121
123
  import TrafficAttackBrowser from './TrafficAttackBrowser';
122
124
  import Turnstile from './Turnstile';
@@ -234,6 +236,7 @@ export default {
234
236
  'platform-apps': PlatformApps,
235
237
  plus: Plus,
236
238
  printer: Printer,
239
+ processing: Processing,
237
240
  'product-security-center': ProductSecurityCenter,
238
241
  'pub-sub': PubSub,
239
242
  'pull-request': PullRequest,
@@ -264,6 +267,7 @@ export default {
264
267
  teams: Teams,
265
268
  terraform: Terraform,
266
269
  time: Time,
270
+ timer: Timer,
267
271
  trace: Trace,
268
272
  'traffic-attack-browser': TrafficAttackBrowser,
269
273
  turnstile: Turnstile,
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var React = _interopRequireWildcard(require("react"));
11
+
12
+ 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); }
13
+
14
+ 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; }
15
+
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); }
17
+
18
+ var SvgProcessing = function SvgProcessing(props) {
19
+ return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
+ xmlns: "http://www.w3.org/2000/svg",
21
+ viewBox: "0 0 16 16",
22
+ "aria-hidden": !props['aria-label'],
23
+ focusable: "false"
24
+ }), /*#__PURE__*/React.createElement("path", {
25
+ d: "M4.208 8.4a3.568 3.568 0 0 1 0-.8v-.065H1.443v.93h2.77L4.208 8.4Zm.827-2.8c.168-.207.358-.397.565-.565l.05-.04-1.96-1.96-.655.655L5 5.65l.035-.05Zm.028-3.48 1.06 2.558.055-.03c.238-.129.49-.23.75-.305l.062-.018-1.07-2.56-.857.355Zm-.72 4.798c.075-.26.177-.512.305-.75l.03-.056-2.558-1.05-.355.858 2.56 1.06.018-.063ZM10.4 5.035c.207.168.397.358.565.565l.04.05 1.96-1.96-.655-.655L10.35 5l.05.035Zm.952 1.143c.129.238.23.49.306.75l.017.062 2.5-1.04.052-.02-.354-.857-2.55 1.05.03.054Zm-1.529-1.53.055.03 1.06-2.558-.858-.355-1.06 2.56.063.018c.256.075.504.177.74.305Zm-2.285-.435H7.6c.266-.03.534-.03.8 0h.063v-2.77h-.925v2.77ZM5.6 10.965a3.891 3.891 0 0 1-.565-.565L5 10.35l-1.96 1.96.655.655L5.65 11l-.05-.035Zm6.058-1.882c-.075.26-.177.511-.306.75l-.03.054 2.558 1.06.355-.854-2.56-1.073-.018.063Zm.129-1.548V7.6c.03.266.03.534 0 .8v.065h2.77v-.93h-2.77Zm-.822 2.865a3.889 3.889 0 0 1-.565.565l-.05.04 1.96 1.96.655-.655L11 10.35l-.035.05Zm-6.317-.578a3.802 3.802 0 0 1-.305-.75l-.018-.062-2.56 1.072.355.855 2.558-1.06-.03-.055Zm1.53 1.53-.055-.03-1.06 2.558.857.355 1.06-2.56-.062-.018a3.8 3.8 0 0 1-.74-.305Zm3.645 0c-.239.129-.49.23-.75.306l-.063.017 1.06 2.56.857-.355-1.05-2.558-.054.03Zm-2.223.441h-.062v2.764h.925v-2.77H8.4a3.567 3.567 0 0 1-.8.005Z"
26
+ }));
27
+ };
28
+
29
+ var _default = SvgProcessing;
30
+ exports.default = _default;
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var React = _interopRequireWildcard(require("react"));
11
+
12
+ 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); }
13
+
14
+ 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; }
15
+
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); }
17
+
18
+ var SvgTimer = function SvgTimer(props) {
19
+ return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
+ xmlns: "http://www.w3.org/2000/svg",
21
+ viewBox: "0 0 16 16",
22
+ "aria-hidden": !props['aria-label'],
23
+ focusable: "false"
24
+ }), /*#__PURE__*/React.createElement("path", {
25
+ d: "M8.5 2.511h.965v-1h-2.93v1H7.5v.75a5.625 5.625 0 1 0 1 0v-.75ZM8 13.461a4.625 4.625 0 1 1 0-9.25 4.625 4.625 0 0 1 0 9.25Z"
26
+ }), /*#__PURE__*/React.createElement("path", {
27
+ d: "M10.166 5.874 5.129 10.88l.705.71 5.037-5.008-.705-.71Z"
28
+ }));
29
+ };
30
+
31
+ var _default = SvgTimer;
32
+ exports.default = _default;
@@ -183,6 +183,8 @@ var _Plus = _interopRequireDefault(require("./Plus"));
183
183
 
184
184
  var _Printer = _interopRequireDefault(require("./Printer"));
185
185
 
186
+ var _Processing = _interopRequireDefault(require("./Processing"));
187
+
186
188
  var _ProductSecurityCenter = _interopRequireDefault(require("./ProductSecurityCenter"));
187
189
 
188
190
  var _PubSub = _interopRequireDefault(require("./PubSub"));
@@ -243,6 +245,8 @@ var _Terraform = _interopRequireDefault(require("./Terraform"));
243
245
 
244
246
  var _Time = _interopRequireDefault(require("./Time"));
245
247
 
248
+ var _Timer = _interopRequireDefault(require("./Timer"));
249
+
246
250
  var _Trace = _interopRequireDefault(require("./Trace"));
247
251
 
248
252
  var _TrafficAttackBrowser = _interopRequireDefault(require("./TrafficAttackBrowser"));
@@ -389,6 +393,7 @@ var _default = {
389
393
  'platform-apps': _PlatformApps.default,
390
394
  plus: _Plus.default,
391
395
  printer: _Printer.default,
396
+ processing: _Processing.default,
392
397
  'product-security-center': _ProductSecurityCenter.default,
393
398
  'pub-sub': _PubSub.default,
394
399
  'pull-request': _PullRequest.default,
@@ -419,6 +424,7 @@ var _default = {
419
424
  teams: _Teams.default,
420
425
  terraform: _Terraform.default,
421
426
  time: _Time.default,
427
+ timer: _Timer.default,
422
428
  trace: _Trace.default,
423
429
  'traffic-attack-browser': _TrafficAttackBrowser.default,
424
430
  turnstile: _Turnstile.default,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudflare/component-icon",
3
3
  "description": "Cloudflare Icon Component",
4
- "version": "11.8.5",
4
+ "version": "11.9.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "Frontend Team <frontend@cloudflare.com>",