@cloudflare/component-icon 10.1.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 +8 -0
  2. package/DOCUMENTATION.js +3 -1
  3. package/dist/Icon.d.ts +4 -3
  4. package/dist/index.d.ts +5 -0
  5. package/dist/reactsvgs/AccountAnalyticsLogo.d.ts +3 -0
  6. package/dist/reactsvgs/Add.d.ts +3 -0
  7. package/dist/reactsvgs/AddMember.d.ts +3 -0
  8. package/dist/reactsvgs/ApiSecurity.d.ts +3 -0
  9. package/dist/reactsvgs/Applications.d.ts +3 -0
  10. package/dist/reactsvgs/Backward.d.ts +3 -0
  11. package/dist/reactsvgs/Bolt.d.ts +3 -0
  12. package/dist/reactsvgs/Byoip.d.ts +3 -0
  13. package/dist/reactsvgs/Calendar.d.ts +3 -0
  14. package/dist/reactsvgs/Carbon.d.ts +3 -0
  15. package/dist/reactsvgs/CaretDoubleLeft.d.ts +3 -0
  16. package/dist/reactsvgs/CaretDoubleRight.d.ts +3 -0
  17. package/dist/reactsvgs/CaretDown.d.ts +3 -0
  18. package/dist/reactsvgs/CaretLeft.d.ts +3 -0
  19. package/dist/reactsvgs/CaretRight.d.ts +3 -0
  20. package/dist/reactsvgs/CaretUp.d.ts +3 -0
  21. package/dist/reactsvgs/Chart.d.ts +3 -0
  22. package/dist/reactsvgs/Clipboard.d.ts +3 -0
  23. package/dist/reactsvgs/CloudflareAccess.d.ts +3 -0
  24. package/dist/reactsvgs/CloudflareMagicWan.d.ts +3 -0
  25. package/dist/reactsvgs/CloudflareSecurityApplication.d.ts +3 -0
  26. package/dist/reactsvgs/CloudflareSecurityNetwork.d.ts +3 -0
  27. package/dist/reactsvgs/CloudflareZeroTrust.d.ts +3 -0
  28. package/dist/reactsvgs/Copy.d.ts +3 -0
  29. package/dist/reactsvgs/CreditCard.d.ts +3 -0
  30. package/dist/reactsvgs/Discord.d.ts +3 -0
  31. package/dist/reactsvgs/Dlp.d.ts +3 -0
  32. package/dist/reactsvgs/Documentation.d.ts +3 -0
  33. package/dist/reactsvgs/Download.d.ts +3 -0
  34. package/dist/reactsvgs/Drive.d.ts +3 -0
  35. package/dist/reactsvgs/Edgeworker.d.ts +3 -0
  36. package/dist/reactsvgs/Edit.d.ts +3 -0
  37. package/dist/reactsvgs/EmailForwarding.d.ts +3 -0
  38. package/dist/reactsvgs/ExclamationSign.d.ts +3 -0
  39. package/dist/reactsvgs/ExternalLink.d.ts +3 -0
  40. package/dist/reactsvgs/Eye.d.ts +3 -0
  41. package/dist/reactsvgs/Facebook.d.ts +3 -0
  42. package/dist/reactsvgs/File.d.ts +3 -0
  43. package/dist/reactsvgs/Filter.d.ts +3 -0
  44. package/dist/reactsvgs/FirewallRules.d.ts +3 -0
  45. package/dist/reactsvgs/Flowchart.d.ts +3 -0
  46. package/dist/reactsvgs/Folder.d.ts +3 -0
  47. package/dist/reactsvgs/Forward.d.ts +3 -0
  48. package/dist/reactsvgs/Gateway.d.ts +3 -0
  49. package/dist/reactsvgs/Gear.d.ts +3 -0
  50. package/dist/reactsvgs/GitBranch.d.ts +3 -0
  51. package/dist/reactsvgs/Github.d.ts +3 -0
  52. package/dist/reactsvgs/Globe.d.ts +3 -0
  53. package/dist/reactsvgs/Hamburger.d.ts +3 -0
  54. package/dist/reactsvgs/Help.d.ts +3 -0
  55. package/dist/reactsvgs/Image.d.ts +3 -0
  56. package/dist/reactsvgs/InfoSign.d.ts +3 -0
  57. package/dist/reactsvgs/InternetBrowser.d.ts +3 -0
  58. package/dist/reactsvgs/Key.d.ts +3 -0
  59. package/dist/reactsvgs/Leaf.d.ts +3 -0
  60. package/dist/reactsvgs/Left.d.ts +3 -0
  61. package/dist/reactsvgs/Link.d.ts +3 -0
  62. package/dist/reactsvgs/Linkedin.d.ts +3 -0
  63. package/dist/reactsvgs/List.d.ts +3 -0
  64. package/dist/reactsvgs/Lock.d.ts +3 -0
  65. package/dist/reactsvgs/Logs.d.ts +3 -0
  66. package/dist/reactsvgs/MagicFirewall.d.ts +3 -0
  67. package/dist/reactsvgs/MagicTransitLogo.d.ts +3 -0
  68. package/dist/reactsvgs/Mail.d.ts +3 -0
  69. package/dist/reactsvgs/Minus.d.ts +3 -0
  70. package/dist/reactsvgs/More.d.ts +3 -0
  71. package/dist/reactsvgs/Network.d.ts +3 -0
  72. package/dist/reactsvgs/NetworkAnalyticsLogo.d.ts +3 -0
  73. package/dist/reactsvgs/Notifications.d.ts +3 -0
  74. package/dist/reactsvgs/Ok.d.ts +3 -0
  75. package/dist/reactsvgs/OkSign.d.ts +3 -0
  76. package/dist/reactsvgs/OptimizationScale.d.ts +3 -0
  77. package/dist/reactsvgs/PagesLogo.d.ts +3 -0
  78. package/dist/reactsvgs/Pause.d.ts +3 -0
  79. package/dist/reactsvgs/PlatformApps.d.ts +3 -0
  80. package/dist/reactsvgs/Plus.d.ts +3 -0
  81. package/dist/reactsvgs/Printer.d.ts +3 -0
  82. package/dist/reactsvgs/ProductSecurityCenter.d.ts +3 -0
  83. package/dist/reactsvgs/PubSub.d.ts +3 -0
  84. package/dist/reactsvgs/Queues.d.ts +3 -0
  85. package/dist/reactsvgs/R2.d.ts +3 -0
  86. package/dist/reactsvgs/Refresh.d.ts +3 -0
  87. package/dist/reactsvgs/RegistrarLogo.d.ts +3 -0
  88. package/dist/reactsvgs/ReliabilityDns.d.ts +3 -0
  89. package/dist/reactsvgs/ReliabilityLoadBalancer.d.ts +3 -0
  90. package/dist/reactsvgs/Remove.d.ts +3 -0
  91. package/dist/reactsvgs/Reorder.d.ts +3 -0
  92. package/dist/reactsvgs/ResizeHorizontal.d.ts +3 -0
  93. package/dist/reactsvgs/Retarget.d.ts +3 -0
  94. package/dist/reactsvgs/Revert.d.ts +3 -0
  95. package/dist/reactsvgs/Right.d.ts +3 -0
  96. package/dist/reactsvgs/Script.d.ts +3 -0
  97. package/dist/reactsvgs/Search.d.ts +3 -0
  98. package/dist/reactsvgs/Shield.d.ts +3 -0
  99. package/dist/reactsvgs/Spectrum.d.ts +3 -0
  100. package/dist/reactsvgs/Speech.d.ts +3 -0
  101. package/dist/reactsvgs/Stream.d.ts +3 -0
  102. package/dist/reactsvgs/Teams.d.ts +3 -0
  103. package/dist/reactsvgs/Terraform.d.ts +3 -0
  104. package/dist/reactsvgs/Time.d.ts +3 -0
  105. package/dist/reactsvgs/Twitter.d.ts +3 -0
  106. package/dist/reactsvgs/TwoWay.d.ts +3 -0
  107. package/dist/reactsvgs/UnlockOutline.d.ts +3 -0
  108. package/dist/reactsvgs/Upload.d.ts +3 -0
  109. package/dist/reactsvgs/User.d.ts +3 -0
  110. package/dist/reactsvgs/UserMulti.d.ts +3 -0
  111. package/dist/reactsvgs/UserOutline.d.ts +3 -0
  112. package/dist/reactsvgs/Version.d.ts +3 -0
  113. package/dist/reactsvgs/WaitingRoom.d.ts +3 -0
  114. package/dist/reactsvgs/Web3.d.ts +3 -0
  115. package/dist/reactsvgs/WebAnalyticsLogo.d.ts +3 -0
  116. package/dist/reactsvgs/WorkersBundled.d.ts +3 -0
  117. package/dist/reactsvgs/WorkersDurableObjects.d.ts +3 -0
  118. package/dist/reactsvgs/WorkersForPlatforms.d.ts +3 -0
  119. package/dist/reactsvgs/WorkersKv.d.ts +3 -0
  120. package/dist/reactsvgs/WorkersUnbound.d.ts +3 -0
  121. package/dist/reactsvgs/Wrangler.d.ts +3 -0
  122. package/dist/reactsvgs/Wrench.d.ts +3 -0
  123. package/dist/reactsvgs/Youtube.d.ts +3 -0
  124. package/dist/reactsvgs/Zaraz.d.ts +3 -0
  125. package/dist/reactsvgs/ZerotrustCasbLogo.d.ts +3 -0
  126. package/dist/reactsvgs/colored-icons/Bitbucket.d.ts +3 -0
  127. package/dist/reactsvgs/colored-icons/Gitlab.d.ts +3 -0
  128. package/dist/reactsvgs/colored-icons/framework-icon-exports/Angular.d.ts +3 -0
  129. package/dist/reactsvgs/colored-icons/framework-icon-exports/Brunch.d.ts +3 -0
  130. package/dist/reactsvgs/colored-icons/framework-icon-exports/Docusaurus.d.ts +3 -0
  131. package/dist/reactsvgs/colored-icons/framework-icon-exports/Eleventy.d.ts +3 -0
  132. package/dist/reactsvgs/colored-icons/framework-icon-exports/Ember.d.ts +3 -0
  133. package/dist/reactsvgs/colored-icons/framework-icon-exports/Gatsby.d.ts +3 -0
  134. package/dist/reactsvgs/colored-icons/framework-icon-exports/Gitbook.d.ts +3 -0
  135. package/dist/reactsvgs/colored-icons/framework-icon-exports/Gridsome.d.ts +3 -0
  136. package/dist/reactsvgs/colored-icons/framework-icon-exports/Harp.d.ts +3 -0
  137. package/dist/reactsvgs/colored-icons/framework-icon-exports/Hexo.d.ts +3 -0
  138. package/dist/reactsvgs/colored-icons/framework-icon-exports/Hugo.d.ts +3 -0
  139. package/dist/reactsvgs/colored-icons/framework-icon-exports/Jekyll.d.ts +3 -0
  140. package/dist/reactsvgs/colored-icons/framework-icon-exports/MdBook.d.ts +3 -0
  141. package/dist/reactsvgs/colored-icons/framework-icon-exports/Middleman.d.ts +3 -0
  142. package/dist/reactsvgs/colored-icons/framework-icon-exports/Mkdocs.d.ts +3 -0
  143. package/dist/reactsvgs/colored-icons/framework-icon-exports/Nextjs.d.ts +3 -0
  144. package/dist/reactsvgs/colored-icons/framework-icon-exports/Nuxt.d.ts +3 -0
  145. package/dist/reactsvgs/colored-icons/framework-icon-exports/Pelican.d.ts +3 -0
  146. package/dist/reactsvgs/colored-icons/framework-icon-exports/React.d.ts +3 -0
  147. package/dist/reactsvgs/colored-icons/framework-icon-exports/ReactStatic.d.ts +3 -0
  148. package/dist/reactsvgs/colored-icons/framework-icon-exports/Slate.d.ts +3 -0
  149. package/dist/reactsvgs/colored-icons/framework-icon-exports/Svelte.d.ts +3 -0
  150. package/dist/reactsvgs/colored-icons/framework-icon-exports/UmiJs.d.ts +3 -0
  151. package/dist/reactsvgs/colored-icons/framework-icon-exports/Vue.d.ts +3 -0
  152. package/dist/reactsvgs/colored-icons/framework-icon-exports/VuePress.d.ts +3 -0
  153. package/dist/reactsvgs/colored-icons/framework-icon-exports/Zola.d.ts +3 -0
  154. package/dist/reactsvgs/colored-icons/framework-icon-exports/index.d.ts +30 -0
  155. package/dist/reactsvgs/colored-icons/index.d.ts +6 -0
  156. package/dist/reactsvgs/index.d.ts +125 -0
  157. package/dist/reactsvgs/renamed-icons-64px/CirclePause.d.ts +3 -0
  158. package/dist/reactsvgs/renamed-icons-64px/CirclePlay.d.ts +3 -0
  159. package/dist/reactsvgs/renamed-icons-64px/CircleStop.d.ts +3 -0
  160. package/dist/reactsvgs/renamed-icons-64px/ProductSecurityCenter.d.ts +3 -0
  161. package/dist/reactsvgs/renamed-icons-64px/index.d.ts +8 -0
  162. package/es/reactsvgs/{DataLossPrevention.js → Dlp.js} +2 -2
  163. package/es/reactsvgs/Queues.js +13 -19
  164. package/es/reactsvgs/index.js +2 -8
  165. package/lib/reactsvgs/{DataLossPrevention.js → Dlp.js} +2 -2
  166. package/lib/reactsvgs/Queues.js +13 -19
  167. package/lib/reactsvgs/index.js +3 -12
  168. package/package.json +5 -3
  169. package/svgr.config.js +1 -24
  170. package/dist/IconType.d.ts +0 -1
  171. package/es/IconType.js +0 -1
  172. package/es/iconTypes.js +0 -1
  173. package/es/reactsvgs/Funnel.js +0 -15
  174. package/es/reactsvgs/Subtract.js +0 -14
  175. package/es/reactsvgs/Turnstile.js +0 -19
  176. package/index.d.ts +0 -25
  177. package/lib/IconType.js +0 -5
  178. package/lib/iconTypes.js +0 -8
  179. package/lib/reactsvgs/Funnel.js +0 -31
  180. package/lib/reactsvgs/Subtract.js +0 -30
  181. package/lib/reactsvgs/Turnstile.js +0 -35
