@cloudflare/component-icon 12.21.2 → 12.22.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,18 @@
1
1
  # Change Log
2
2
 
3
+ ## 12.22.0
4
+
5
+ ### Minor Changes
6
+
7
+ - b9ffe8da7c: Fix: Rename Caret to CaretReorder2
8
+ Fix: Sync icons with design repo
9
+
10
+ ## 12.21.3
11
+
12
+ ### Patch Changes
13
+
14
+ - d542df23e4: Added new "caret" icon
15
+
3
16
  ## 12.21.2
4
17
 
5
18
  ### 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" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-down-stroke" | "caret-left" | "caret-left-stroke" | "caret-right" | "caret-right-stroke" | "caret-up" | "caret-up-stroke" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edge-log-delivery" | "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" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "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" | "router" | "security-bots" | "security-waf" | "server-origin" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "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";
5
+ type: "search" | "link" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edge-log-delivery" | "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" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "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" | "router" | "security-bots" | "security-waf" | "server-origin" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "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";
6
6
  className?: string | undefined;
7
7
  ariaLabel?: string | undefined;
8
8
  label?: string | boolean | undefined;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ComponentMeta } from '@storybook/react';
3
3
  declare const _default: ComponentMeta<React.ComponentType<{
4
- type: "search" | "link" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-down-stroke" | "caret-left" | "caret-left-stroke" | "caret-right" | "caret-right-stroke" | "caret-up" | "caret-up-stroke" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edge-log-delivery" | "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" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "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" | "router" | "security-bots" | "security-waf" | "server-origin" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "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";
4
+ type: "search" | "link" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edge-log-delivery" | "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" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "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" | "router" | "security-bots" | "security-waf" | "server-origin" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "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";
5
5
  className?: string | undefined;
6
6
  ariaLabel?: string | undefined;
7
7
  label?: string | boolean | undefined;
@@ -117,3 +117,7 @@ export declare const ThumbsDown: {
117
117
  (): JSX.Element;
118
118
  decorators: ((Story: any) => JSX.Element)[];
119
119
  };
120
+ export declare const CaretReorder2: {
121
+ (): JSX.Element;
122
+ decorators: ((Story: any) => JSX.Element)[];
123
+ };
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCaretReorder2: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCaretReorder2;
@@ -20,14 +20,15 @@ declare const _default: {
20
20
  carbon: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
21
21
  'caret-double-left': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
22
22
  'caret-double-right': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
23
- 'caret-down': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
24
23
  'caret-down-stroke': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
25
- 'caret-left': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
24
+ 'caret-down': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
26
25
  'caret-left-stroke': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
27
- 'caret-right': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
26
+ 'caret-left': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
27
+ 'caret-reorder2': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
28
28
  'caret-right-stroke': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
29
- 'caret-up': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
29
+ 'caret-right': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
30
30
  'caret-up-stroke': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
31
+ 'caret-up': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
31
32
  'case-study': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
32
33
  certificate: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
33
34
  chart: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -60,4 +60,9 @@ export var ThumbsDown = () => /*#__PURE__*/React.createElement(React.Fragment, n
60
60
  type: "thumbs-down-outline",
61
61
  size: 36
62
62
  }));
63
- ThumbsDown.decorators = [withStyleProvider];
63
+ ThumbsDown.decorators = [withStyleProvider];
64
+ export var CaretReorder2 = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
65
+ type: "caret-reorder2",
66
+ size: 36
67
+ }));
68
+ CaretReorder2.decorators = [withStyleProvider];
@@ -0,0 +1,15 @@
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 SvgCaretReorder2 = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 0 17 16",
8
+ "aria-hidden": !props['aria-label'],
9
+ focusable: "false"
10
+ }), /*#__PURE__*/React.createElement("path", {
11
+ fillRule: "evenodd",
12
+ d: "M8.385 2.707 4.24 6.854l-.707-.708 4.5-4.5h.707l4.5 4.5-.707.708-4.147-4.147Zm0 10.586L4.24 9.146l-.707.708 4.5 4.5h.707l4.5-4.5-.707-.708-4.147 4.147Z"
13
+ }));
14
+
15
+ export default SvgCaretReorder2;
@@ -4,16 +4,18 @@ import * as React from 'react';
4
4
 
