@cloudflare/component-icon 10.0.0 → 11.0.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.
Files changed (181) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/DOCUMENTATION.js +3 -1
  3. package/README.md +22 -12
  4. package/dist/Icon.d.ts +4 -3
  5. package/dist/index.d.ts +5 -0
  6. package/dist/reactsvgs/AccountAnalyticsLogo.d.ts +3 -0
  7. package/dist/reactsvgs/Add.d.ts +3 -0
  8. package/dist/reactsvgs/AddMember.d.ts +3 -0
  9. package/dist/reactsvgs/ApiSecurity.d.ts +3 -0
  10. package/dist/reactsvgs/Applications.d.ts +3 -0
  11. package/dist/reactsvgs/Backward.d.ts +3 -0
  12. package/dist/reactsvgs/Bolt.d.ts +3 -0
  13. package/dist/reactsvgs/Byoip.d.ts +3 -0
  14. package/dist/reactsvgs/Calendar.d.ts +3 -0
  15. package/dist/reactsvgs/Carbon.d.ts +3 -0
  16. package/dist/reactsvgs/CaretDoubleLeft.d.ts +3 -0
  17. package/dist/reactsvgs/CaretDoubleRight.d.ts +3 -0
  18. package/dist/reactsvgs/CaretDown.d.ts +3 -0
  19. package/dist/reactsvgs/CaretLeft.d.ts +3 -0
  20. package/dist/reactsvgs/CaretRight.d.ts +3 -0
  21. package/dist/reactsvgs/CaretUp.d.ts +3 -0
  22. package/dist/reactsvgs/Chart.d.ts +3 -0
  23. package/dist/reactsvgs/Clipboard.d.ts +3 -0
  24. package/dist/reactsvgs/CloudflareAccess.d.ts +3 -0
  25. package/dist/reactsvgs/CloudflareMagicWan.d.ts +3 -0
  26. package/dist/reactsvgs/CloudflareSecurityApplication.d.ts +3 -0
  27. package/dist/reactsvgs/CloudflareSecurityNetwork.d.ts +3 -0
  28. package/dist/reactsvgs/CloudflareZeroTrust.d.ts +3 -0
  29. package/dist/reactsvgs/Copy.d.ts +3 -0
  30. package/dist/reactsvgs/CreditCard.d.ts +3 -0
  31. package/dist/reactsvgs/Discord.d.ts +3 -0
  32. package/dist/reactsvgs/Dlp.d.ts +3 -0
  33. package/dist/reactsvgs/Documentation.d.ts +3 -0
  34. package/dist/reactsvgs/Download.d.ts +3 -0
  35. package/dist/reactsvgs/Drive.d.ts +3 -0
  36. package/dist/reactsvgs/Edgeworker.d.ts +3 -0
  37. package/dist/reactsvgs/Edit.d.ts +3 -0
  38. package/dist/reactsvgs/EmailForwarding.d.ts +3 -0
  39. package/dist/reactsvgs/ExclamationSign.d.ts +3 -0
  40. package/dist/reactsvgs/ExternalLink.d.ts +3 -0
  41. package/dist/reactsvgs/Eye.d.ts +3 -0
  42. package/dist/reactsvgs/Facebook.d.ts +3 -0
  43. package/dist/reactsvgs/File.d.ts +3 -0
  44. package/dist/reactsvgs/Filter.d.ts +3 -0
  45. package/dist/reactsvgs/FirewallRules.d.ts +3 -0
  46. package/dist/reactsvgs/Flowchart.d.ts +3 -0
  47. package/dist/reactsvgs/Folder.d.ts +3 -0
  48. package/dist/reactsvgs/Forward.d.ts +3 -0
  49. package/dist/reactsvgs/Gateway.d.ts +3 -0
  50. package/dist/reactsvgs/Gear.d.ts +3 -0
  51. package/dist/reactsvgs/GitBranch.d.ts +3 -0
  52. package/dist/reactsvgs/Github.d.ts +3 -0
  53. package/dist/reactsvgs/Globe.d.ts +3 -0
  54. package/dist/reactsvgs/Hamburger.d.ts +3 -0
  55. package/dist/reactsvgs/Help.d.ts +3 -0
  56. package/dist/reactsvgs/Image.d.ts +3 -0
  57. package/dist/reactsvgs/InfoSign.d.ts +3 -0
  58. package/dist/reactsvgs/InternetBrowser.d.ts +3 -0
  59. package/dist/reactsvgs/Key.d.ts +3 -0
  60. package/dist/reactsvgs/Leaf.d.ts +3 -0
  61. package/dist/reactsvgs/Left.d.ts +3 -0
  62. package/dist/reactsvgs/Link.d.ts +3 -0
  63. package/dist/reactsvgs/Linkedin.d.ts +3 -0
  64. package/dist/reactsvgs/List.d.ts +3 -0
  65. package/dist/reactsvgs/Lock.d.ts +3 -0
  66. package/dist/reactsvgs/Logs.d.ts +3 -0
  67. package/dist/reactsvgs/MagicFirewall.d.ts +3 -0
  68. package/dist/reactsvgs/MagicTransitLogo.d.ts +3 -0
  69. package/dist/reactsvgs/Mail.d.ts +3 -0
  70. package/dist/reactsvgs/Minus.d.ts +3 -0
  71. package/dist/reactsvgs/More.d.ts +3 -0
  72. package/dist/reactsvgs/Network.d.ts +3 -0
  73. package/dist/reactsvgs/NetworkAnalyticsLogo.d.ts +3 -0
  74. package/dist/reactsvgs/Notifications.d.ts +3 -0
  75. package/dist/reactsvgs/Ok.d.ts +3 -0
  76. package/dist/reactsvgs/OkSign.d.ts +3 -0
  77. package/dist/reactsvgs/OptimizationScale.d.ts +3 -0
  78. package/dist/reactsvgs/PagesLogo.d.ts +3 -0
  79. package/dist/reactsvgs/Pause.d.ts +3 -0
  80. package/dist/reactsvgs/PlatformApps.d.ts +3 -0
  81. package/dist/reactsvgs/Plus.d.ts +3 -0
  82. package/dist/reactsvgs/Printer.d.ts +3 -0
  83. package/dist/reactsvgs/ProductSecurityCenter.d.ts +3 -0
  84. package/dist/reactsvgs/PubSub.d.ts +3 -0
  85. package/dist/reactsvgs/Queues.d.ts +3 -0
  86. package/dist/reactsvgs/R2.d.ts +3 -0
  87. package/dist/reactsvgs/Refresh.d.ts +3 -0
  88. package/dist/reactsvgs/RegistrarLogo.d.ts +3 -0
  89. package/dist/reactsvgs/ReliabilityDns.d.ts +3 -0
  90. package/dist/reactsvgs/ReliabilityLoadBalancer.d.ts +3 -0
  91. package/dist/reactsvgs/Remove.d.ts +3 -0
  92. package/dist/reactsvgs/Reorder.d.ts +3 -0
  93. package/dist/reactsvgs/ResizeHorizontal.d.ts +3 -0
  94. package/dist/reactsvgs/Retarget.d.ts +3 -0
  95. package/dist/reactsvgs/Revert.d.ts +3 -0
  96. package/dist/reactsvgs/Right.d.ts +3 -0
  97. package/dist/reactsvgs/Script.d.ts +3 -0
  98. package/dist/reactsvgs/Search.d.ts +3 -0
  99. package/dist/reactsvgs/Shield.d.ts +3 -0
  100. package/dist/reactsvgs/Spectrum.d.ts +3 -0
  101. package/dist/reactsvgs/Speech.d.ts +3 -0
  102. package/dist/reactsvgs/Stream.d.ts +3 -0
  103. package/dist/reactsvgs/Teams.d.ts +3 -0
  104. package/dist/reactsvgs/Terraform.d.ts +3 -0
  105. package/dist/reactsvgs/Time.d.ts +3 -0
  106. package/dist/reactsvgs/Twitter.d.ts +3 -0
  107. package/dist/reactsvgs/TwoWay.d.ts +3 -0
  108. package/dist/reactsvgs/UnlockOutline.d.ts +3 -0
  109. package/dist/reactsvgs/Upload.d.ts +3 -0
  110. package/dist/reactsvgs/User.d.ts +3 -0
  111. package/dist/reactsvgs/UserMulti.d.ts +3 -0
  112. package/dist/reactsvgs/UserOutline.d.ts +3 -0
  113. package/dist/reactsvgs/Version.d.ts +3 -0
  114. package/dist/reactsvgs/WaitingRoom.d.ts +3 -0
  115. package/dist/reactsvgs/Web3.d.ts +3 -0
  116. package/dist/reactsvgs/WebAnalyticsLogo.d.ts +3 -0
  117. package/dist/reactsvgs/WorkersBundled.d.ts +3 -0
  118. package/dist/reactsvgs/WorkersDurableObjects.d.ts +3 -0
  119. package/dist/reactsvgs/WorkersForPlatforms.d.ts +3 -0
  120. package/dist/reactsvgs/WorkersKv.d.ts +3 -0
  121. package/dist/reactsvgs/WorkersUnbound.d.ts +3 -0
  122. package/dist/reactsvgs/Wrangler.d.ts +3 -0
  123. package/dist/reactsvgs/Wrench.d.ts +3 -0
  124. package/dist/reactsvgs/Youtube.d.ts +3 -0
  125. package/dist/reactsvgs/Zaraz.d.ts +3 -0
  126. package/dist/reactsvgs/ZerotrustCasbLogo.d.ts +3 -0
  127. package/dist/reactsvgs/colored-icons/Bitbucket.d.ts +3 -0
  128. package/dist/reactsvgs/colored-icons/Gitlab.d.ts +3 -0
  129. package/dist/reactsvgs/colored-icons/framework-icon-exports/Angular.d.ts +3 -0
  130. package/dist/reactsvgs/colored-icons/framework-icon-exports/Brunch.d.ts +3 -0
  131. package/dist/reactsvgs/colored-icons/framework-icon-exports/Docusaurus.d.ts +3 -0
  132. package/dist/reactsvgs/colored-icons/framework-icon-exports/Eleventy.d.ts +3 -0
  133. package/dist/reactsvgs/colored-icons/framework-icon-exports/Ember.d.ts +3 -0
  134. package/dist/reactsvgs/colored-icons/framework-icon-exports/Gatsby.d.ts +3 -0
  135. package/dist/reactsvgs/colored-icons/framework-icon-exports/Gitbook.d.ts +3 -0
  136. package/dist/reactsvgs/colored-icons/framework-icon-exports/Gridsome.d.ts +3 -0
  137. package/dist/reactsvgs/colored-icons/framework-icon-exports/Harp.d.ts +3 -0
  138. package/dist/reactsvgs/colored-icons/framework-icon-exports/Hexo.d.ts +3 -0
  139. package/dist/reactsvgs/colored-icons/framework-icon-exports/Hugo.d.ts +3 -0
  140. package/dist/reactsvgs/colored-icons/framework-icon-exports/Jekyll.d.ts +3 -0
  141. package/dist/reactsvgs/colored-icons/framework-icon-exports/MdBook.d.ts +3 -0
  142. package/dist/reactsvgs/colored-icons/framework-icon-exports/Middleman.d.ts +3 -0
  143. package/dist/reactsvgs/colored-icons/framework-icon-exports/Mkdocs.d.ts +3 -0
  144. package/dist/reactsvgs/colored-icons/framework-icon-exports/Nextjs.d.ts +3 -0
  145. package/dist/reactsvgs/colored-icons/framework-icon-exports/Nuxt.d.ts +3 -0
  146. package/dist/reactsvgs/colored-icons/framework-icon-exports/Pelican.d.ts +3 -0
  147. package/dist/reactsvgs/colored-icons/framework-icon-exports/React.d.ts +3 -0
  148. package/dist/reactsvgs/colored-icons/framework-icon-exports/ReactStatic.d.ts +3 -0
  149. package/dist/reactsvgs/colored-icons/framework-icon-exports/Slate.d.ts +3 -0
  150. package/dist/reactsvgs/colored-icons/framework-icon-exports/Svelte.d.ts +3 -0
  151. package/dist/reactsvgs/colored-icons/framework-icon-exports/UmiJs.d.ts +3 -0
  152. package/dist/reactsvgs/colored-icons/framework-icon-exports/Vue.d.ts +3 -0
  153. package/dist/reactsvgs/colored-icons/framework-icon-exports/VuePress.d.ts +3 -0
  154. package/dist/reactsvgs/colored-icons/framework-icon-exports/Zola.d.ts +3 -0
  155. package/dist/reactsvgs/colored-icons/framework-icon-exports/index.d.ts +30 -0
  156. package/dist/reactsvgs/colored-icons/index.d.ts +6 -0
  157. package/dist/reactsvgs/index.d.ts +125 -0
  158. package/dist/reactsvgs/renamed-icons-64px/CirclePause.d.ts +3 -0
  159. package/dist/reactsvgs/renamed-icons-64px/CirclePlay.d.ts +3 -0
  160. package/dist/reactsvgs/renamed-icons-64px/CircleStop.d.ts +3 -0
  161. package/dist/reactsvgs/renamed-icons-64px/ProductSecurityCenter.d.ts +3 -0
  162. package/dist/reactsvgs/renamed-icons-64px/index.d.ts +8 -0
  163. package/es/reactsvgs/Dlp.js +15 -0
  164. package/es/reactsvgs/Queues.js +13 -19
  165. package/es/reactsvgs/index.js +2 -6
  166. package/lib/reactsvgs/{Funnel.js → Dlp.js} +4 -4
  167. package/lib/reactsvgs/Queues.js +13 -19
  168. package/lib/reactsvgs/index.js +3 -9
  169. package/package.json +5 -3
  170. package/svgr.config.js +1 -24
  171. package/dist/IconType.d.ts +0 -1
  172. package/es/IconType.js +0 -1
  173. package/es/iconTypes.js +0 -1
  174. package/es/reactsvgs/Funnel.js +0 -15
  175. package/es/reactsvgs/Subtract.js +0 -14
  176. package/es/reactsvgs/Turnstile.js +0 -19
  177. package/index.d.ts +0 -25
  178. package/lib/IconType.js +0 -5
  179. package/lib/iconTypes.js +0 -8
  180. package/lib/reactsvgs/Subtract.js +0 -30
  181. package/lib/reactsvgs/Turnstile.js +0 -35
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # Change Log
2
2
 