@@ -17,32 +17,26 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
17
17
 
18
18
  var SvgQueues = function SvgQueues(props) {
19
19
  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
- viewBox: "0 0 16 16",
21
20
  xmlns: "http://www.w3.org/2000/svg",
21
+ viewBox: "0 0 25 20",
22
22
  "aria-hidden": !props['aria-label'],
23
23
  focusable: "false"
24
24
  }), /*#__PURE__*/React.createElement("path", {
25
- d: "M4.37009 8.28924L1.98155 5.95722L1.32047 6.63432L2.40973 7.6978L0.591436 7.6978C0.264795 7.6978 -9.03979e-07 7.96259 -9.00084e-07 8.28923V8.28923C-8.96189e-07 8.61588 0.264795 8.88067 0.591437 8.88067L2.40973 8.88067L1.32071 9.94391L1.98179 10.621L4.37009 8.28924Z"
26
- }), /*#__PURE__*/React.createElement("path", {
27
- d: "M16 8.28924L13.6115 5.95722L12.9504 6.63432L14.0396 7.6978L12.2213 7.6978C11.8947 7.6978 11.6299 7.96259 11.6299 8.28923V8.28923C11.6299 8.61588 11.8947 8.88067 12.2213 8.88067L14.0396 8.88067L12.9506 9.94391L13.6117 10.621L16 8.28924Z"
25
+ d: "m6.568 9.95-3.59-3.505-.993 1.017 1.637 1.599H.889a.889.889 0 1 0 0 1.777h2.733l-1.637 1.598.993 1.018 3.59-3.505Zm17.479 0-3.59-3.505-.993 1.017L21.1 9.061h-2.733a.889.889 0 0 0 0 1.777H21.1l-1.637 1.598.994 1.018 3.589-3.505Z"
28
26
  }), /*#__PURE__*/React.createElement("rect", {
29
- x: "3.04015",
30
- y: "3",
31
- width: "9.463",
32
- height: "1.18288",
33
- rx: "0.591438"
27
+ width: 14.222,
28
+ height: 1.778,
29
+ x: 4.569,
30
+ y: 2,
31
+ rx: 0.889
34
32
  }), /*#__PURE__*/React.createElement("rect", {
35
- x: "3.04015",
36
- y: "12.4629",
37
- width: "9.463",
38
- height: "1.18288",
39
- rx: "0.591438"
40
- }), /*#__PURE__*/React.createElement("path", {
41
- d: "M5.4059 5.95722C5.73255 5.95722 5.99734 6.22201 5.99734 6.54866L5.99734 10.0973C5.99734 10.4239 5.73255 10.6887 5.4059 10.6887V10.6887C5.07926 10.6887 4.81447 10.4239 4.81447 10.0973L4.81447 6.54865C4.81447 6.22201 5.07926 5.95722 5.4059 5.95722V5.95722Z"
42
- }), /*#__PURE__*/React.createElement("path", {
43
- d: "M7.77166 5.95722C8.0983 5.95722 8.36309 6.22201 8.36309 6.54866L8.36309 10.0973C8.36309 10.4239 8.0983 10.6887 7.77166 10.6887V10.6887C7.44501 10.6887 7.18022 10.4239 7.18022 10.0973L7.18022 6.54866C7.18022 6.22201 7.44501 5.95722 7.77166 5.95722V5.95722Z"
33
+ width: 14.222,
34
+ height: 1.778,
35
+ x: 4.569,
36
+ y: 16.222,
37
+ rx: 0.889
44
38
  }), /*#__PURE__*/React.createElement("path", {
45
- d: "M10.1374 5.95722C10.464 5.95722 10.7288 6.22201 10.7288 6.54866L10.7288 10.0973C10.7288 10.4239 10.464 10.6887 10.1374 10.6887V10.6887C9.81076 10.6887 9.54597 10.4239 9.54597 10.0973L9.54597 6.54866C9.54597 6.22201 9.81076 5.95722 10.1374 5.95722V5.95722Z"
39
+ d: "M8.125 6.445c.49 0 .889.397.889.888v5.334a.889.889 0 0 1-1.778 0V7.333c0-.49.398-.888.889-.888Zm3.555 0c.491 0 .89.397.89.888v5.334a.889.889 0 0 1-1.779 0V7.333c0-.49.398-.888.89-.888Zm3.556 0c.49 0 .889.397.889.888v5.334a.889.889 0 0 1-1.778 0V7.333c0-.49.398-.888.889-.888Z"
46
40
  }));
47
41
  };
48
42
 
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
+ var _Dlp = _interopRequireDefault(require("./Dlp"));
9
+
8
10
  var _AccountAnalyticsLogo = _interopRequireDefault(require("./AccountAnalyticsLogo"));
9
11
 
10
12
  var _AddMember = _interopRequireDefault(require("./AddMember"));
@@ -61,8 +63,6 @@ var _Documentation = _interopRequireDefault(require("./Documentation"));
61
63
 
62
64
  var _Download = _interopRequireDefault(require("./Download"));
63
65
 
64
- var _DataLossPrevention = _interopRequireDefault(require("./DataLossPrevention"));
65
-
66
66
  var _Drive = _interopRequireDefault(require("./Drive"));
67
67
 
68
68
  var _Edgeworker = _interopRequireDefault(require("./Edgeworker"));
@@ -91,8 +91,6 @@ var _Folder = _interopRequireDefault(require("./Folder"));
91
91
 
92
92
  var _Forward = _interopRequireDefault(require("./Forward"));
93
93
 
94
- var _Funnel = _interopRequireDefault(require("./Funnel"));
95
-
96
94
  var _Gateway = _interopRequireDefault(require("./Gateway"));
97
95
 
98
96
  var _Gear = _interopRequireDefault(require("./Gear"));