5
5
  var SvgHyperdrive = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
6
6
  viewBox: "0 0 64 65",
7
- xmlns: "http://www.w3.org/2000/svg"
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ "aria-hidden": !props['aria-label'],
9
+ focusable: "false"
8
10
  }), /*#__PURE__*/React.createElement("path", {
9
11
  d: "M42.2485 18.516C44.1815 18.516 45.7485 20.083 45.7485 22.016C45.7485 23.949 44.1815 25.516 42.2485 25.516C40.3155 25.516 38.7485 23.949 38.7485 22.016C38.7485 20.083 40.3155 18.516 42.2485 18.516Z"
10
12
  }), /*#__PURE__*/React.createElement("path", {
11
- "fill-rule": "evenodd",
12
- "clip-rule": "evenodd",
13
+ fillRule: "evenodd",
14
+ clipRule: "evenodd",
13
15
  d: "M28.0464 17.9108C33.7843 12.9133 42.5412 7.87305 54.4623 7.87305L56.4623 9.87305C56.4623 21.7941 51.422 30.551 46.4245 36.2889C46.0282 36.7439 45.6319 37.1803 45.2381 37.5981L46.1452 47.2239L45.5747 48.8192L37.9127 56.5522L34.5206 54.8074L35.7947 47.3574L33.8157 44.3808L32.8812 43.4463L28.612 46.6483L25.9978 46.4625L17.5125 37.9772L17.3267 35.363L20.5286 31.0938L19.955 30.5201L16.978 28.5408L9.52802 29.8149L7.7832 26.4228L15.5162 18.7608L17.1115 18.1903L26.737 19.0974C27.1549 18.7035 27.5913 18.3072 28.0464 17.9108ZM23.3857 33.9509L30.024 40.5892L27.5997 42.4075L21.5675 36.3753L23.3857 33.9509ZM35.6567 40.565L23.7703 28.6786C24.051 28.2618 24.4063 27.7565 24.8367 27.185C26.1194 25.4817 28.0595 23.2039 30.6735 20.9272C33.8689 18.144 38.052 15.3769 43.2704 13.6482C43.549 13.8456 43.8696 14.0917 44.2245 14.3821C45.1329 15.1254 46.188 16.0945 47.2145 17.121C48.241 18.1475 49.2101 19.2025 49.9534 20.111C50.2437 20.4658 50.4897 20.7863 50.6871 21.0649C48.9584 26.2833 46.1913 30.4663 43.4081 33.6618C41.1314 36.2758 38.8536 38.2159 37.1503 39.4986C36.5788 39.929 36.0735 40.2843 35.6567 40.565ZM38.1643 43.6968L39.5655 45.8042L39.8714 47.2487L39.5317 49.2351L42.0751 46.6681L41.5502 41.0984C40.8349 41.7054 40.1634 42.2369 39.5566 42.6939C39.0431 43.0806 38.5749 43.4147 38.1643 43.6968ZM21.6414 24.7787C21.2547 25.2922 20.9205 25.7605 20.6384 26.1711L18.5312 24.77L17.0867 24.4641L15.1003 24.8039L17.6673 22.2604L23.2367 22.7853C22.6298 23.5005 22.0984 24.1719 21.6414 24.7787ZM52.4061 11.9292C52.3237 13.4294 52.1524 14.8699 51.9061 16.2514C51.3209 15.602 50.6873 14.9369 50.0429 14.2926C49.3985 13.6481 48.7333 13.0144 48.0838 12.4292C49.4654 12.1829 50.9059 12.0116 52.4061 11.9292Z"
14
16
  }), /*#__PURE__*/React.createElement("path", {
15
- "fill-rule": "evenodd",
16
- "clip-rule": "evenodd",
17
+ fillRule: "evenodd",
18
+ clipRule: "evenodd",
17
19
  d: "M20.1676 44.1677C18.5671 42.5672 16.6469 42.0344 14.7491 42.6166C13.0569 43.1357 11.7097 44.4457 10.7363 45.7679C9.73247 47.1314 8.94356 48.754 8.44838 50.2882C7.97371 51.7588 7.67712 53.431 7.95352 54.813L9.52245 56.382C10.9045 56.6584 12.5766 56.3619 14.0474 55.8873C15.5816 55.3922 17.2043 54.6034 18.5679 53.5996C19.8902 52.6262 21.2002 51.2789 21.7193 49.5866C22.3014 47.6887 21.7683 45.7684 20.1676 44.1677ZM12.8189 52.0806C12.539 52.1709 12.2768 52.2437 12.0342 52.3014C12.0919 52.0588 12.1647 51.7967 12.255 51.5168C12.6333 50.3447 13.2373 49.1176 13.9575 48.1393C14.7082 47.1197 15.4162 46.5959 15.9223 46.4407C16.2228 46.3485 16.6438 46.3007 17.3392 46.9962C18.0351 47.692 17.9873 48.1132 17.8951 48.4137C17.7399 48.9197 17.2162 49.6277 16.1965 50.3783C15.2183 51.0984 13.9911 51.7024 12.8189 52.0806Z"
18
20
  }));
19
21
 
@@ -4,16 +4,13 @@ import * as React from 'react';
4
4
 
5
5
  var SvgWarning = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
6
6
  viewBox: "0 0 64 64",
7
- fill: "none",
8
7
  xmlns: "http://www.w3.org/2000/svg",
9
8
  "aria-hidden": !props['aria-label'],
10
9
  focusable: "false"
11
10
  }), /*#__PURE__*/React.createElement("path", {
12
- d: "M32 6C26.8577 6 21.8308 7.52487 17.5552 10.3818C13.2795 13.2387 9.947 17.2994 7.97912 22.0502C6.01124 26.8011 5.49636 32.0288 6.49957 37.0723C7.50279 42.1159 9.97905 46.7486 13.6152 50.3848C17.2514 54.0209 21.8841 56.4972 26.9276 57.5004C31.9711 58.5036 37.1989 57.9887 41.9498 56.0209C46.7006 54.053 50.7613 50.7205 53.6182 46.4448C56.4751 42.1691 58 37.1423 58 32C57.9923 25.1067 55.2506 18.498 50.3763 13.6237C45.502 8.74942 38.8933 6.00768 32 6ZM32 54C27.6488 54 23.3953 52.7097 19.7774 50.2923C16.1596 47.8749 13.3398 44.439 11.6746 40.419C10.0095 36.3991 9.57384 31.9756 10.4227 27.708C11.2716 23.4404 13.3669 19.5204 16.4436 16.4437C19.5204 13.3669 23.4404 11.2716 27.708 10.4227C31.9756 9.57385 36.3991 10.0095 40.419 11.6747C44.439 13.3398 47.8749 16.1596 50.2923 19.7775C52.7097 23.3953 54 27.6488 54 32C53.9934 37.8327 51.6734 43.4247 47.549 47.549C43.4247 51.6734 37.8327 53.9934 32 54Z",
13
- fill: "currentColor"
11
+ d: "M32 6C26.8577 6 21.8308 7.52487 17.5552 10.3818C13.2795 13.2387 9.947 17.2994 7.97912 22.0502C6.01124 26.8011 5.49636 32.0288 6.49957 37.0723C7.50279 42.1159 9.97905 46.7486 13.6152 50.3848C17.2514 54.0209 21.8841 56.4972 26.9276 57.5004C31.9711 58.5036 37.1989 57.9887 41.9498 56.0209C46.7006 54.053 50.7613 50.7205 53.6182 46.4448C56.4751 42.1691 58 37.1423 58 32C57.9923 25.1067 55.2506 18.498 50.3763 13.6237C45.502 8.74942 38.8933 6.00768 32 6ZM32 54C27.6488 54 23.3953 52.7097 19.7774 50.2923C16.1596 47.8749 13.3398 44.439 11.6746 40.419C10.0095 36.3991 9.57384 31.9756 10.4227 27.708C11.2716 23.4404 13.3669 19.5204 16.4436 16.4437C19.5204 13.3669 23.4404 11.2716 27.708 10.4227C31.9756 9.57385 36.3991 10.0095 40.419 11.6747C44.439 13.3398 47.8749 16.1596 50.2923 19.7775C52.7097 23.3953 54 27.6488 54 32C53.9934 37.8327 51.6734 43.4247 47.549 47.549C43.4247 51.6734 37.8327 53.9934 32 54Z"
14
12
  }), /*#__PURE__*/React.createElement("path", {
15
- d: "M34.0766 35H29.7407L29.1264 19H34.6909L34.0766 35ZM31.9087 40.0835C32.7879 40.0835 33.4925 40.3424 34.0224 40.8604C34.5644 41.3783 34.8354 42.0407 34.8354 42.8477C34.8354 43.6426 34.5644 44.299 34.0224 44.8169C33.4925 45.3348 32.7879 45.5938 31.9087 45.5938C31.0415 45.5938 30.3369 45.3348 29.7949 44.8169C29.2649 44.299 29 43.6426 29 42.8477C29 42.0527 29.2649 41.3963 29.7949 40.8784C30.3369 40.3485 31.0415 40.0835 31.9087 40.0835Z",
16
- fill: "currentColor"
13
+ d: "M34.0766 35H29.7407L29.1264 19H34.6909L34.0766 35ZM31.9087 40.0835C32.7879 40.0835 33.4925 40.3424 34.0224 40.8604C34.5644 41.3783 34.8354 42.0407 34.8354 42.8477C34.8354 43.6426 34.5644 44.299 34.0224 44.8169C33.4925 45.3348 32.7879 45.5938 31.9087 45.5938C31.0415 45.5938 30.3369 45.3348 29.7949 44.8169C29.2649 44.299 29 43.6426 29 42.8477C29 42.0527 29.2649 41.3963 29.7949 40.8784C30.3369 40.3485 31.0415 40.0835 31.9087 40.0835Z"
17
14
  }));