3
+ ## 11.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - 54ebdb53f4: Update types to properly export `IconType`, and correctly use the type of `Icon` as inferred from the source, rather than manually defined in `index.d.ts`.
8
+
9
+ This is a breaking change to the type signatures, and consumers of the package will need to make changes. Primarily, the prop `ariaLabel` was previously incorrectly typed as `label`.
10
+
11
+ ## 10.1.0
12
+
13
+ ### Minor Changes
14
+
15
+ - 86ee7b8704: Add DLP icon
16
+
3
17
  ## 10.0.0
4
18
 
5
19
  ### Major Changes
package/DOCUMENTATION.js CHANGED
@@ -22,7 +22,9 @@ import { saveSvgAsPng } from 'save-svg-as-png';
22
22
  import { useClipboard } from 'use-clipboard-copy';
23
23
  import reactElementToJSXString from 'react-element-to-jsx-string';
24
24
 
25
- import TYPES from './src/iconTypes';
25
+ import IconComponents from './src/reactsvgs/index';
26
+
27
+ const TYPES = Object.keys(IconComponents);
26
28
 
27
29
  const THEME_COLORS = [
28
30
  'red',
package/README.md CHANGED
@@ -127,26 +127,36 @@ export default IconComponent;
127
127
  ## Updating Icons
128
128
  If you would like to add new icons to the component library/design system please follow the procedures below to help ensure the icons remain consistent.
129
129
 
130
- ### Product Design
130
+ ### Repo: product-design
131
131
  Follow the link to the `product-design` repository where you will find the original SVG's. Follow the [Icon Guidelines](https://wiki.cfops.it/x/QLcvCQ) for details on how to create, export, and add new icons to [product-design](https://bitbucket.cfdata.org/projects/DESIGN/repos/product-design/browse) and stratus repositories.
132
132
 
133
- ### component-library
133
+ ### Repo: component-library
134
134
  Once your icon is added to the `product-design` repo under the `/icons/icons-exports/` folder and all instructions are followed it is ready to be converted to our React format in this `component-library` repo.
135
135
 
136
- 1. `yarn install` from the root of `component-library`.
137
- - This should install the `svgo` dependency which is required in order to clean and compile the SVG's
138
- - If `svgo` does not install, you can install it globally on your machine with `npm install -g svgo`
136
+ #### 1. Install dependencies
139
137
 
140
- 2. Create a new branch
138
+ run `yarn install` from the root of your `component-library` folder.
141
139
 
142
- 3. Navigate to the top of the `component-library` repository and run `yarn update-icons`.
140
+ This should install the `svgo` dependency which is required in order to clean and compile the SVGs. If `svgo` does not install, you can install it globally on your machine with the command `npm install -g svgo`
143
141
 
144
- - The `product-design` repo will be pulled in using the `svgtoreact.sh` script
145
- - The list of SVG's will be extracted and converted into React components based on the file names provided. They will be added under `../component-icon/src/reactsvgs/`.
146
- - Additional files touched may include `iconTypes.js` and `/reactsvgs/index.js`
142
+ #### 2. Create a new branch
147
143
 
148
- 4. Push up the changes and create a PR to `main`. Your new icon will be merged into the repository and be available for use shortly!
144
+ Run the `git checkout -b <branchname>` command or create a new branch via the graphical git tool of your choice.
149
145
 
150
- **Note**: Stratus repository [README](https://bitbucket.cfdata.org/projects/FE/repos/stratus/browse) may also be valuable.
146
+ #### 3. Run the update icons script
147
+
148
+ The `product-design` repo will be pulled in using the `svgtoreact.sh` script
149
+
150
+ *** NOTE: The product-design repo should be up to date and located within the same parent folder as component library before running this command ***
151
+
152
+ Run `yarn update-icons` in the root folder of `component-library`
151
153
 
154
+ The list of SVG's will be extracted and converted into React components based on the file names provided. They will be added under `../component-icon/src/reactsvgs/`.
152
155
 
156
+ Additional files touched may include `iconTypes.js` and `/reactsvgs/index.js`
157
+
158
+ #### 4. Push up the changes and create a PR to `main`.
159
+
160
+ After review, your new icon will be merged into the repository and be available for use shortly!
161
+
162
+ **Note**: Stratus repository [README](https://bitbucket.cfdata.org/projects/FE/repos/stratus/browse) may also be valuable.
package/dist/Icon.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import React from 'react';
2
- import { IconType } from './IconType';
2
+ import IconComponents from './reactsvgs';
3
+ export declare type IconType = keyof typeof IconComponents;
3
4
  declare const _default: React.ComponentType<{
4
- type: IconType;
5
- className: string;
5
+ type: "search" | "link" | "right" | "script" | "time" | "filter" | "image" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "dlp" | "account-analytics-logo" | "add-member" | "api-security" | "applications" | "backward" | "bolt" | "byoip" | "calendar" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "chart" | "clipboard" | "cloudflare-access" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "credit-card" | "discord" | "documentation" | "drive" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network" | "notifications" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "pause" | "platform-apps" | "plus" | "printer" | "product-security-center" | "pub-sub" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "shield" | "spectrum" | "speech" | "stream" | "teams" | "terraform" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "waiting-room" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zerotrust-casb-logo";
6
+ className?: string | undefined;
6
7
  ariaLabel?: string | undefined;
7
8
  testId?: string | undefined;
8
9
  color?: ((string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined]) & string) | undefined;
@@ -0,0 +1,5 @@
1
+ import type { ComponentProps } from 'react';
2
+ import Icon from './Icon';
3
+ export type { IconType } from './Icon';
4
+ export { Icon };
5
+ export declare type IIconProps = ComponentProps<typeof Icon>;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgAccountAnalyticsLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgAccountAnalyticsLogo;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgAdd: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgAdd;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgAddMember: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgAddMember;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgApiSecurity: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgApiSecurity;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgApplications: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgApplications;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgBackward: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgBackward;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgBolt: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgBolt;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgByoip: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgByoip;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCalendar: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCalendar;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCarbon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCarbon;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCaretDoubleLeft: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCaretDoubleLeft;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCaretDoubleRight: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCaretDoubleRight;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCaretDown: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCaretDown;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCaretLeft: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCaretLeft;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCaretRight: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCaretRight;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCaretUp: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCaretUp;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgChart: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgChart;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgClipboard: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgClipboard;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCloudflareAccess: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCloudflareAccess;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCloudflareMagicWan: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCloudflareMagicWan;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCloudflareSecurityApplication: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCloudflareSecurityApplication;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCloudflareSecurityNetwork: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCloudflareSecurityNetwork;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCloudflareZeroTrust: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCloudflareZeroTrust;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCopy: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCopy;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCreditCard: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgCreditCard;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgDiscord: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgDiscord;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgDlp: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgDlp;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgDocumentation: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgDocumentation;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgDownload: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgDownload;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgDrive: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgDrive;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgEdgeworker: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgEdgeworker;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgEdit: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgEdit;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgEmailForwarding: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgEmailForwarding;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgExclamationSign: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgExclamationSign;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgExternalLink: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgExternalLink;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgEye: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgEye;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgFacebook: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgFacebook;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgFile: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgFile;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgFilter: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgFilter;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgFirewallRules: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgFirewallRules;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgFlowchart: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgFlowchart;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgFolder: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgFolder;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgForward: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgForward;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgGateway: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgGateway;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgGear: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgGear;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgGitBranch: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgGitBranch;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgGithub: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgGithub;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgGlobe: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgGlobe;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgHamburger: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgHamburger;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgHelp: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgHelp;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgImage: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgImage;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgInfoSign: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgInfoSign;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgInternetBrowser: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgInternetBrowser;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgKey: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgKey;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgLeaf: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgLeaf;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgLeft: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgLeft;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgLink: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgLink;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgLinkedin: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgLinkedin;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgList: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgList;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgLock: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgLock;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgLogs: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgLogs;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgMagicFirewall: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgMagicFirewall;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgMagicTransitLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgMagicTransitLogo;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgMail: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgMail;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgMinus: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgMinus;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgMore: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgMore;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgNetwork: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgNetwork;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgNetworkAnalyticsLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgNetworkAnalyticsLogo;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgNotifications: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgNotifications;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgOk: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgOk;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgOkSign: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgOkSign;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgOptimizationScale: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgOptimizationScale;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgPagesLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgPagesLogo;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgPause: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgPause;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgPlatformApps: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgPlatformApps;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgPlus: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgPlus;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgPrinter: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgPrinter;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgProductSecurityCenter: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgProductSecurityCenter;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgPubSub: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgPubSub;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgQueues: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgQueues;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgR2: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgR2;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRefresh: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRefresh;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRegistrarLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRegistrarLogo;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgReliabilityDns: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgReliabilityDns;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgReliabilityLoadBalancer: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgReliabilityLoadBalancer;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRemove: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRemove;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgReorder: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgReorder;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgResizeHorizontal: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgResizeHorizontal;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRetarget: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRetarget;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRevert: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRevert;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRight: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRight;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgScript: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgScript;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgSearch: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgSearch;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgShield: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgShield;