@cloudflare/component-icon 12.11.0 → 12.12.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 12.12.0
+
+### Minor Changes
+
+- 739944c589: Adds thumbs up/down svgs to the Icon component.
+
 ## 12.11.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" | "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-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "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" | "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" | "inbox" | "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" | "router" | "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" | "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";
+    type: "search" | "link" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "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" | "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" | "inbox" | "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" | "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";
     className?: string | undefined;
     ariaLabel?: string | undefined;
     label?: string | boolean | undefined;

package/dist/Icon.stories.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<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-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "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" | "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" | "inbox" | "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" | "router" | "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" | "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";
+    type: "search" | "link" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "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" | "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" | "inbox" | "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" | "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";
     className?: string | undefined;
     ariaLabel?: string | undefined;
     label?: string | boolean | undefined;
@@ -105,3 +105,11 @@ export declare const Spectrum: {
     (): JSX.Element;
     decorators: ((Story: any) => JSX.Element)[];
 };
+export declare const ThumbsUp: {
+    (): JSX.Element;
+    decorators: ((Story: any) => JSX.Element)[];
+};
+export declare const ThumbsDown: {
+    (): JSX.Element;
+    decorators: ((Story: any) => JSX.Element)[];
+};

package/dist/reactsvgs/ThumbsDownOutline.d.ts

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

package/dist/reactsvgs/ThumbsDownSolid.d.ts

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

package/dist/reactsvgs/ThumbsUpOutline.d.ts

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

package/dist/reactsvgs/ThumbsUpSolid.d.ts

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

package/dist/reactsvgs/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     dlp: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    timer: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'account-analytics-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'add-member': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     add: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -138,8 +139,11 @@ declare const _default: {
     'tail-worker': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     teams: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     terraform: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'thumbs-down-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'thumbs-down-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'thumbs-up-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'thumbs-up-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     time: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    timer: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     trace: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'traffic-attack-browser': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     turnstile: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/es/Icon.stories.js

@@ -39,4 +39,20 @@ export var Spectrum = () => /*#__PURE__*/React.createElement(Icon, {
   type: "spectrum",
   size: 36
 });
-Spectrum.decorators = [withStyleProvider];
+Spectrum.decorators = [withStyleProvider];
+export var ThumbsUp = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+  type: "thumbs-up-solid",
+  size: 36
+}), /*#__PURE__*/React.createElement(Icon, {
+  type: "thumbs-up-outline",
+  size: 36
+}));
+ThumbsUp.decorators = [withStyleProvider];
+export var ThumbsDown = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+  type: "thumbs-down-solid",
+  size: 36
+}), /*#__PURE__*/React.createElement(Icon, {
+  type: "thumbs-down-outline",
+  size: 36
+}));
+ThumbsDown.decorators = [withStyleProvider];

package/es/reactsvgs/ThumbsDownOutline.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 SvgThumbsDownOutline = 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: "M8.75 15h1c1.14 0 2.088-1.103 1.735-2.261L10.8 10.5h2.7a1.5 1.5 0 0 0 1.05-2.571c.127-.196.2-.429.2-.679v-.125c0-.39-.162-.741-.422-.991.11-.186.172-.403.172-.634v-.125c0-.485-.252-.912-.631-1.157A1.36 1.36 0 0 0 14 3.625a1.31 1.31 0 0 0-.474-1.03A1.601 1.601 0 0 0 12.5 2.25H8.425l-2.675.823V2.25h-4v9h4v-.648c.234.095.473.252.716.472.416.376.798.893 1.127 1.435a13.077 13.077 0 0 1 1.023 2.115l.012.034.003.008v.002l.12.332Zm.696-1a14.58 14.58 0 0 0-.998-2.01c-.354-.582-.794-1.19-1.311-1.658-.394-.356-.86-.655-1.387-.775V4.119l2.825-.869H12.5a.61.61 0 0 1 .388.116c.066.054.112.13.112.259a.312.312 0 0 1-.112.26A.61.61 0 0 1 12.5 4H12v1h1.125c.207 0 .375.168.375.375V5.5a.25.25 0 0 1-.25.25H12v1h1.375c.207 0 .375.168.375.375v.125a.25.25 0 0 1-.25.25H12v1h1.5a.5.5 0 0 1 0 1H9v1h.755l.773 2.53c.137.45-.238.97-.778.97h-.304ZM4.75 3.25v7h-2v-7h2Z"
+}));
+
+export default SvgThumbsDownOutline;

