@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
@@ -1,3 +1,4 @@
1
+ import Dlp from './Dlp';
1
2
  import AccountAnalyticsLogo from './AccountAnalyticsLogo';
2
3
  import AddMember from './AddMember';
3
4
  import Add from './Add';
@@ -40,7 +41,6 @@ import FirewallRules from './FirewallRules';
40
41
  import Flowchart from './Flowchart';
41
42
  import Folder from './Folder';
42
43
  import Forward from './Forward';
43
- import Funnel from './Funnel';
44
44
  import Gateway from './Gateway';
45
45
  import Gear from './Gear';
46
46
  import GitBranch from './GitBranch';
@@ -95,13 +95,11 @@ import Shield from './Shield';
95
95
  import Spectrum from './Spectrum';
96
96
  import Speech from './Speech';
97
97
  import Stream from './Stream';
98
- import Subtract from './Subtract';
99
98
  import Teams from './Teams';
100
99
  import Terraform from './Terraform';
101
100
  import Time from './Time';
102
101
  import Twitter from './Twitter';
103
102
  import TwoWay from './TwoWay';
104
- import Turnstile from './Turnstile';
105
103
  import UnlockOutline from './UnlockOutline';
106
104
  import Upload from './Upload';
107
105
  import UserMulti from './UserMulti';
@@ -122,6 +120,7 @@ import Youtube from './Youtube';
122
120
  import Zaraz from './Zaraz';
123
121
  import ZerotrustCasbLogo from './ZerotrustCasbLogo';
124
122
  export default {
123
+ dlp: Dlp,
125
124
  'account-analytics-logo': AccountAnalyticsLogo,
126
125
  'add-member': AddMember,
127
126
  add: Add,
@@ -164,7 +163,6 @@ export default {
164
163
  flowchart: Flowchart,
165
164
  folder: Folder,
166
165
  forward: Forward,
167
- funnel: Funnel,
168
166
  gateway: Gateway,
169
167
  gear: Gear,
170
168
  'git-branch': GitBranch,
@@ -219,13 +217,11 @@ export default {
219
217
  spectrum: Spectrum,
220
218
  speech: Speech,
221
219
  stream: Stream,
222
- subtract: Subtract,
223
220
  teams: Teams,
224
221
  terraform: Terraform,
225
222
  time: Time,
226
223
  twitter: Twitter,
227
224
  'two-way': TwoWay,
228
- turnstile: Turnstile,
229
225
  'unlock-outline': UnlockOutline,
230
226
  upload: Upload,
231
227
  'user-multi': UserMulti,
@@ -15,17 +15,17 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
15
15
 
16
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
17
 
18
- var SvgFunnel = function SvgFunnel(props) {
18
+ var SvgDlp = function SvgDlp(props) {
19
19
  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
20
20
  xmlns: "http://www.w3.org/2000/svg",
21
21
  viewBox: "0 0 16 16",
22
22
  "aria-hidden": !props['aria-label'],
23
23
  focusable: "false"
24
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"
25
+ fillRule: "evenodd",
26
+ d: "m1.5 1.75.5-.5h9.982l.5.5v3.014a2.982 2.982 0 0 0-1-.255V2.25H2.5v10.495h4v1H2l-.5-.5V1.75Zm8.968 2.745H3.49v-1h6.978v1ZM3.49 6.512h3.948v-1H3.49v1Zm3.948 1.983H3.49v-1h3.948v1Zm3.995 4.85v-1.17a.813.813 0 0 0 .363-.875.811.811 0 0 0-.796-.626.818.818 0 0 0-.796.626.808.808 0 0 0 .363.875v1.17h.866Zm2.76-4.129.432.429v4.801l-.431.429H7.806l-.431-.429V9.645l.431-.429h.78v-1.44c0-.637.255-1.248.708-1.698a2.42 2.42 0 0 1 3.412 0c.453.45.708 1.061.708 1.698v1.44h.78ZM9.977 6.759c-.271.27-.424.636-.424 1.017v1.44h2.896v-1.44c0-.381-.152-.747-.424-1.017a1.452 1.452 0 0 0-2.048 0Zm-1.635 7.154v-3.735h5.318v3.735H8.341Z"
27
27
  }));
28
28
  };
29
29
 
30
- var _default = SvgFunnel;
30
+ var _default = SvgDlp;
31
31
  exports.default = _default;
@@ -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"));
@@ -89,8 +91,6 @@ var _Folder = _interopRequireDefault(require("./Folder"));
89
91
 
90
92
  var _Forward = _interopRequireDefault(require("./Forward"));
91
93
 
92
- var _Funnel = _interopRequireDefault(require("./Funnel"));
93
-
94
94
  var _Gateway = _interopRequireDefault(require("./Gateway"));
95
95
 
96
96
  var _Gear = _interopRequireDefault(require("./Gear"));
@@ -199,8 +199,6 @@ var _Speech = _interopRequireDefault(require("./Speech"));
199
199
 
200
200
  var _Stream = _interopRequireDefault(require("./Stream"));
201
201
 
202
- var _Subtract = _interopRequireDefault(require("./Subtract"));
203
-
204
202
  var _Teams = _interopRequireDefault(require("./Teams"));
205
203
 
206
204
  var _Terraform = _interopRequireDefault(require("./Terraform"));
@@ -211,8 +209,6 @@ var _Twitter = _interopRequireDefault(require("./Twitter"));
211
209
 
212
210
  var _TwoWay = _interopRequireDefault(require("./TwoWay"));
213
211
 
214
- var _Turnstile = _interopRequireDefault(require("./Turnstile"));
215
-
216
212
  var _UnlockOutline = _interopRequireDefault(require("./UnlockOutline"));
217
213
 
218
214
  var _Upload = _interopRequireDefault(require("./Upload"));
@@ -254,6 +250,7 @@ var _ZerotrustCasbLogo = _interopRequireDefault(require("./ZerotrustCasbLogo"));
254
250
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
255
251
 
256
252
  var _default = {
253
+ dlp: _Dlp.default,
257
254
  'account-analytics-logo': _AccountAnalyticsLogo.default,
258
255
  'add-member': _AddMember.default,
259
256
  add: _Add.default,
@@ -296,7 +293,6 @@ var _default = {
296
293
  flowchart: _Flowchart.default,
297
294
  folder: _Folder.default,
298
295
  forward: _Forward.default,
299
- funnel: _Funnel.default,
300
296
  gateway: _Gateway.default,
301
297
  gear: _Gear.default,
302
298
  'git-branch': _GitBranch.default,
@@ -351,13 +347,11 @@ var _default = {
351
347
  spectrum: _Spectrum.default,
352
348
  speech: _Speech.default,
353
349
  stream: _Stream.default,
354
- subtract: _Subtract.default,
355
350
  teams: _Teams.default,
356
351
  terraform: _Terraform.default,
357
352
  time: _Time.default,
358
353
  twitter: _Twitter.default,
359
354
  'two-way': _TwoWay.default,
360
- turnstile: _Turnstile.default,
361
355
  'unlock-outline': _UnlockOutline.default,
362
356
  upload: _Upload.default,
363
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.0.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' | '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', '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', '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,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;