18
15
 
19
16
  export default SvgWarning;
@@ -18,9 +18,14 @@ import Calls from './Calls';
18
18
  import Carbon from './Carbon';
19
19
  import CaretDoubleLeft from './CaretDoubleLeft';
20
20
  import CaretDoubleRight from './CaretDoubleRight';
21
+ import CaretDownStroke from './CaretDownStroke';
21
22
  import CaretDown from './CaretDown';
23
+ import CaretLeftStroke from './CaretLeftStroke';
22
24
  import CaretLeft from './CaretLeft';
25
+ import CaretReorder2 from './CaretReorder2';
26
+ import CaretRightStroke from './CaretRightStroke';
23
27
  import CaretRight from './CaretRight';
28
+ import CaretUpStroke from './CaretUpStroke';
24
29
  import CaretUp from './CaretUp';
25
30
  import CaseStudy from './CaseStudy';
26
31
  import Certificate from './Certificate';
@@ -179,10 +184,6 @@ import Zaraz from './Zaraz';
179
184
  import ZeroTrustRiskScoring from './ZeroTrustRiskScoring';
180
185
  import ZerotrustCasbLogo from './ZerotrustCasbLogo';
181
186
  import ZerotrustNetworksLogo from './ZerotrustNetworksLogo';
182
- import CaretUpStroke from './CaretUpStroke';
183
- import CaretDownStroke from './CaretDownStroke';
184
- import CaretRightStroke from './CaretRightStroke';
185
- import CaretLeftStroke from './CaretLeftStroke';
186
187
  export default {
187
188
  dlp: Dlp,
188
189
  timer: Timer,
@@ -204,14 +205,15 @@ export default {
204
205
  carbon: Carbon,
205
206
  'caret-double-left': CaretDoubleLeft,
206
207
  'caret-double-right': CaretDoubleRight,
207
- 'caret-down': CaretDown,
208
208
  'caret-down-stroke': CaretDownStroke,
209
- 'caret-left': CaretLeft,
209
+ 'caret-down': CaretDown,
210
210
  'caret-left-stroke': CaretLeftStroke,
211
- 'caret-right': CaretRight,
211
+ 'caret-left': CaretLeft,
212
+ 'caret-reorder2': CaretReorder2,
212
213
  'caret-right-stroke': CaretRightStroke,
213
- 'caret-up': CaretUp,
214
+ 'caret-right': CaretRight,
214
215
  'caret-up-stroke': CaretUpStroke,
216
+ 'caret-up': CaretUp,
215
217
  'case-study': CaseStudy,
216
218
  certificate: Certificate,
217
219
  chart: Chart,
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.ThumbsUp = exports.ThumbsDown = exports.Spectrum = exports.Inbox = exports.CloudflareEmailSecurity = exports.CloudMulti = exports.CloudInternet = exports.AIAudit = void 0;
6
+ exports.default = exports.ThumbsUp = exports.ThumbsDown = exports.Spectrum = exports.Inbox = exports.CloudflareEmailSecurity = exports.CloudMulti = exports.CloudInternet = exports.CaretReorder2 = exports.AIAudit = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
@@ -114,4 +114,14 @@ var ThumbsDown = function ThumbsDown() {
114
114
  };
115
115
 
116
116
  exports.ThumbsDown = ThumbsDown;
117
- ThumbsDown.decorators = [withStyleProvider];
117
+ ThumbsDown.decorators = [withStyleProvider];
118
+
119
+ var CaretReorder2 = function CaretReorder2() {
120
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
121
+ type: "caret-reorder2",
122
+ size: 36
123
+ }));
124
+ };
125
+
126
+ exports.CaretReorder2 = CaretReorder2;
127
+ CaretReorder2.decorators = [withStyleProvider];
@@ -0,0 +1,31 @@
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 SvgCaretReorder2 = function SvgCaretReorder2(props) {
19
+ return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
+ xmlns: "http://www.w3.org/2000/svg",
21
+ viewBox: "0 0 17 16",
22
+ "aria-hidden": !props['aria-label'],
23
+ focusable: "false"
24
+ }), /*#__PURE__*/React.createElement("path", {
25
+ fillRule: "evenodd",
26
+ d: "M8.385 2.707 4.24 6.854l-.707-.708 4.5-4.5h.707l4.5 4.5-.707.708-4.147-4.147Zm0 10.586L4.24 9.146l-.707.708 4.5 4.5h.707l4.5-4.5-.707-.708-4.147 4.147Z"
27
+ }));
28
+ };
29
+
30
+ var _default = SvgCaretReorder2;
31
+ exports.default = _default;
@@ -18,16 +18,18 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
18
18
  var SvgHyperdrive = function SvgHyperdrive(props) {
19
19
  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
20
  viewBox: "0 0 64 65",
21
- xmlns: "http://www.w3.org/2000/svg"
21
+ xmlns: "http://www.w3.org/2000/svg",
22
+ "aria-hidden": !props['aria-label'],
23
+ focusable: "false"
22
24
  }), /*#__PURE__*/React.createElement("path", {
23
25
  d: "M42.2485 18.516C44.1815 18.516 45.7485 20.083 45.7485 22.016C45.7485 23.949 44.1815 25.516 42.2485 25.516C40.3155 25.516 38.7485 23.949 38.7485 22.016C38.7485 20.083 40.3155 18.516 42.2485 18.516Z"
24
26
  }), /*#__PURE__*/React.createElement("path", {
25
- "fill-rule": "evenodd",
26
- "clip-rule": "evenodd",
27
+ fillRule: "evenodd",
28
+ clipRule: "evenodd",
27
29
  d: "M28.0464 17.9108C33.7843 12.9133 42.5412 7.87305 54.4623 7.87305L56.4623 9.87305C56.4623 21.7941 51.422 30.551 46.4245 36.2889C46.0282 36.7439 45.6319 37.1803 45.2381 37.5981L46.1452 47.2239L45.5747 48.8192L37.9127 56.5522L34.5206 54.8074L35.7947 47.3574L33.8157 44.3808L32.8812 43.4463L28.612 46.6483L25.9978 46.4625L17.5125 37.9772L17.3267 35.363L20.5286 31.0938L19.955 30.5201L16.978 28.5408L9.52802 29.8149L7.7832 26.4228L15.5162 18.7608L17.1115 18.1903L26.737 19.0974C27.1549 18.7035 27.5913 18.3072 28.0464 17.9108ZM23.3857 33.9509L30.024 40.5892L27.5997 42.4075L21.5675 36.3753L23.3857 33.9509ZM35.6567 40.565L23.7703 28.6786C24.051 28.2618 24.4063 27.7565 24.8367 27.185C26.1194 25.4817 28.0595 23.2039 30.6735 20.9272C33.8689 18.144 38.052 15.3769 43.2704 13.6482C43.549 13.8456 43.8696 14.0917 44.2245 14.3821C45.1329 15.1254 46.188 16.0945 47.2145 17.121C48.241 18.1475 49.2101 19.2025 49.9534 20.111C50.2437 20.4658 50.4897 20.7863 50.6871 21.0649C48.9584 26.2833 46.1913 30.4663 43.4081 33.6618C41.1314 36.2758 38.8536 38.2159 37.1503 39.4986C36.5788 39.929 36.0735 40.2843 35.6567 40.565ZM38.1643 43.6968L39.5655 45.8042L39.8714 47.2487L39.5317 49.2351L42.0751 46.6681L41.5502 41.0984C40.8349 41.7054 40.1634 42.2369 39.5566 42.6939C39.0431 43.0806 38.5749 43.4147 38.1643 43.6968ZM21.6414 24.7787C21.2547 25.2922 20.9205 25.7605 20.6384 26.1711L18.5312 24.77L17.0867 24.4641L15.1003 24.8039L17.6673 22.2604L23.2367 22.7853C22.6298 23.5005 22.0984 24.1719 21.6414 24.7787ZM52.4061 11.9292C52.3237 13.4294 52.1524 14.8699 51.9061 16.2514C51.3209 15.602 50.6873 14.9369 50.0429 14.2926C49.3985 13.6481 48.7333 13.0144 48.0838 12.4292C49.4654 12.1829 50.9059 12.0116 52.4061 11.9292Z"
28
30
  }), /*#__PURE__*/React.createElement("path", {
29
- "fill-rule": "evenodd",
30
- "clip-rule": "evenodd",
31
+ fillRule: "evenodd",
32
+ clipRule: "evenodd",
31
33
  d: "M20.1676 44.1677C18.5671 42.5672 16.6469 42.0344 14.7491 42.6166C13.0569 43.1357 11.7097 44.4457 10.7363 45.7679C9.73247 47.1314 8.94356 48.754 8.44838 50.2882C7.97371 51.7588 7.67712 53.431 7.95352 54.813L9.52245 56.382C10.9045 56.6584 12.5766 56.3619 14.0474 55.8873C15.5816 55.3922 17.2043 54.6034 18.5679 53.5996C19.8902 52.6262 21.2002 51.2789 21.7193 49.5866C22.3014 47.6887 21.7683 45.7684 20.1676 44.1677ZM12.8189 52.0806C12.539 52.1709 12.2768 52.2437 12.0342 52.3014C12.0919 52.0588 12.1647 51.7967 12.255 51.5168C12.6333 50.3447 13.2373 49.1176 13.9575 48.1393C14.7082 47.1197 15.4162 46.5959 15.9223 46.4407C16.2228 46.3485 16.6438 46.3007 17.3392 46.9962C18.0351 47.692 17.9873 48.1132 17.8951 48.4137C17.7399 48.9197 17.2162 49.6277 16.1965 50.3783C15.2183 51.0984 13.9911 51.7024 12.8189 52.0806Z"
32
34
  }));
