@cloudflare/component-icon 11.4.0 → 11.5.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 11.5.1
+
+### Patch Changes
+
+- d7f07b4764: Add start & star-outline icons
+
+## 11.5.0
+
+### Minor Changes
+
+- c92c15a7f0: Update tail icon to respect color and stroke
+
 ## 11.4.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" | "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-security" | "network" | "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" | "tail-worker" | "teams" | "terraform" | "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";
+    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-security" | "network" | "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" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "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";
     className?: string | undefined;
     ariaLabel?: string | undefined;
     label?: string | boolean | undefined;

package/dist/reactsvgs/Star.d.ts

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

package/dist/reactsvgs/StarOutline.d.ts

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

package/dist/reactsvgs/index.d.ts

@@ -100,6 +100,8 @@ declare const _default: {
     shield: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     spectrum: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     speech: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'star-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    star: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     stream: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     subtract: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'tail-worker': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/es/reactsvgs/Star.js

@@ -0,0 +1,17 @@
+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 SvgStar = 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: "m7.875 1.645 1.53 4.757h4.95l-4.005 2.94 1.53 4.756-4.005-2.94-4.005 2.94L5.4 9.342l-4.006-2.94h4.951l1.53-4.757Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M7.875 3.279 6.71 6.902H2.92l3.066 2.25-1.168 3.63 3.057-2.244 3.057 2.244-1.168-3.63 3.065-2.25H9.04L7.875 3.28ZM5.981 5.902l1.418-4.41h.952l1.418 4.41h4.587l.295.903-3.714 2.727 1.42 4.413-.773.556-3.709-2.722-3.71 2.723-.771-.557 1.42-4.413-3.715-2.727.295-.903h4.587Z"
+}));
+
+export default SvgStar;

package/es/reactsvgs/StarOutline.js

@@ -0,0 +1,15 @@
+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 SvgStarOutline = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M7.875 3.279 6.71 6.902H2.92l3.066 2.25-1.168 3.63 3.057-2.244 3.056 2.244-1.167-3.63 3.065-2.25H9.04L7.875 3.28ZM5.98 5.902l1.418-4.41h.952l1.418 4.41h4.586l.296.903-3.714 2.727 1.42 4.413-.773.556-3.71-2.722-3.708 2.723-.772-.557 1.42-4.413-3.715-2.727.295-.903H5.98Z"
+}));
+
+export default SvgStarOutline;

package/es/reactsvgs/TailWorker.js

@@ -12,10 +12,7 @@ var SvgTailWorker = props => /*#__PURE__*/React.createElement("svg", _extends({}
 }), /*#__PURE__*/React.createElement("path", {
   d: "M7.337 2h-1.23l4.439 6.1L6.21 14h1.238l4.333-5.898L7.337 2Z"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M9.717 2H8.471l4.51 6.027L8.47 14h1.25L14 8.33v-.603L9.717 2Z"
-}), /*#__PURE__*/React.createElement("path", {
-  stroke: "#000",
-  d: "M5.5 8.51v1.256m1.255-2.511v2.511M8.01 6v3.766"
+  d: "M9.717 2H8.471l4.51 6.027L8.47 14h1.25L14 8.33v-.603L9.717 2ZM7.4 6h1v3.5h-1zM6.2 7h1v2.5h-1zM5 8h1v1.5H5z"
 }));
 
 export default SvgTailWorker;

package/es/reactsvgs/index.js

@@ -98,6 +98,8 @@ import Search from './Search';
 import Shield from './Shield';
 import Spectrum from './Spectrum';
 import Speech from './Speech';
+import StarOutline from './StarOutline';
+import Star from './Star';
 import Stream from './Stream';
 import Subtract from './Subtract';
 import TailWorker from './TailWorker';
@@ -229,6 +231,8 @@ export default {
   shield: Shield,
   spectrum: Spectrum,
   speech: Speech,
+  'star-outline': StarOutline,
+  star: Star,
   stream: Stream,
   subtract: Subtract,
   'tail-worker': TailWorker,

package/lib/reactsvgs/Star.js

@@ -0,0 +1,33 @@
+"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 SvgStar = function SvgStar(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: "m7.875 1.645 1.53 4.757h4.95l-4.005 2.94 1.53 4.756-4.005-2.94-4.005 2.94L5.4 9.342l-4.006-2.94h4.951l1.53-4.757Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.875 3.279 6.71 6.902H2.92l3.066 2.25-1.168 3.63 3.057-2.244 3.057 2.244-1.168-3.63 3.065-2.25H9.04L7.875 3.28ZM5.981 5.902l1.418-4.41h.952l1.418 4.41h4.587l.295.903-3.714 2.727 1.42 4.413-.773.556-3.709-2.722-3.71 2.723-.771-.557 1.42-4.413-3.715-2.727.295-.903h4.587Z"
+  }));
+};
+
+var _default = SvgStar;
+exports.default = _default;

package/lib/reactsvgs/StarOutline.js

@@ -0,0 +1,31 @@
+"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 SvgStarOutline = function SvgStarOutline(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.875 3.279 6.71 6.902H2.92l3.066 2.25-1.168 3.63 3.057-2.244 3.056 2.244-1.167-3.63 3.065-2.25H9.04L7.875 3.28ZM5.98 5.902l1.418-4.41h.952l1.418 4.41h4.586l.296.903-3.714 2.727 1.42 4.413-.773.556-3.71-2.722-3.708 2.723-.772-.557 1.42-4.413-3.715-2.727.295-.903H5.98Z"
+  }));
+};
+
+var _default = SvgStarOutline;
+exports.default = _default;

package/lib/reactsvgs/TailWorker.js

@@ -26,10 +26,7 @@ var SvgTailWorker = function SvgTailWorker(props) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M7.337 2h-1.23l4.439 6.1L6.21 14h1.238l4.333-5.898L7.337 2Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M9.717 2H8.471l4.51 6.027L8.47 14h1.25L14 8.33v-.603L9.717 2Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    stroke: "#000",
-    d: "M5.5 8.51v1.256m1.255-2.511v2.511M8.01 6v3.766"
+    d: "M9.717 2H8.471l4.51 6.027L8.47 14h1.25L14 8.33v-.603L9.717 2ZM7.4 6h1v3.5h-1zM6.2 7h1v2.5h-1zM5 8h1v1.5H5z"
   }));
 };
 

package/lib/reactsvgs/index.js

@@ -205,6 +205,10 @@ var _Spectrum = _interopRequireDefault(require("./Spectrum"));
 
 var _Speech = _interopRequireDefault(require("./Speech"));
 
+var _StarOutline = _interopRequireDefault(require("./StarOutline"));
+
+var _Star = _interopRequireDefault(require("./Star"));
+
 var _Stream = _interopRequireDefault(require("./Stream"));
 
 var _Subtract = _interopRequireDefault(require("./Subtract"));
@@ -368,6 +372,8 @@ var _default = {
   shield: _Shield.default,
   spectrum: _Spectrum.default,
   speech: _Speech.default,
+  'star-outline': _StarOutline.default,
+  star: _Star.default,
   stream: _Stream.default,
   subtract: _Subtract.default,
   'tail-worker': _TailWorker.default,

package/package.json

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