package/es/reactsvgs/ThumbsDownSolid.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 SvgThumbsDownSolid = 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: "m9.15 14.678.027.072h.573c.99 0 1.795-.958 1.495-1.938l-.782-2.562H13.5a1.25 1.25 0 0 0 .7-2.286.997.997 0 0 0 .3-.714v-.125c0-.397-.206-.746-.516-.946a.997.997 0 0 0 .266-.679v-.125c0-.486-.308-.9-.74-1.057.152-.184.24-.42.24-.693 0-.35-.145-.64-.383-.837A1.352 1.352 0 0 0 12.5 2.5H8.462l-2.712.835v6.937c.389.067.769.287 1.134.617.441.399.838.939 1.172 1.49a13.333 13.333 0 0 1 .99 2.019c.018.043.07.189.104.28ZM4.75 11H2V2.5h2.75V11Z"
+}));
+
+export default SvgThumbsDownSolid;

package/es/reactsvgs/ThumbsUpOutline.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 SvgThumbsUpOutline = 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: "M8.75 1h1c1.14 0 2.088 1.103 1.735 2.261L10.8 5.5h2.7a1.5 1.5 0 0 1 1.05 2.571c.127.196.2.429.2.679v.125c0 .39-.162.741-.422.991.11.186.172.403.172.634v.125c0 .485-.252.912-.631 1.157.085.176.131.376.131.593 0 .424-.178.784-.474 1.03a1.601 1.601 0 0 1-1.026.345H8.425l-2.675-.823v.823h-4v-9h4v.647c.234-.093.473-.251.716-.471.416-.376.798-.893 1.127-1.435a13.081 13.081 0 0 0 1.035-2.15l.003-.007v-.002L8.752 1Zm.696 1a14.697 14.697 0 0 1-.998 2.01c-.354.582-.794 1.19-1.311 1.658-.394.356-.86.655-1.387.775v5.438l2.825.869H12.5a.61.61 0 0 0 .388-.116c.066-.054.112-.13.112-.259a.312.312 0 0 0-.112-.26A.61.61 0 0 0 12.5 12H12v-1h1.125a.375.375 0 0 0 .375-.375V10.5a.25.25 0 0 0-.25-.25H12v-1h1.375a.375.375 0 0 0 .375-.375V8.75a.25.25 0 0 0-.25-.25H12v-1h1.5a.5.5 0 0 0 0-1H9v-1h.755l.773-2.53c.137-.45-.238-.97-.778-.97h-.304ZM4.75 12.75v-7h-2v7h2Z"
+}));
+
+export default SvgThumbsUpOutline;

package/es/reactsvgs/ThumbsUpSolid.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 SvgThumbsUpSolid = 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: "m9.15 1.323.027-.073h.573c.99 0 1.795.958 1.495 1.938l-.782 2.562H13.5a1.25 1.25 0 0 1 .7 2.286c.185.181.3.434.3.714v.125c0 .397-.206.746-.516.946a.997.997 0 0 1 .266.679v.125c0 .486-.308.9-.74 1.057.152.184.24.42.24.693 0 .35-.145.64-.383.837a1.352 1.352 0 0 1-.867.288H8.462l-2.712-.835V5.728c.389-.067.769-.287 1.134-.617.441-.399.838-.938 1.172-1.49a13.331 13.331 0 0 0 .99-2.019c.018-.043.07-.189.104-.28ZM4.75 5H2v8.5h2.75V5Z"
+}));
+
+export default SvgThumbsUpSolid;

package/es/reactsvgs/index.js

@@ -1,4 +1,5 @@
 import Dlp from './Dlp';
+import Timer from './Timer';
 import AccountAnalyticsLogo from './AccountAnalyticsLogo';
 import AddMember from './AddMember';
 import Add from './Add';
@@ -136,8 +137,11 @@ import Subtract from './Subtract';
 import TailWorker from './TailWorker';
 import Teams from './Teams';
 import Terraform from './Terraform';
+import ThumbsDownOutline from './ThumbsDownOutline';
+import ThumbsDownSolid from './ThumbsDownSolid';
+import ThumbsUpOutline from './ThumbsUpOutline';
+import ThumbsUpSolid from './ThumbsUpSolid';
 import Time from './Time';
-import Timer from './Timer';
 import Trace from './Trace';
 import TrafficAttackBrowser from './TrafficAttackBrowser';
 import Turnstile from './Turnstile';
@@ -170,6 +174,7 @@ import ZerotrustCasbLogo from './ZerotrustCasbLogo';
 import ZerotrustNetworksLogo from './ZerotrustNetworksLogo';
 export default {
   dlp: Dlp,
+  timer: Timer,
   'account-analytics-logo': AccountAnalyticsLogo,
   'add-member': AddMember,
   add: Add,
@@ -307,8 +312,11 @@ export default {
   'tail-worker': TailWorker,
   teams: Teams,
   terraform: Terraform,
+  'thumbs-down-outline': ThumbsDownOutline,
+  'thumbs-down-solid': ThumbsDownSolid,
+  'thumbs-up-outline': ThumbsUpOutline,
+  'thumbs-up-solid': ThumbsUpSolid,
   time: Time,
-  timer: Timer,
   trace: Trace,
   'traffic-attack-browser': TrafficAttackBrowser,
   turnstile: Turnstile,

package/lib/Icon.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Spectrum = exports.Inbox = exports.CloudflareEmailSecurity = exports.CloudMulti = exports.CloudInternet = void 0;
+exports.default = exports.ThumbsUp = exports.ThumbsDown = exports.Spectrum = exports.Inbox = exports.CloudflareEmailSecurity = exports.CloudMulti = exports.CloudInternet = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -78,4 +78,30 @@ var Spectrum = function Spectrum() {
 };
 
 exports.Spectrum = Spectrum;
-Spectrum.decorators = [withStyleProvider];
+Spectrum.decorators = [withStyleProvider];
+
+var ThumbsUp = function ThumbsUp() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    type: "thumbs-up-solid",
+    size: 36
+  }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    type: "thumbs-up-outline",
+    size: 36
+  }));
+};
+
+exports.ThumbsUp = ThumbsUp;
+ThumbsUp.decorators = [withStyleProvider];
+
+var ThumbsDown = function ThumbsDown() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    type: "thumbs-down-solid",
+    size: 36
+  }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    type: "thumbs-down-outline",
+    size: 36
+  }));
+};
+
+exports.ThumbsDown = ThumbsDown;
+ThumbsDown.decorators = [withStyleProvider];

package/lib/reactsvgs/ThumbsDownOutline.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 SvgThumbsDownOutline = function SvgThumbsDownOutline(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: "M8.75 15h1c1.14 0 2.088-1.103 1.735-2.261L10.8 10.5h2.7a1.5 1.5 0 0 0 1.05-2.571c.127-.196.2-.429.2-.679v-.125c0-.39-.162-.741-.422-.991.11-.186.172-.403.172-.634v-.125c0-.485-.252-.912-.631-1.157A1.36 1.36 0 0 0 14 3.625a1.31 1.31 0 0 0-.474-1.03A1.601 1.601 0 0 0 12.5 2.25H8.425l-2.675.823V2.25h-4v9h4v-.648c.234.095.473.252.716.472.416.376.798.893 1.127 1.435a13.077 13.077 0 0 1 1.023 2.115l.012.034.003.008v.002l.12.332Zm.696-1a14.58 14.58 0 0 0-.998-2.01c-.354-.582-.794-1.19-1.311-1.658-.394-.356-.86-.655-1.387-.775V4.119l2.825-.869H12.5a.61.61 0 0 1 .388.116c.066.054.112.13.112.259a.312.312 0 0 1-.112.26A.61.61 0 0 1 12.5 4H12v1h1.125c.207 0 .375.168.375.375V5.5a.25.25 0 0 1-.25.25H12v1h1.375c.207 0 .375.168.375.375v.125a.25.25 0 0 1-.25.25H12v1h1.5a.5.5 0 0 1 0 1H9v1h.755l.773 2.53c.137.45-.238.97-.778.97h-.304ZM4.75 3.25v7h-2v-7h2Z"
+  }));
+};
+
+var _default = SvgThumbsDownOutline;
+exports.default = _default;

package/lib/reactsvgs/ThumbsDownSolid.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 SvgThumbsDownSolid = function SvgThumbsDownSolid(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: "m9.15 14.678.027.072h.573c.99 0 1.795-.958 1.495-1.938l-.782-2.562H13.5a1.25 1.25 0 0 0 .7-2.286.997.997 0 0 0 .3-.714v-.125c0-.397-.206-.746-.516-.946a.997.997 0 0 0 .266-.679v-.125c0-.486-.308-.9-.74-1.057.152-.184.24-.42.24-.693 0-.35-.145-.64-.383-.837A1.352 1.352 0 0 0 12.5 2.5H8.462l-2.712.835v6.937c.389.067.769.287 1.134.617.441.399.838.939 1.172 1.49a13.333 13.333 0 0 1 .99 2.019c.018.043.07.189.104.28ZM4.75 11H2V2.5h2.75V11Z"
+  }));
+};
+
+var _default = SvgThumbsDownSolid;
+exports.default = _default;