33
35
  };
@@ -18,16 +18,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
18
18
  var SvgWarning = function SvgWarning(props) {
19
19
  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
20
  viewBox: "0 0 64 64",
21
- fill: "none",
22
21
  xmlns: "http://www.w3.org/2000/svg",
23
22
  "aria-hidden": !props['aria-label'],
24
23
  focusable: "false"
25
24
  }), /*#__PURE__*/React.createElement("path", {
26
- d: "M32 6C26.8577 6 21.8308 7.52487 17.5552 10.3818C13.2795 13.2387 9.947 17.2994 7.97912 22.0502C6.01124 26.8011 5.49636 32.0288 6.49957 37.0723C7.50279 42.1159 9.97905 46.7486 13.6152 50.3848C17.2514 54.0209 21.8841 56.4972 26.9276 57.5004C31.9711 58.5036 37.1989 57.9887 41.9498 56.0209C46.7006 54.053 50.7613 50.7205 53.6182 46.4448C56.4751 42.1691 58 37.1423 58 32C57.9923 25.1067 55.2506 18.498 50.3763 13.6237C45.502 8.74942 38.8933 6.00768 32 6ZM32 54C27.6488 54 23.3953 52.7097 19.7774 50.2923C16.1596 47.8749 13.3398 44.439 11.6746 40.419C10.0095 36.3991 9.57384 31.9756 10.4227 27.708C11.2716 23.4404 13.3669 19.5204 16.4436 16.4437C19.5204 13.3669 23.4404 11.2716 27.708 10.4227C31.9756 9.57385 36.3991 10.0095 40.419 11.6747C44.439 13.3398 47.8749 16.1596 50.2923 19.7775C52.7097 23.3953 54 27.6488 54 32C53.9934 37.8327 51.6734 43.4247 47.549 47.549C43.4247 51.6734 37.8327 53.9934 32 54Z",
27
- fill: "currentColor"
25
+ d: "M32 6C26.8577 6 21.8308 7.52487 17.5552 10.3818C13.2795 13.2387 9.947 17.2994 7.97912 22.0502C6.01124 26.8011 5.49636 32.0288 6.49957 37.0723C7.50279 42.1159 9.97905 46.7486 13.6152 50.3848C17.2514 54.0209 21.8841 56.4972 26.9276 57.5004C31.9711 58.5036 37.1989 57.9887 41.9498 56.0209C46.7006 54.053 50.7613 50.7205 53.6182 46.4448C56.4751 42.1691 58 37.1423 58 32C57.9923 25.1067 55.2506 18.498 50.3763 13.6237C45.502 8.74942 38.8933 6.00768 32 6ZM32 54C27.6488 54 23.3953 52.7097 19.7774 50.2923C16.1596 47.8749 13.3398 44.439 11.6746 40.419C10.0095 36.3991 9.57384 31.9756 10.4227 27.708C11.2716 23.4404 13.3669 19.5204 16.4436 16.4437C19.5204 13.3669 23.4404 11.2716 27.708 10.4227C31.9756 9.57385 36.3991 10.0095 40.419 11.6747C44.439 13.3398 47.8749 16.1596 50.2923 19.7775C52.7097 23.3953 54 27.6488 54 32C53.9934 37.8327 51.6734 43.4247 47.549 47.549C43.4247 51.6734 37.8327 53.9934 32 54Z"
28
26
  }), /*#__PURE__*/React.createElement("path", {
29
- d: "M34.0766 35H29.7407L29.1264 19H34.6909L34.0766 35ZM31.9087 40.0835C32.7879 40.0835 33.4925 40.3424 34.0224 40.8604C34.5644 41.3783 34.8354 42.0407 34.8354 42.8477C34.8354 43.6426 34.5644 44.299 34.0224 44.8169C33.4925 45.3348 32.7879 45.5938 31.9087 45.5938C31.0415 45.5938 30.3369 45.3348 29.7949 44.8169C29.2649 44.299 29 43.6426 29 42.8477C29 42.0527 29.2649 41.3963 29.7949 40.8784C30.3369 40.3485 31.0415 40.0835 31.9087 40.0835Z",
30
- fill: "currentColor"
27
+ d: "M34.0766 35H29.7407L29.1264 19H34.6909L34.0766 35ZM31.9087 40.0835C32.7879 40.0835 33.4925 40.3424 34.0224 40.8604C34.5644 41.3783 34.8354 42.0407 34.8354 42.8477C34.8354 43.6426 34.5644 44.299 34.0224 44.8169C33.4925 45.3348 32.7879 45.5938 31.9087 45.5938C31.0415 45.5938 30.3369 45.3348 29.7949 44.8169C29.2649 44.299 29 43.6426 29 42.8477C29 42.0527 29.2649 41.3963 29.7949 40.8784C30.3369 40.3485 31.0415 40.0835 31.9087 40.0835Z"
31
28
  }));