@@ -201,8 +199,6 @@ var _Speech = _interopRequireDefault(require("./Speech"));
201
199
 
202
200
  var _Stream = _interopRequireDefault(require("./Stream"));
203
201
 
204
- var _Subtract = _interopRequireDefault(require("./Subtract"));
205
-
206
202
  var _Teams = _interopRequireDefault(require("./Teams"));
207
203
 
208
204
  var _Terraform = _interopRequireDefault(require("./Terraform"));
@@ -213,8 +209,6 @@ var _Twitter = _interopRequireDefault(require("./Twitter"));
213
209
 
214
210
  var _TwoWay = _interopRequireDefault(require("./TwoWay"));
215
211
 
216
- var _Turnstile = _interopRequireDefault(require("./Turnstile"));
217
-
218
212
  var _UnlockOutline = _interopRequireDefault(require("./UnlockOutline"));
219
213
 
220
214
  var _Upload = _interopRequireDefault(require("./Upload"));
@@ -256,6 +250,7 @@ var _ZerotrustCasbLogo = _interopRequireDefault(require("./ZerotrustCasbLogo"));
256
250
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
257
251
 
258
252
  var _default = {
253
+ dlp: _Dlp.default,
259
254
  'account-analytics-logo': _AccountAnalyticsLogo.default,
260
255
  'add-member': _AddMember.default,
261
256
  add: _Add.default,
@@ -284,7 +279,6 @@ var _default = {
284
279
  discord: _Discord.default,
285
280
  documentation: _Documentation.default,
286
281
  download: _Download.default,
287
- 'data-loss-prevention': _DataLossPrevention.default,
288
282
  drive: _Drive.default,
289
283
  edgeworker: _Edgeworker.default,
290
284
  edit: _Edit.default,
@@ -299,7 +293,6 @@ var _default = {
299
293
  flowchart: _Flowchart.default,
300
294
  folder: _Folder.default,
301
295
  forward: _Forward.default,
302
- funnel: _Funnel.default,
303
296
  gateway: _Gateway.default,
304
297
  gear: _Gear.default,
305
298
  'git-branch': _GitBranch.default,
@@ -354,13 +347,11 @@ var _default = {
354
347
  spectrum: _Spectrum.default,
355
348
  speech: _Speech.default,
356
349
  stream: _Stream.default,
357
- subtract: _Subtract.default,
358
350
  teams: _Teams.default,
359
351
  terraform: _Terraform.default,
360
352
  time: _Time.default,
361
353
  twitter: _Twitter.default,
362
354
  'two-way': _TwoWay.default,
363
- turnstile: _Turnstile.default,
364
355
  'unlock-outline': _UnlockOutline.default,
365
356
  upload: _Upload.default,
366
357
  'user-multi': _UserMulti.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": "10.1.0",
4
+ "version": "11.0.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "Frontend Team <frontend@cloudflare.com>",
@@ -9,7 +9,8 @@
9
9
  "publishConfig": {
10
10
  "access": "public",
11
11
  "main": "lib/index.js",
12
- "module": "es/index.js"
12
+ "module": "es/index.js",
13
+ "types": "./dist/index.d.ts"
13
14
  },
14
15
  "peerDependencies": {
15
16
  "@cloudflare/style-container": "^7.10.0",
@@ -31,5 +32,6 @@
31
32
  "test-coverage": "stratus test --coverage",
32
33
  "test-watch": "stratus test --watch",
33
34
  "update-icons": "svgr ../../../../../product-design/icons/icons-exports"
34
- }
35
+ },
36
+ "types": "./dist/index.d.ts"
35
37
  }
package/svgr.config.js CHANGED
@@ -30,34 +30,11 @@ function defaultIndexTemplate(filePaths) {
30
30
 
31
31
  indexString += '\n};';
32
32
 
33
- // Generate a static list of all icon types, for use in internal documentation
34
- let iconTypesString = `export default [\n`;
35
- iconTypesString += filePaths
36
- .map(filePath => {
37
- const basename = path.basename(filePath, path.extname(filePath));
38
- return ` '${camelCaseToDash(basename)}'`;
39
- })
40
- .join(',\n');
41
- iconTypesString += '\n];\n';
42
-
43
- fs.writeFileSync('./src/iconTypes.js', iconTypesString);
44
-
45
- // Hacky, but until we switch to using the built-in 'typescript' option in svgr, let's handle our typedefs here too
46
- let typeString = 'export type IconType =\n';
47
- typeString += filePaths
48
- .map(filePath => {
49
- const basename = path.basename(filePath, path.extname(filePath));
50
- return ` | '${camelCaseToDash(basename)}'`;
51
- })
52
- .join('\n');
53
- typeString += ';\n';
54
-
55
- fs.writeFileSync('./src/IconType.ts', typeString);
56
-
57
33
  return indexString;
58
34
  }
59
35
 
60
36
  module.exports = {
37
+ typescript: true,
61
38
  outDir: './src/reactsvgs',
62
39
  indexTemplate: defaultIndexTemplate,
63
40
  expandProps: 'start',
@@ -1 +0,0 @@
1
- export declare type IconType = 'account-analytics-logo' | 'add-member' | 'add' | 'api-security' | 'applications' | 'backward' | 'bolt' | 'byoip' | 'calendar' | 'carbon' | 'caret-double-left' | 'caret-double-right' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'chart' | 'clipboard' | 'cloudflare-access' | 'cloudflare-magic-wan' | 'cloudflare-security-application' | 'cloudflare-security-network' | 'cloudflare-zero-trust' | 'copy' | 'credit-card' | 'data-loss-prevention' | 'discord' | 'documentation' | 'download' | 'drive' | 'edgeworker' | 'edit' | 'email-forwarding' | 'exclamation-sign' | 'external-link' | 'eye' | 'facebook' | 'file' | 'filter' | 'firewall-rules' | 'flowchart' | 'folder' | 'forward' | 'funnel' | 'gateway' | 'gear' | 'git-branch' | 'github' | 'globe' | 'hamburger' | 'help' | 'image' | 'info-sign' | 'internet-browser' | 'key' | 'leaf' | 'left' | 'link' | 'linkedin' | 'list' | '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' | 'revert' | 'right' | 'script' | 'search' | 'shield' | 'spectrum' | 'speech' | 'stream' | 'subtract' | 'teams' | 'terraform' | 'time' | 'twitter' | 'two-way' | 'turnstile' | 'unlock-outline' | 'upload' | 'user-multi' | 'user-outline' | 'user' | 'version' | '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';
package/es/IconType.js DELETED
@@ -1 +0,0 @@
1
- export {};
package/es/iconTypes.js DELETED
@@ -1 +0,0 @@
1
- export default ['account-analytics-logo', 'add-member', 'add', 'api-security', 'applications', 'backward', 'bolt', 'byoip', 'calendar', 'carbon', 'caret-double-left', 'caret-double-right', 'caret-down', 'caret-left', 'caret-right', 'caret-up', 'chart', 'clipboard', 'cloudflare-access', 'cloudflare-magic-wan', 'cloudflare-security-application', 'cloudflare-security-network', 'cloudflare-zero-trust', 'copy', 'credit-card', 'data-loss-prevention', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'folder', 'forward', 'funnel', 'gateway', 'gear', 'git-branch', 'github', 'globe', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', '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', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'subtract', 'teams', 'terraform', 'time', 'twitter', 'two-way', 'turnstile', 'unlock-outline', 'upload', 'user-multi', 'user-outline', 'user', 'version', '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'];
@@ -1,15 +0,0 @@
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 SvgFunnel = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
6
- xmlns: "http://www.w3.org/2000/svg",
7
- viewBox: "0 0 16 16",
8
- "aria-hidden": !props['aria-label'],
9
- focusable: "false"
10
- }), /*#__PURE__*/React.createElement("path", {
11
- "fill-rule": "evenodd",
12
- d: "m1.774 3.72.37-.836h11.711l.371.836-4.649 5.135v3.26l-.214.411-2.155 1.5-.785-.41V8.855L1.773 3.72Zm1.498.164 4.021 4.443.13.335v3.997l1.154-.804V8.662l.13-.335 4.021-4.443H3.272Z"
13
- }));
14
-
15
- export default SvgFunnel;
@@ -1,14 +0,0 @@
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 SvgSubtract = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
6
- xmlns: "http://www.w3.org/2000/svg",
7
- viewBox: "0 0 40 4",
8
- "aria-hidden": !props['aria-label'],
9
- focusable: "false"
10
- }), /*#__PURE__*/React.createElement("path", {
11
- d: "M40 0H0V4H40V0Z"
12
- }));
13
-
14
- export default SvgSubtract;
@@ -1,19 +0,0 @@
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 SvgTurnstile = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
6
- xmlns: "http://www.w3.org/2000/svg",
7
- viewBox: "0 0 20 20",
8
- "aria-hidden": !props['aria-label'],
9
- focusable: "false",
10
- fill: "none"
11
- }), /*#__PURE__*/React.createElement("path", {
12
- d: "M10.2185 2.7165C8.35973 2.66085 6.55016 3.31899 5.16142 4.55577L5.62185 2.03315L4.42699 1.81539L3.61834 6.24341L8.04789 7.0518L8.26565 5.85695L5.99106 5.44186C7.08068 4.4863 8.47711 3.95362 9.92632 3.94072C11.3755 3.92783 12.7812 4.43557 13.8877 5.37159C14.9941 6.3076 15.7278 7.6097 15.9553 9.041C16.1828 10.4723 15.8889 11.9377 15.1272 13.1706C14.3654 14.4036 13.1864 15.3221 11.8046 15.7591C10.4228 16.1962 8.93003 16.1227 7.59784 15.552C6.26566 14.9813 5.18258 13.9514 4.54564 12.6496C3.9087 11.3478 3.76022 9.86062 4.12721 8.45859L2.95175 8.15029C2.56804 9.61236 2.64852 11.1576 3.18204 12.5719C3.71556 13.9862 4.67571 15.1996 5.92948 16.0439C7.18325 16.8883 8.66857 17.3218 10.1797 17.2845C11.6908 17.2472 13.1529 16.7409 14.3635 15.8357C15.5741 14.9305 16.4732 13.6712 16.9363 12.2323C17.3993 10.7934 17.4034 9.24606 16.9481 7.80471C16.4927 6.36335 15.6003 5.09929 14.3946 4.18764C13.1888 3.27599 11.7294 2.76187 10.2185 2.7165Z"
13
- }), /*#__PURE__*/React.createElement("path", {
14
- d: "M6.73389 10.4749L8.97852 12.7196L13.8419 7.8562",
15
- stroke: "currentColor",
16
- fill: "none"
17
- }));
18
-
19
- export default SvgTurnstile;
package/index.d.ts DELETED
@@ -1,25 +0,0 @@
1
- import * as React from 'react';
2
- import { TfelaMProps } from '@cloudflare/types';
3
-
4
- import { IconType } from './src/IconType';
5
-
6
- export interface IIconProps {
7
- type: IconType;
8
- label?: string | false;
9
- ariaLabel?: string;
10
- testId?: string;
11
- size?: number;
12
- border?: boolean;
13
- spin?: boolean;
14
- muted?: boolean;
15
- white?: boolean;
16
- role?: string;
17
- color?: string;
18
- className?: string;
19
- flexShrink?: React.CSSProperties['flexShrink'];
20
- extend?: React.CSSProperties;
21
- }
22
-
23
- export class Icon extends React.Component<IIconProps & TfelaMProps> {}
24
-
25
- export { IconType };
package/lib/IconType.js DELETED
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
package/lib/iconTypes.js DELETED
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _default = ['account-analytics-logo', 'add-member', 'add', 'api-security', 'applications', 'backward', 'bolt', 'byoip', 'calendar', 'carbon', 'caret-double-left', 'caret-double-right', 'caret-down', 'caret-left', 'caret-right', 'caret-up', 'chart', 'clipboard', 'cloudflare-access', 'cloudflare-magic-wan', 'cloudflare-security-application', 'cloudflare-security-network', 'cloudflare-zero-trust', 'copy', 'credit-card', 'data-loss-prevention', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'folder', 'forward', 'funnel', 'gateway', 'gear', 'git-branch', 'github', 'globe', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', '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', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'subtract', 'teams', 'terraform', 'time', 'twitter', 'two-way', 'turnstile', 'unlock-outline', 'upload', 'user-multi', 'user-outline', 'user', 'version', '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'];
8
- exports.default = _default;
@@ -1,31 +0,0 @@
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 SvgFunnel = function SvgFunnel(props) {
19
- return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
- xmlns: "http://www.w3.org/2000/svg",
21
- viewBox: "0 0 16 16",
22
- "aria-hidden": !props['aria-label'],
23
- focusable: "false"
24
- }), /*#__PURE__*/React.createElement("path", {
25
- "fill-rule": "evenodd",
26
- d: "m1.774 3.72.37-.836h11.711l.371.836-4.649 5.135v3.26l-.214.411-2.155 1.5-.785-.41V8.855L1.773 3.72Zm1.498.164 4.021 4.443.13.335v3.997l1.154-.804V8.662l.13-.335 4.021-4.443H3.272Z"
27
- }));
28
- };
29
-
30
- var _default = SvgFunnel;
31
- exports.default = _default;
@@ -1,30 +0,0 @@
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 SvgSubtract = function SvgSubtract(props) {
19
- return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
- xmlns: "http://www.w3.org/2000/svg",
21
- viewBox: "0 0 40 4",
22
- "aria-hidden": !props['aria-label'],
23
- focusable: "false"
24
- }), /*#__PURE__*/React.createElement("path", {
25
- d: "M40 0H0V4H40V0Z"
26
- }));
27
- };
28
-
29
- var _default = SvgSubtract;
30
- exports.default = _default;
@@ -1,35 +0,0 @@
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 SvgTurnstile = function SvgTurnstile(props) {
19
- return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
- xmlns: "http://www.w3.org/2000/svg",
21
- viewBox: "0 0 20 20",
22
- "aria-hidden": !props['aria-label'],
23
- focusable: "false",
24
- fill: "none"
25
- }), /*#__PURE__*/React.createElement("path", {
26
- d: "M10.2185 2.7165C8.35973 2.66085 6.55016 3.31899 5.16142 4.55577L5.62185 2.03315L4.42699 1.81539L3.61834 6.24341L8.04789 7.0518L8.26565 5.85695L5.99106 5.44186C7.08068 4.4863 8.47711 3.95362 9.92632 3.94072C11.3755 3.92783 12.7812 4.43557 13.8877 5.37159C14.9941 6.3076 15.7278 7.6097 15.9553 9.041C16.1828 10.4723 15.8889 11.9377 15.1272 13.1706C14.3654 14.4036 13.1864 15.3221 11.8046 15.7591C10.4228 16.1962 8.93003 16.1227 7.59784 15.552C6.26566 14.9813 5.18258 13.9514 4.54564 12.6496C3.9087 11.3478 3.76022 9.86062 4.12721 8.45859L2.95175 8.15029C2.56804 9.61236 2.64852 11.1576 3.18204 12.5719C3.71556 13.9862 4.67571 15.1996 5.92948 16.0439C7.18325 16.8883 8.66857 17.3218 10.1797 17.2845C11.6908 17.2472 13.1529 16.7409 14.3635 15.8357C15.5741 14.9305 16.4732 13.6712 16.9363 12.2323C17.3993 10.7934 17.4034 9.24606 16.9481 7.80471C16.4927 6.36335 15.6003 5.09929 14.3946 4.18764C13.1888 3.27599 11.7294 2.76187 10.2185 2.7165Z"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- d: "M6.73389 10.4749L8.97852 12.7196L13.8419 7.8562",
29
- stroke: "currentColor",
30
- fill: "none"
31
- }));
32
- };
33
-
34
- var _default = SvgTurnstile;
35
- exports.default = _default;