@cloudflare/component-icon 12.1.1 → 12.1.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Change Log
 
+## 12.1.2
+
+### Patch Changes
+
+- de9968fd00: add expand icon and fix device-desktop typo
+- 5aad9c18cb: Add device-desktop device-laptop device-mobile device-tablet icons
+
 ## 12.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" | "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";
+    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" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "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/DeviceDesktop.d.ts

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

package/dist/reactsvgs/DeviceLaptop.d.ts

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

package/dist/reactsvgs/DeviceMobile.d.ts

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

package/dist/reactsvgs/DeviceTablet.d.ts

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

package/dist/reactsvgs/Expand.d.ts

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

package/dist/reactsvgs/index.d.ts

@@ -33,6 +33,10 @@ declare const _default: {
     'credit-card': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     d1: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'ddos-attack': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'device-desktop': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'device-laptop': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'device-mobile': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'device-tablet': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     discord: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     discover: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     documentation: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -42,6 +46,7 @@ declare const _default: {
     edit: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'email-forwarding': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'exclamation-sign': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    expand: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'external-link': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     eye: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     facebook: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/es/reactsvgs/DeviceDesktop.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 SvgDeviceDesktop = 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", {
+  "fill-rule": "evenodd",
+  d: "M5 13L7 11H58L60 13V45L58 47H33.998V52H45.542V56H18.458V52H29.998V47H7L5 45V13ZM56 43H9V15H56V43Z"
+}));
+
+export default SvgDeviceDesktop;

package/es/reactsvgs/DeviceLaptop.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 SvgDeviceLaptop = 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: "M8 14L6 16V46.031H0L2 50.031H62L64 46.031H58V16L56 14H8ZM10 46V18H54V46H10Z"
+}));
+
+export default SvgDeviceLaptop;

package/es/reactsvgs/DeviceMobile.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 SvgDeviceMobile = 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: "M16 5L14 7V57L16 59H48L50 57V7L48 5H16ZM18 55V9H26V12H38V9H46V55H18Z"
+}));
+
+export default SvgDeviceMobile;

package/es/reactsvgs/DeviceTablet.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 SvgDeviceTablet = 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: "M13 6L11 8V56L13 58H51L53 56V8L51 6H13ZM15 54V10H26V13H38V10H49V54H15Z"
+}));
+
+export default SvgDeviceTablet;

package/es/reactsvgs/Expand.js

@@ -0,0 +1,20 @@
+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 SvgExpand = 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: "M40 8V12H49.172L36.586 24.586L39.414 27.414L52 14.828V24H56V8H40Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M24.586 36.586L12 49.172V40H8V56H24V52H14.828L27.414 39.414L24.586 36.586Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M52 49.172L39.414 36.586L36.586 39.414L49.172 52H40V56H56V40H52V49.172Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M24 12V8H8V24H12V14.828L24.586 27.414L27.414 24.586L14.828 12H24Z"
+}));
+
+export default SvgExpand;

package/es/reactsvgs/index.js

@@ -31,6 +31,10 @@ import Copy from './Copy';
 import CreditCard from './CreditCard';
 import D1 from './D1';
 import DdosAttack from './DdosAttack';
+import DeviceDesktop from './DeviceDesktop';
+import DeviceLaptop from './DeviceLaptop';
+import DeviceMobile from './DeviceMobile';
+import DeviceTablet from './DeviceTablet';
 import Discord from './Discord';
 import Discover from './Discover';
 import Documentation from './Documentation';
@@ -40,6 +44,7 @@ import Edgeworker from './Edgeworker';
 import Edit from './Edit';
 import EmailForwarding from './EmailForwarding';
 import ExclamationSign from './ExclamationSign';
+import Expand from './Expand';
 import ExternalLink from './ExternalLink';
 import Eye from './Eye';
 import Facebook from './Facebook';