32
29
  };
33
30
 
@@ -45,12 +45,22 @@ var _CaretDoubleLeft = _interopRequireDefault(require("./CaretDoubleLeft"));
45
45
 
46
46
  var _CaretDoubleRight = _interopRequireDefault(require("./CaretDoubleRight"));
47
47
 
48
+ var _CaretDownStroke = _interopRequireDefault(require("./CaretDownStroke"));
49
+
48
50
  var _CaretDown = _interopRequireDefault(require("./CaretDown"));
49
51
 
52
+ var _CaretLeftStroke = _interopRequireDefault(require("./CaretLeftStroke"));
53
+
50
54
  var _CaretLeft = _interopRequireDefault(require("./CaretLeft"));
51
55
 
56
+ var _CaretReorder = _interopRequireDefault(require("./CaretReorder2"));
57
+
58
+ var _CaretRightStroke = _interopRequireDefault(require("./CaretRightStroke"));
59
+
52
60
  var _CaretRight = _interopRequireDefault(require("./CaretRight"));
53
61
 
62
+ var _CaretUpStroke = _interopRequireDefault(require("./CaretUpStroke"));
63
+
54
64
  var _CaretUp = _interopRequireDefault(require("./CaretUp"));
55
65
 
56
66
  var _CaseStudy = _interopRequireDefault(require("./CaseStudy"));