package/lib/reactsvgs/ThumbsUpOutline.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 SvgThumbsUpOutline = function SvgThumbsUpOutline(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: "M8.75 1h1c1.14 0 2.088 1.103 1.735 2.261L10.8 5.5h2.7a1.5 1.5 0 0 1 1.05 2.571c.127.196.2.429.2.679v.125c0 .39-.162.741-.422.991.11.186.172.403.172.634v.125c0 .485-.252.912-.631 1.157.085.176.131.376.131.593 0 .424-.178.784-.474 1.03a1.601 1.601 0 0 1-1.026.345H8.425l-2.675-.823v.823h-4v-9h4v.647c.234-.093.473-.251.716-.471.416-.376.798-.893 1.127-1.435a13.081 13.081 0 0 0 1.035-2.15l.003-.007v-.002L8.752 1Zm.696 1a14.697 14.697 0 0 1-.998 2.01c-.354.582-.794 1.19-1.311 1.658-.394.356-.86.655-1.387.775v5.438l2.825.869H12.5a.61.61 0 0 0 .388-.116c.066-.054.112-.13.112-.259a.312.312 0 0 0-.112-.26A.61.61 0 0 0 12.5 12H12v-1h1.125a.375.375 0 0 0 .375-.375V10.5a.25.25 0 0 0-.25-.25H12v-1h1.375a.375.375 0 0 0 .375-.375V8.75a.25.25 0 0 0-.25-.25H12v-1h1.5a.5.5 0 0 0 0-1H9v-1h.755l.773-2.53c.137-.45-.238-.97-.778-.97h-.304ZM4.75 12.75v-7h-2v7h2Z"
+  }));
+};
+
+var _default = SvgThumbsUpOutline;
+exports.default = _default;

package/lib/reactsvgs/ThumbsUpSolid.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 SvgThumbsUpSolid = function SvgThumbsUpSolid(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: "m9.15 1.323.027-.073h.573c.99 0 1.795.958 1.495 1.938l-.782 2.562H13.5a1.25 1.25 0 0 1 .7 2.286c.185.181.3.434.3.714v.125c0 .397-.206.746-.516.946a.997.997 0 0 1 .266.679v.125c0 .486-.308.9-.74 1.057.152.184.24.42.24.693 0 .35-.145.64-.383.837a1.352 1.352 0 0 1-.867.288H8.462l-2.712-.835V5.728c.389-.067.769-.287 1.134-.617.441-.399.838-.938 1.172-1.49a13.331 13.331 0 0 0 .99-2.019c.018-.043.07-.189.104-.28ZM4.75 5H2v8.5h2.75V5Z"
+  }));
+};
+
+var _default = SvgThumbsUpSolid;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _Dlp = _interopRequireDefault(require("./Dlp"));
 
+var _Timer = _interopRequireDefault(require("./Timer"));
+
 var _AccountAnalyticsLogo = _interopRequireDefault(require("./AccountAnalyticsLogo"));
 
 var _AddMember = _interopRequireDefault(require("./AddMember"));
@@ -281,9 +283,15 @@ var _Teams = _interopRequireDefault(require("./Teams"));
 
 var _Terraform = _interopRequireDefault(require("./Terraform"));
 
-var _Time = _interopRequireDefault(require("./Time"));
+var _ThumbsDownOutline = _interopRequireDefault(require("./ThumbsDownOutline"));
 
-var _Timer = _interopRequireDefault(require("./Timer"));
+var _ThumbsDownSolid = _interopRequireDefault(require("./ThumbsDownSolid"));
+
+var _ThumbsUpOutline = _interopRequireDefault(require("./ThumbsUpOutline"));
+
+var _ThumbsUpSolid = _interopRequireDefault(require("./ThumbsUpSolid"));
+
+var _Time = _interopRequireDefault(require("./Time"));
 
 var _Trace = _interopRequireDefault(require("./Trace"));
 
@@ -349,6 +357,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var _default = {
   dlp: _Dlp.default,
+  timer: _Timer.default,
   'account-analytics-logo': _AccountAnalyticsLogo.default,
   'add-member': _AddMember.default,
   add: _Add.default,
@@ -486,8 +495,11 @@ var _default = {
   'tail-worker': _TailWorker.default,
   teams: _Teams.default,
   terraform: _Terraform.default,
+  'thumbs-down-outline': _ThumbsDownOutline.default,
+  'thumbs-down-solid': _ThumbsDownSolid.default,
+  'thumbs-up-outline': _ThumbsUpOutline.default,
+  'thumbs-up-solid': _ThumbsUpSolid.default,
   time: _Time.default,
-  timer: _Timer.default,
   trace: _Trace.default,
   'traffic-attack-browser': _TrafficAttackBrowser.default,
   turnstile: _Turnstile.default,

package/package.json

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