@cloudflare/component-icon 6.6.19 → 6.6.22

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.6.22](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-icon@6.6.21...@cloudflare/component-icon@6.6.22) (2022-03-08)
+
+
+### Bug Fixes
+
+* **component-icon:** UI-5120: fix component-lib docs for icon ([460c37c](http://stash.cfops.it:7999/fe/stratus/commits/460c37c))
+* **component-icon:** UI-5120: run `yarn update-icons` from root ([fc8533a](http://stash.cfops.it:7999/fe/stratus/commits/fc8533a))
+
+
+
+
+
+## [6.6.21](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-icon@6.6.20...@cloudflare/component-icon@6.6.21) (2022-03-04)
+
+**Note:** Version bump only for package @cloudflare/component-icon
+
+
+
+
+
+## [6.6.20](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-icon@6.6.19...@cloudflare/component-icon@6.6.20) (2022-03-01)
+
+**Note:** Version bump only for package @cloudflare/component-icon
+
+
+
+
+
 ## [6.6.19](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-icon@6.6.18...@cloudflare/component-icon@6.6.19) (2022-03-01)
 
 **Note:** Version bump only for package @cloudflare/component-icon

package/DOCUMENTATION.js

@@ -327,7 +327,7 @@ export default ({
           scope={{ ...snippetScope }}
           split="horizontal"
           code={`
-        <Icon type="workers-logo" color="gray.2" />
+        <Icon type="applications" color="gray.2" />
       `}
         />
       </Div>
@@ -364,11 +364,7 @@ export default ({
           <Label htmlFor="color" ml="auto" mr={3} cursor="pointer">
             Toggle Color
           </Label>
-          <Toggle
-            id="color"
-            value={isOK}
-            onChange={e => toggleIsOk(e.target.checked)}
-          />
+          <Toggle id="color" value={isOK} onChange={e => toggleIsOk(e)} />
         </Div>
         <ExamplePreview
           scope={{ ...snippetScope }}

package/es/iconTypes.js

@@ -1,2 +1,2 @@
 // THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-export default ['account-analytics-logo', 'add-member', 'add', '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-zero-trust', 'copy', 'credit-card', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'forward', 'gateway', 'gear', 'git-branch', 'github', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', 'magic-transit-logo', 'mail', 'minus', 'more', 'network-analytics-logo', 'network', 'notifications', 'ok-sign', 'ok', 'optimization-scale', 'pages-logo', 'pause', 'platform-apps', 'plus', 'printer', 'product__security-center', 'refresh', 'registrar-logo', 'reliability-dns', 'reliability-load-balancer', 'remove', 'reorder', 'resize-horizontal', 'retarget', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'teams', 'time', 'twitter', 'two-way', 'upload', 'user-multi', 'user-outline', 'user', 'version', 'waiting-room', 'web-analytics-logo', 'workers-bundled', 'workers-durable-objects', 'workers-kv', 'workers-unbound', 'wrench', 'youtube', 'zaraz'];
+export default ['account-analytics-logo', 'add-member', 'add', '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-zero-trust', 'copy', 'credit-card', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'forward', 'gateway', 'gear', 'git-branch', 'github', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', 'magic-transit-logo', 'mail', 'minus', 'more', 'network-analytics-logo', 'network', 'notifications', 'ok-sign', 'ok', 'optimization-scale', 'pages-logo', 'pause', 'platform-apps', 'plus', 'printer', 'product__security-center', 'refresh', 'registrar-logo', 'reliability-dns', 'reliability-load-balancer', 'remove', 'reorder', 'resize-horizontal', 'retarget', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'teams', 'time', 'twitter', 'two-way', 'upload', 'user-multi', 'user-outline', 'user', 'version', 'waiting-room', 'web-analytics-logo', 'workers-bundled', 'workers-durable-objects', 'workers-kv', 'workers-unbound', 'wrench', 'youtube', 'zaraz'];

package/es/reactsvgs/CloudflareMagicWan.js

@@ -0,0 +1,21 @@
+// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const CloudflareMagicWan = ({
+  className,
+  label
+}) => /*#__PURE__*/React.createElement("svg", {
+  className: className,
+  "aria-label": label,
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M15 7.473h-4.284l3.95-1.645-.412-.998-3.965 1.64 3.034-3.043-.762-.763L9.54 5.693l1.642-3.951-.996-.416-1.648 3.97V1H7.462v4.277L5.846 1.321l-.996.413 1.637 3.972-3.048-3.04-.762.761 3.021 3.029-3.944-1.642-.415.995 3.969 1.664H1v1.079h4.283l-3.95 1.618.413.998 3.966-1.64-3.035 3.04.762.763 3.021-3.026-1.642 3.95.996.416 1.648-3.962V15h1.076v-4.29l1.616 3.956.996-.41-1.623-3.965 3.034 3.04.762-.764-3.021-3.026 3.944 1.646.415-.998-3.969-1.637H15v-1.08zm-4.308 0v1.079l-.409.992-.756.758-.989.39H7.462l-.989-.409-.756-.758-.41-.992v-1.06l.41-.993.756-.758.989-.407h1.076l.989.41.756.758.41.99z"
+}));
+
+CloudflareMagicWan.propTypes = {
+  className: PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired
+};
+export default CloudflareMagicWan;

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 CloudflareMagicWan from './CloudflareMagicWan';
 import CloudflareZeroTrust from './CloudflareZeroTrust';
 import Copy from './Copy';
 import CreditCard from './CreditCard';
@@ -123,6 +124,7 @@ export default {
   chart: Chart,
   clipboard: Clipboard,
   'cloudflare-access': CloudflareAccess,
+  'cloudflare-magic-wan': CloudflareMagicWan,
   'cloudflare-zero-trust': CloudflareZeroTrust,
   copy: Copy,
   'credit-card': CreditCard,

package/index.d.ts

@@ -40,6 +40,7 @@ export type IconType =
   | 'chart'
   | 'clipboard'
   | 'cloudflare-access'
+  | 'cloudflare-magic-wan'
   | 'cloudflare-zero-trust'
   | 'copy'
   | 'credit-card'

package/lib/iconTypes.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
-var _default = ['account-analytics-logo', 'add-member', 'add', '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-zero-trust', 'copy', 'credit-card', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'forward', 'gateway', 'gear', 'git-branch', 'github', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', 'magic-transit-logo', 'mail', 'minus', 'more', 'network-analytics-logo', 'network', 'notifications', 'ok-sign', 'ok', 'optimization-scale', 'pages-logo', 'pause', 'platform-apps', 'plus', 'printer', 'product__security-center', 'refresh', 'registrar-logo', 'reliability-dns', 'reliability-load-balancer', 'remove', 'reorder', 'resize-horizontal', 'retarget', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'teams', 'time', 'twitter', 'two-way', 'upload', 'user-multi', 'user-outline', 'user', 'version', 'waiting-room', 'web-analytics-logo', 'workers-bundled', 'workers-durable-objects', 'workers-kv', 'workers-unbound', 'wrench', 'youtube', 'zaraz'];
+var _default = ['account-analytics-logo', 'add-member', 'add', '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-zero-trust', 'copy', 'credit-card', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'forward', 'gateway', 'gear', 'git-branch', 'github', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', 'magic-transit-logo', 'mail', 'minus', 'more', 'network-analytics-logo', 'network', 'notifications', 'ok-sign', 'ok', 'optimization-scale', 'pages-logo', 'pause', 'platform-apps', 'plus', 'printer', 'product__security-center', 'refresh', 'registrar-logo', 'reliability-dns', 'reliability-load-balancer', 'remove', 'reorder', 'resize-horizontal', 'retarget', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'teams', 'time', 'twitter', 'two-way', 'upload', 'user-multi', 'user-outline', 'user', 'version', 'waiting-room', 'web-analytics-logo', 'workers-bundled', 'workers-durable-objects', 'workers-kv', 'workers-unbound', 'wrench', 'youtube', 'zaraz'];
 exports.default = _default;

package/lib/reactsvgs/CloudflareMagicWan.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. USE component-icon/src/svgtoreact.sh TO MODIFY
+var CloudflareMagicWan = function CloudflareMagicWan(_ref) {
+  var className = _ref.className,
+      label = _ref.label;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    className: className,
+    "aria-label": label,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M15 7.473h-4.284l3.95-1.645-.412-.998-3.965 1.64 3.034-3.043-.762-.763L9.54 5.693l1.642-3.951-.996-.416-1.648 3.97V1H7.462v4.277L5.846 1.321l-.996.413 1.637 3.972-3.048-3.04-.762.761 3.021 3.029-3.944-1.642-.415.995 3.969 1.664H1v1.079h4.283l-3.95 1.618.413.998 3.966-1.64-3.035 3.04.762.763 3.021-3.026-1.642 3.95.996.416 1.648-3.962V15h1.076v-4.29l1.616 3.956.996-.41-1.623-3.965 3.034 3.04.762-.764-3.021-3.026 3.944 1.646.415-.998-3.969-1.637H15v-1.08zm-4.308 0v1.079l-.409.992-.756.758-.989.39H7.462l-.989-.409-.756-.758-.41-.992v-1.06l.41-.993.756-.758.989-.407h1.076l.989.41.756.758.41.99z"
+  }));
+};
+
+CloudflareMagicWan.propTypes = {
+  className: _propTypes.default.string.isRequired,
+  label: _propTypes.default.string.isRequired
+};
+var _default = CloudflareMagicWan;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -43,6 +43,8 @@ var _Clipboard = _interopRequireDefault(require("./Clipboard"));
 
 var _CloudflareAccess = _interopRequireDefault(require("./CloudflareAccess"));
 
+var _CloudflareMagicWan = _interopRequireDefault(require("./CloudflareMagicWan"));
+
 var _CloudflareZeroTrust = _interopRequireDefault(require("./CloudflareZeroTrust"));
 
 var _Copy = _interopRequireDefault(require("./Copy"));
@@ -236,6 +238,7 @@ var _default = {
   chart: _Chart.default,
   clipboard: _Clipboard.default,
   'cloudflare-access': _CloudflareAccess.default,
+  'cloudflare-magic-wan': _CloudflareMagicWan.default,
   'cloudflare-zero-trust': _CloudflareZeroTrust.default,
   copy: _Copy.default,
   'credit-card': _CreditCard.default,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/component-icon",
   "description": "Cloudflare Icon Component",
-  "version": "6.6.19",
+  "version": "6.6.22",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "James Kyle <jkyle@cloudflare.com>",
@@ -11,8 +11,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@cloudflare/style-container": "^7.6.9",
-    "@cloudflare/types": "^6.13.5",
+    "@cloudflare/style-container": "^7.7.0",
+    "@cloudflare/types": "^6.13.6",
     "prop-types": "^15.6.0"
   },
   "peerDependencies": {
@@ -33,5 +33,5 @@
     "test-coverage": "stratus test --coverage",
     "test-watch": "stratus test --watch"
   },
-  "gitHead": "8376e317eecb5d9153d14830f65d959dfdb8cb12"
+  "gitHead": "82a36802f6e226b589c55cf2a8ed21b9942ea6d7"
 }