@@ -367,14 +377,6 @@ var _ZerotrustCasbLogo = _interopRequireDefault(require("./ZerotrustCasbLogo"));
367
377
 
368
378
  var _ZerotrustNetworksLogo = _interopRequireDefault(require("./ZerotrustNetworksLogo"));
369
379
 
370
- var _CaretUpStroke = _interopRequireDefault(require("./CaretUpStroke"));
371
-
372
- var _CaretDownStroke = _interopRequireDefault(require("./CaretDownStroke"));
373
-
374
- var _CaretRightStroke = _interopRequireDefault(require("./CaretRightStroke"));
375
-
376
- var _CaretLeftStroke = _interopRequireDefault(require("./CaretLeftStroke"));
377
-
378
380
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
379
381
 
380
382
  var _default = {
@@ -398,14 +400,15 @@ var _default = {
398
400
  carbon: _Carbon.default,
399
401
  'caret-double-left': _CaretDoubleLeft.default,
400
402
  'caret-double-right': _CaretDoubleRight.default,
401
- 'caret-down': _CaretDown.default,
402
403
  'caret-down-stroke': _CaretDownStroke.default,
403
- 'caret-left': _CaretLeft.default,
404
+ 'caret-down': _CaretDown.default,
404
405
  'caret-left-stroke': _CaretLeftStroke.default,
405
- 'caret-right': _CaretRight.default,
406
+ 'caret-left': _CaretLeft.default,
407
+ 'caret-reorder2': _CaretReorder.default,
406
408
  'caret-right-stroke': _CaretRightStroke.default,
407
- 'caret-up': _CaretUp.default,
409
+ 'caret-right': _CaretRight.default,
408
410
  'caret-up-stroke': _CaretUpStroke.default,
411
+ 'caret-up': _CaretUp.default,
409
412
  'case-study': _CaseStudy.default,
410
413
  certificate: _Certificate.default,
411
414
  chart: _Chart.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": "12.21.2",
4
+ "version": "12.22.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "Frontend Team <frontend@cloudflare.com>",