@@ -184,6 +189,10 @@ export default {
   'credit-card': CreditCard,
   d1: D1,
   'ddos-attack': DdosAttack,
+  'device-desktop': DeviceDesktop,
+  'device-laptop': DeviceLaptop,
+  'device-mobile': DeviceMobile,
+  'device-tablet': DeviceTablet,
   discord: Discord,
   discover: Discover,
   documentation: Documentation,
@@ -193,6 +202,7 @@ export default {
   edit: Edit,
   'email-forwarding': EmailForwarding,
   'exclamation-sign': ExclamationSign,
+  expand: Expand,
   'external-link': ExternalLink,
   eye: Eye,
   facebook: Facebook,

package/lib/reactsvgs/DeviceDesktop.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 SvgDeviceDesktop = function SvgDeviceDesktop(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", {
+    "fill-rule": "evenodd",
+    d: "M5 13L7 11H58L60 13V45L58 47H33.998V52H45.542V56H18.458V52H29.998V47H7L5 45V13ZM56 43H9V15H56V43Z"
+  }));
+};
+
+var _default = SvgDeviceDesktop;
+exports.default = _default;

package/lib/reactsvgs/DeviceLaptop.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 SvgDeviceLaptop = function SvgDeviceLaptop(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: "M8 14L6 16V46.031H0L2 50.031H62L64 46.031H58V16L56 14H8ZM10 46V18H54V46H10Z"
+  }));
+};
+
+var _default = SvgDeviceLaptop;
+exports.default = _default;

package/lib/reactsvgs/DeviceMobile.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 SvgDeviceMobile = function SvgDeviceMobile(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: "M16 5L14 7V57L16 59H48L50 57V7L48 5H16ZM18 55V9H26V12H38V9H46V55H18Z"
+  }));
+};
+
+var _default = SvgDeviceMobile;
+exports.default = _default;

package/lib/reactsvgs/DeviceTablet.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 SvgDeviceTablet = function SvgDeviceTablet(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: "M13 6L11 8V56L13 58H51L53 56V8L51 6H13ZM15 54V10H26V13H38V10H49V54H15Z"
+  }));
+};
+
+var _default = SvgDeviceTablet;
+exports.default = _default;

package/lib/reactsvgs/Expand.js

@@ -0,0 +1,36 @@
+"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 SvgExpand = function SvgExpand(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: "M40 8V12H49.172L36.586 24.586L39.414 27.414L52 14.828V24H56V8H40Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M24.586 36.586L12 49.172V40H8V56H24V52H14.828L27.414 39.414L24.586 36.586Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M52 49.172L39.414 36.586L36.586 39.414L49.172 52H40V56H56V40H52V49.172Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M24 12V8H8V24H12V14.828L24.586 27.414L27.414 24.586L14.828 12H24Z"
+  }));
+};
+
+var _default = SvgExpand;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -71,6 +71,14 @@ var _D = _interopRequireDefault(require("./D1"));
 
 var _DdosAttack = _interopRequireDefault(require("./DdosAttack"));
 
+var _DeviceDesktop = _interopRequireDefault(require("./DeviceDesktop"));
+
+var _DeviceLaptop = _interopRequireDefault(require("./DeviceLaptop"));
+
+var _DeviceMobile = _interopRequireDefault(require("./DeviceMobile"));
+
+var _DeviceTablet = _interopRequireDefault(require("./DeviceTablet"));
+
 var _Discord = _interopRequireDefault(require("./Discord"));
 
 var _Discover = _interopRequireDefault(require("./Discover"));
@@ -89,6 +97,8 @@ var _EmailForwarding = _interopRequireDefault(require("./EmailForwarding"));
 
 var _ExclamationSign = _interopRequireDefault(require("./ExclamationSign"));
 
+var _Expand = _interopRequireDefault(require("./Expand"));
+
 var _ExternalLink = _interopRequireDefault(require("./ExternalLink"));
 
 var _Eye = _interopRequireDefault(require("./Eye"));
@@ -345,6 +355,10 @@ var _default = {
   'credit-card': _CreditCard.default,
   d1: _D.default,
   'ddos-attack': _DdosAttack.default,
+  'device-desktop': _DeviceDesktop.default,
+  'device-laptop': _DeviceLaptop.default,
+  'device-mobile': _DeviceMobile.default,
+  'device-tablet': _DeviceTablet.default,
   discord: _Discord.default,
   discover: _Discover.default,
   documentation: _Documentation.default,
@@ -354,6 +368,7 @@ var _default = {
   edit: _Edit.default,
   'email-forwarding': _EmailForwarding.default,
   'exclamation-sign': _ExclamationSign.default,
+  expand: _Expand.default,
   'external-link': _ExternalLink.default,
   eye: _Eye.default,
   facebook: _Facebook.default,

package/package.json

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