@spectrum-icons/express 4.0.4-nightly.3566

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 (425) hide show
  1. package/Add.d.ts +4 -0
  2. package/Add.d.ts.map +1 -0
  3. package/Add.js +22 -0
  4. package/AddCircle.d.ts +4 -0
  5. package/AddCircle.d.ts.map +1 -0
  6. package/AddCircle.js +24 -0
  7. package/Alert.d.ts +4 -0
  8. package/Alert.d.ts.map +1 -0
  9. package/Alert.js +22 -0
  10. package/AlignBottom.d.ts +4 -0
  11. package/AlignBottom.d.ts.map +1 -0
  12. package/AlignBottom.js +22 -0
  13. package/AlignCenter.d.ts +4 -0
  14. package/AlignCenter.d.ts.map +1 -0
  15. package/AlignCenter.js +22 -0
  16. package/AlignLeft.d.ts +4 -0
  17. package/AlignLeft.d.ts.map +1 -0
  18. package/AlignLeft.js +22 -0
  19. package/AlignMiddle.d.ts +4 -0
  20. package/AlignMiddle.d.ts.map +1 -0
  21. package/AlignMiddle.js +22 -0
  22. package/AlignRight.d.ts +4 -0
  23. package/AlignRight.d.ts.map +1 -0
  24. package/AlignRight.js +22 -0
  25. package/AlignTop.d.ts +4 -0
  26. package/AlignTop.d.ts.map +1 -0
  27. package/AlignTop.js +22 -0
  28. package/ArrowDown.d.ts +4 -0
  29. package/ArrowDown.d.ts.map +1 -0
  30. package/ArrowDown.js +22 -0
  31. package/ArrowLeft.d.ts +4 -0
  32. package/ArrowLeft.d.ts.map +1 -0
  33. package/ArrowLeft.js +22 -0
  34. package/ArrowRight.d.ts +4 -0
  35. package/ArrowRight.d.ts.map +1 -0
  36. package/ArrowRight.js +22 -0
  37. package/ArrowUp.d.ts +4 -0
  38. package/ArrowUp.d.ts.map +1 -0
  39. package/ArrowUp.js +22 -0
  40. package/Asset.d.ts +4 -0
  41. package/Asset.d.ts.map +1 -0
  42. package/Asset.js +30 -0
  43. package/Bell.d.ts +4 -0
  44. package/Bell.d.ts.map +1 -0
  45. package/Bell.js +22 -0
  46. package/Blur.d.ts +4 -0
  47. package/Blur.d.ts.map +1 -0
  48. package/Blur.js +22 -0
  49. package/Bookmark.d.ts +4 -0
  50. package/Bookmark.d.ts.map +1 -0
  51. package/Bookmark.js +22 -0
  52. package/Border.d.ts +4 -0
  53. package/Border.d.ts.map +1 -0
  54. package/Border.js +22 -0
  55. package/Brush.d.ts +4 -0
  56. package/Brush.d.ts.map +1 -0
  57. package/Brush.js +22 -0
  58. package/Bug.d.ts +4 -0
  59. package/Bug.d.ts.map +1 -0
  60. package/Bug.js +22 -0
  61. package/Button.d.ts +4 -0
  62. package/Button.d.ts.map +1 -0
  63. package/Button.js +22 -0
  64. package/Calendar.d.ts +4 -0
  65. package/Calendar.d.ts.map +1 -0
  66. package/Calendar.js +52 -0
  67. package/Camera.d.ts +4 -0
  68. package/Camera.d.ts.map +1 -0
  69. package/Camera.js +24 -0
  70. package/Cancel.d.ts +4 -0
  71. package/Cancel.d.ts.map +1 -0
  72. package/Cancel.js +22 -0
  73. package/Checkmark.d.ts +4 -0
  74. package/Checkmark.d.ts.map +1 -0
  75. package/Checkmark.js +22 -0
  76. package/CheckmarkCircle.d.ts +4 -0
  77. package/CheckmarkCircle.d.ts.map +1 -0
  78. package/CheckmarkCircle.js +22 -0
  79. package/ChevronDown.d.ts +4 -0
  80. package/ChevronDown.d.ts.map +1 -0
  81. package/ChevronDown.js +22 -0
  82. package/ChevronLeft.d.ts +4 -0
  83. package/ChevronLeft.d.ts.map +1 -0
  84. package/ChevronLeft.js +22 -0
  85. package/ChevronRight.d.ts +4 -0
  86. package/ChevronRight.d.ts.map +1 -0
  87. package/ChevronRight.js +22 -0
  88. package/ChevronUp.d.ts +4 -0
  89. package/ChevronUp.d.ts.map +1 -0
  90. package/ChevronUp.js +22 -0
  91. package/Clock.d.ts +4 -0
  92. package/Clock.d.ts.map +1 -0
  93. package/Clock.js +24 -0
  94. package/Close.d.ts +4 -0
  95. package/Close.d.ts.map +1 -0
  96. package/Close.js +22 -0
  97. package/CloseCircle.d.ts +4 -0
  98. package/CloseCircle.d.ts.map +1 -0
  99. package/CloseCircle.js +22 -0
  100. package/Cloud.d.ts +4 -0
  101. package/Cloud.d.ts.map +1 -0
  102. package/Cloud.js +22 -0
  103. package/ColorFill.d.ts +4 -0
  104. package/ColorFill.d.ts.map +1 -0
  105. package/ColorFill.js +22 -0
  106. package/ColorPalette.d.ts +4 -0
  107. package/ColorPalette.d.ts.map +1 -0
  108. package/ColorPalette.js +38 -0
  109. package/Copy.d.ts +4 -0
  110. package/Copy.d.ts.map +1 -0
  111. package/Copy.js +22 -0
  112. package/Crop.d.ts +4 -0
  113. package/Crop.d.ts.map +1 -0
  114. package/Crop.js +24 -0
  115. package/Delete.d.ts +4 -0
  116. package/Delete.d.ts.map +1 -0
  117. package/Delete.js +24 -0
  118. package/DeviceDesktop.d.ts +4 -0
  119. package/DeviceDesktop.d.ts.map +1 -0
  120. package/DeviceDesktop.js +22 -0
  121. package/DeviceLaptop.d.ts +4 -0
  122. package/DeviceLaptop.d.ts.map +1 -0
  123. package/DeviceLaptop.js +22 -0
  124. package/DevicePhone.d.ts +4 -0
  125. package/DevicePhone.d.ts.map +1 -0
  126. package/DevicePhone.js +26 -0
  127. package/DeviceTablet.d.ts +4 -0
  128. package/DeviceTablet.d.ts.map +1 -0
  129. package/DeviceTablet.js +26 -0
  130. package/Discover.d.ts +4 -0
  131. package/Discover.d.ts.map +1 -0
  132. package/Discover.js +24 -0
  133. package/Document.d.ts +4 -0
  134. package/Document.d.ts.map +1 -0
  135. package/Document.js +22 -0
  136. package/Download.d.ts +4 -0
  137. package/Download.d.ts.map +1 -0
  138. package/Download.js +24 -0
  139. package/Edit.d.ts +4 -0
  140. package/Edit.d.ts.map +1 -0
  141. package/Edit.js +22 -0
  142. package/Email.d.ts +4 -0
  143. package/Email.d.ts.map +1 -0
  144. package/Email.js +22 -0
  145. package/Erase.d.ts +4 -0
  146. package/Erase.d.ts.map +1 -0
  147. package/Erase.js +22 -0
  148. package/Filter.d.ts +4 -0
  149. package/Filter.d.ts.map +1 -0
  150. package/Filter.js +22 -0
  151. package/Flag.d.ts +4 -0
  152. package/Flag.d.ts.map +1 -0
  153. package/Flag.js +22 -0
  154. package/FlipHorizontal.d.ts +4 -0
  155. package/FlipHorizontal.d.ts.map +1 -0
  156. package/FlipHorizontal.js +36 -0
  157. package/FlipVertical.d.ts +4 -0
  158. package/FlipVertical.d.ts.map +1 -0
  159. package/FlipVertical.js +36 -0
  160. package/Folder.d.ts +4 -0
  161. package/Folder.d.ts.map +1 -0
  162. package/Folder.js +22 -0
  163. package/FolderAdd.d.ts +4 -0
  164. package/FolderAdd.d.ts.map +1 -0
  165. package/FolderAdd.js +24 -0
  166. package/FolderBreadcrumb.d.ts +4 -0
  167. package/FolderBreadcrumb.d.ts.map +1 -0
  168. package/FolderBreadcrumb.js +22 -0
  169. package/FolderSearch.d.ts +4 -0
  170. package/FolderSearch.d.ts.map +1 -0
  171. package/FolderSearch.js +24 -0
  172. package/Fullscreen.d.ts +4 -0
  173. package/Fullscreen.d.ts.map +1 -0
  174. package/Fullscreen.js +27 -0
  175. package/FullscreenExit.d.ts +4 -0
  176. package/FullscreenExit.d.ts.map +1 -0
  177. package/FullscreenExit.js +27 -0
  178. package/GlobeGrid.d.ts +4 -0
  179. package/GlobeGrid.d.ts.map +1 -0
  180. package/GlobeGrid.js +22 -0
  181. package/Group.d.ts +4 -0
  182. package/Group.d.ts.map +1 -0
  183. package/Group.js +37 -0
  184. package/Heart.d.ts +4 -0
  185. package/Heart.d.ts.map +1 -0
  186. package/Heart.js +22 -0
  187. package/Help.d.ts +4 -0
  188. package/Help.d.ts.map +1 -0
  189. package/Help.js +24 -0
  190. package/Home.d.ts +4 -0
  191. package/Home.d.ts.map +1 -0
  192. package/Home.js +22 -0
  193. package/Image.d.ts +4 -0
  194. package/Image.d.ts.map +1 -0
  195. package/Image.js +26 -0
  196. package/ImageAdd.d.ts +4 -0
  197. package/ImageAdd.d.ts.map +1 -0
  198. package/ImageAdd.js +28 -0
  199. package/Info.d.ts +4 -0
  200. package/Info.d.ts.map +1 -0
  201. package/Info.js +28 -0
  202. package/Invite.d.ts +4 -0
  203. package/Invite.d.ts.map +1 -0
  204. package/Invite.js +24 -0
  205. package/LICENSE +201 -0
  206. package/Landscape.d.ts +4 -0
  207. package/Landscape.d.ts.map +1 -0
  208. package/Landscape.js +24 -0
  209. package/Layers.d.ts +4 -0
  210. package/Layers.d.ts.map +1 -0
  211. package/Layers.js +24 -0
  212. package/LayersBackward.d.ts +4 -0
  213. package/LayersBackward.d.ts.map +1 -0
  214. package/LayersBackward.js +26 -0
  215. package/LayersBringToFront.d.ts +4 -0
  216. package/LayersBringToFront.d.ts.map +1 -0
  217. package/LayersBringToFront.js +26 -0
  218. package/LayersForward.d.ts +4 -0
  219. package/LayersForward.d.ts.map +1 -0
  220. package/LayersForward.js +26 -0
  221. package/LayersSendToBack.d.ts +4 -0
  222. package/LayersSendToBack.d.ts.map +1 -0
  223. package/LayersSendToBack.js +26 -0
  224. package/Link.d.ts +4 -0
  225. package/Link.d.ts.map +1 -0
  226. package/Link.js +24 -0
  227. package/LockClosed.d.ts +4 -0
  228. package/LockClosed.d.ts.map +1 -0
  229. package/LockClosed.js +24 -0
  230. package/LockOpen.d.ts +4 -0
  231. package/LockOpen.d.ts.map +1 -0
  232. package/LockOpen.js +24 -0
  233. package/Looks.d.ts +4 -0
  234. package/Looks.d.ts.map +1 -0
  235. package/Looks.js +22 -0
  236. package/MagicWand.d.ts +4 -0
  237. package/MagicWand.d.ts.map +1 -0
  238. package/MagicWand.js +22 -0
  239. package/Maximize.d.ts +4 -0
  240. package/Maximize.d.ts.map +1 -0
  241. package/Maximize.js +22 -0
  242. package/More.d.ts +4 -0
  243. package/More.d.ts.map +1 -0
  244. package/More.js +32 -0
  245. package/Move.d.ts +4 -0
  246. package/Move.d.ts.map +1 -0
  247. package/Move.js +22 -0
  248. package/MoveLeftRight.d.ts +4 -0
  249. package/MoveLeftRight.d.ts.map +1 -0
  250. package/MoveLeftRight.js +22 -0
  251. package/MoveTo.d.ts +4 -0
  252. package/MoveTo.d.ts.map +1 -0
  253. package/MoveTo.js +24 -0
  254. package/MoveUpDown.d.ts +4 -0
  255. package/MoveUpDown.d.ts.map +1 -0
  256. package/MoveUpDown.js +22 -0
  257. package/NoEdit.d.ts +4 -0
  258. package/NoEdit.d.ts.map +1 -0
  259. package/NoEdit.js +22 -0
  260. package/Pause.d.ts +4 -0
  261. package/Pause.d.ts.map +1 -0
  262. package/Pause.js +22 -0
  263. package/Play.d.ts +4 -0
  264. package/Play.d.ts.map +1 -0
  265. package/Play.js +22 -0
  266. package/Portrait.d.ts +4 -0
  267. package/Portrait.d.ts.map +1 -0
  268. package/Portrait.js +24 -0
  269. package/Preset.d.ts +4 -0
  270. package/Preset.d.ts.map +1 -0
  271. package/Preset.js +24 -0
  272. package/Print.d.ts +4 -0
  273. package/Print.d.ts.map +1 -0
  274. package/Print.js +26 -0
  275. package/Promote.d.ts +4 -0
  276. package/Promote.d.ts.map +1 -0
  277. package/Promote.js +22 -0
  278. package/Properties.d.ts +4 -0
  279. package/Properties.d.ts.map +1 -0
  280. package/Properties.js +22 -0
  281. package/Redo.d.ts +4 -0
  282. package/Redo.d.ts.map +1 -0
  283. package/Redo.js +22 -0
  284. package/Refresh.d.ts +4 -0
  285. package/Refresh.d.ts.map +1 -0
  286. package/Refresh.js +22 -0
  287. package/Rename.d.ts +4 -0
  288. package/Rename.d.ts.map +1 -0
  289. package/Rename.js +22 -0
  290. package/Resize.d.ts +4 -0
  291. package/Resize.d.ts.map +1 -0
  292. package/Resize.js +32 -0
  293. package/Revert.d.ts +4 -0
  294. package/Revert.d.ts.map +1 -0
  295. package/Revert.js +22 -0
  296. package/RotateCCW.d.ts +4 -0
  297. package/RotateCCW.d.ts.map +1 -0
  298. package/RotateCCW.js +22 -0
  299. package/Sampler.d.ts +4 -0
  300. package/Sampler.d.ts.map +1 -0
  301. package/Sampler.js +22 -0
  302. package/Search.d.ts +4 -0
  303. package/Search.d.ts.map +1 -0
  304. package/Search.js +22 -0
  305. package/Send.d.ts +4 -0
  306. package/Send.d.ts.map +1 -0
  307. package/Send.js +22 -0
  308. package/SentimentPositive.d.ts +4 -0
  309. package/SentimentPositive.d.ts.map +1 -0
  310. package/SentimentPositive.js +22 -0
  311. package/Settings.d.ts +4 -0
  312. package/Settings.d.ts.map +1 -0
  313. package/Settings.js +24 -0
  314. package/Shapes.d.ts +4 -0
  315. package/Shapes.d.ts.map +1 -0
  316. package/Shapes.js +22 -0
  317. package/Share.d.ts +4 -0
  318. package/Share.d.ts.map +1 -0
  319. package/Share.js +24 -0
  320. package/Sharpen.d.ts +4 -0
  321. package/Sharpen.d.ts.map +1 -0
  322. package/Sharpen.js +22 -0
  323. package/ShoppingCart.d.ts +4 -0
  324. package/ShoppingCart.d.ts.map +1 -0
  325. package/ShoppingCart.js +22 -0
  326. package/ShowMenu.d.ts +4 -0
  327. package/ShowMenu.d.ts.map +1 -0
  328. package/ShowMenu.js +22 -0
  329. package/Shuffle.d.ts +4 -0
  330. package/Shuffle.d.ts.map +1 -0
  331. package/Shuffle.js +24 -0
  332. package/SortOrderDown.d.ts +4 -0
  333. package/SortOrderDown.d.ts.map +1 -0
  334. package/SortOrderDown.js +22 -0
  335. package/SortOrderUp.d.ts +4 -0
  336. package/SortOrderUp.d.ts.map +1 -0
  337. package/SortOrderUp.js +22 -0
  338. package/Star.d.ts +4 -0
  339. package/Star.d.ts.map +1 -0
  340. package/Star.js +22 -0
  341. package/StrokeWidth.d.ts +4 -0
  342. package/StrokeWidth.d.ts.map +1 -0
  343. package/StrokeWidth.js +22 -0
  344. package/Text.d.ts +4 -0
  345. package/Text.d.ts.map +1 -0
  346. package/Text.js +22 -0
  347. package/TextAlignCenter.d.ts +4 -0
  348. package/TextAlignCenter.d.ts.map +1 -0
  349. package/TextAlignCenter.js +22 -0
  350. package/TextAlignJustify.d.ts +4 -0
  351. package/TextAlignJustify.d.ts.map +1 -0
  352. package/TextAlignJustify.js +22 -0
  353. package/TextAlignLeft.d.ts +4 -0
  354. package/TextAlignLeft.d.ts.map +1 -0
  355. package/TextAlignLeft.js +22 -0
  356. package/TextAlignRight.d.ts +4 -0
  357. package/TextAlignRight.d.ts.map +1 -0
  358. package/TextAlignRight.js +22 -0
  359. package/TextBold.d.ts +4 -0
  360. package/TextBold.d.ts.map +1 -0
  361. package/TextBold.js +22 -0
  362. package/TextBulleted.d.ts +4 -0
  363. package/TextBulleted.d.ts.map +1 -0
  364. package/TextBulleted.js +36 -0
  365. package/TextItalic.d.ts +4 -0
  366. package/TextItalic.d.ts.map +1 -0
  367. package/TextItalic.js +22 -0
  368. package/TextNumbered.d.ts +4 -0
  369. package/TextNumbered.d.ts.map +1 -0
  370. package/TextNumbered.js +22 -0
  371. package/TextStroke.d.ts +4 -0
  372. package/TextStroke.d.ts.map +1 -0
  373. package/TextStroke.js +22 -0
  374. package/TextTracking.d.ts +4 -0
  375. package/TextTracking.d.ts.map +1 -0
  376. package/TextTracking.js +22 -0
  377. package/Transparency.d.ts +4 -0
  378. package/Transparency.d.ts.map +1 -0
  379. package/Transparency.js +24 -0
  380. package/Undo.d.ts +4 -0
  381. package/Undo.d.ts.map +1 -0
  382. package/Undo.js +22 -0
  383. package/Ungroup.d.ts +4 -0
  384. package/Ungroup.d.ts.map +1 -0
  385. package/Ungroup.js +29 -0
  386. package/Unlink.d.ts +4 -0
  387. package/Unlink.d.ts.map +1 -0
  388. package/Unlink.js +22 -0
  389. package/User.d.ts +4 -0
  390. package/User.d.ts.map +1 -0
  391. package/User.js +22 -0
  392. package/UserAdd.d.ts +4 -0
  393. package/UserAdd.d.ts.map +1 -0
  394. package/UserAdd.js +22 -0
  395. package/UserGroup.d.ts +4 -0
  396. package/UserGroup.d.ts.map +1 -0
  397. package/UserGroup.js +22 -0
  398. package/Video.d.ts +4 -0
  399. package/Video.d.ts.map +1 -0
  400. package/Video.js +24 -0
  401. package/Visibility.d.ts +4 -0
  402. package/Visibility.d.ts.map +1 -0
  403. package/Visibility.js +24 -0
  404. package/VisibilityOff.d.ts +4 -0
  405. package/VisibilityOff.d.ts.map +1 -0
  406. package/VisibilityOff.js +24 -0
  407. package/VolumeMute.d.ts +4 -0
  408. package/VolumeMute.d.ts.map +1 -0
  409. package/VolumeMute.js +22 -0
  410. package/VolumeOne.d.ts +4 -0
  411. package/VolumeOne.d.ts.map +1 -0
  412. package/VolumeOne.js +22 -0
  413. package/VolumeTwo.d.ts +4 -0
  414. package/VolumeTwo.d.ts.map +1 -0
  415. package/VolumeTwo.js +22 -0
  416. package/ZoomIn.d.ts +4 -0
  417. package/ZoomIn.d.ts.map +1 -0
  418. package/ZoomIn.js +24 -0
  419. package/ZoomOut.d.ts +4 -0
  420. package/ZoomOut.d.ts.map +1 -0
  421. package/ZoomOut.js +24 -0
  422. package/chromatic/IconsExpress.chromatic.tsx +46 -0
  423. package/package.json +32 -0
  424. package/stories/IconsExpress.stories.tsx +52 -0
  425. package/tsconfig.types.json +18 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Visibility.d.ts","sourceRoot":"","sources":["src/Visibility.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAKpE,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,wBAAwB,eAEjE"}
package/Visibility.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.default = Visibility;
7
+
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+
10
+ var _icon = require("@react-spectrum/icon");
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ const IconComponent = props => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
15
+ viewBox: "0 0 18 18"
16
+ }, props), /*#__PURE__*/_react.default.createElement("path", {
17
+ d: "M8.974 2C4.066 2 0 6.99 0 9.055 0 11.475 4.27 16 8.974 16 13.578 16 18 11.495 18 9.005 18 6.584 13.616 2 8.974 2ZM16 9.005C16 9.824 13.047 14 8.976 14 4.924 14 2 9.87 2 9.055 2 8.267 5.044 4 8.976 4 13.007 4 16 8.187 16 9.005Z"
18
+ }), /*#__PURE__*/_react.default.createElement("path", {
19
+ d: "M9 6C7.346 6 6 7.346 6 9s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3Zm0 4a1 1 0 1 1 .001-2.001A1 1 0 0 1 9 10Z"
20
+ }));
21
+
22
+ function Visibility(props) {
23
+ return /*#__PURE__*/_react.default.createElement(_icon.Icon, props, /*#__PURE__*/_react.default.createElement(IconComponent, null));
24
+ }
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { IconPropsWithoutChildren } from '@react-spectrum/icon';
3
+ export default function VisibilityOff(props: IconPropsWithoutChildren): JSX.Element;
4
+ //# sourceMappingURL=VisibilityOff.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VisibilityOff.d.ts","sourceRoot":"","sources":["src/VisibilityOff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAKpE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,wBAAwB,eAEpE"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.default = VisibilityOff;
7
+
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+
10
+ var _icon = require("@react-spectrum/icon");
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ const IconComponent = props => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
15
+ viewBox: "0 0 18 18"
16
+ }, props), /*#__PURE__*/_react.default.createElement("path", {
17
+ d: "M7.547 4.158c.23 0 .617-.152 1.418-.152C12.955 4.006 16 8.26 16 9.055c0 .937-1.248 1.607-1.248 2.394 0 .421.33 1 1 1a.998.998 0 0 0 .77-.361c1.14-1.373 1.475-2.06 1.475-3.034 0-2.035-4.063-7.048-9.03-7.048-1.234 0-2.412.13-2.412 1.15 0 .514.414 1.002.993 1.002Z"
18
+ }), /*#__PURE__*/_react.default.createElement("path", {
19
+ d: "M18 17a.997.997 0 0 0-.293-.707l-6.002-6.001c.19-.393.304-.828.304-1.292 0-1.654-1.345-3-3-3-.464 0-.898.115-1.291.304L1.707.293A1 1 0 0 0 .293 1.707L3.016 4.43C2.33 5.021 0 7.174 0 9.006 0 11.414 4.296 16 9.024 16c1.818 0 3.176-.554 4.34-1.223l2.929 2.93A1 1 0 0 0 18 17Zm-8.91-3.011c-4.126 0-7.089-4.155-7.089-4.984 0-.862 1.775-2.605 2.434-3.156l1.872 1.872c-.186.39-.298.82-.298 1.279 0 1.654 1.346 3 3 3 .46 0 .89-.112 1.28-.297l1.606 1.606c-.869.422-1.74.68-2.804.68Z"
20
+ }));
21
+
22
+ function VisibilityOff(props) {
23
+ return /*#__PURE__*/_react.default.createElement(_icon.Icon, props, /*#__PURE__*/_react.default.createElement(IconComponent, null));
24
+ }
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { IconPropsWithoutChildren } from '@react-spectrum/icon';
3
+ export default function VolumeMute(props: IconPropsWithoutChildren): JSX.Element;
4
+ //# sourceMappingURL=VolumeMute.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VolumeMute.d.ts","sourceRoot":"","sources":["src/VolumeMute.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAKpE,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,wBAAwB,eAEjE"}
package/VolumeMute.js ADDED
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.default = VolumeMute;
7
+
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+
10
+ var _icon = require("@react-spectrum/icon");
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ const IconComponent = props => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
15
+ viewBox: "0 0 18 18"
16
+ }, props), /*#__PURE__*/_react.default.createElement("path", {
17
+ d: "M12 9a1 1 0 1 0 2 0c0-1.17-.54-2.229-1.445-2.832a1 1 0 1 0-1.11 1.664c.342.229.555.676.555 1.168Zm3.806-4.332a1 1 0 0 0-1.112 1.664C15.5 6.869 16 7.892 16 9c0 .844-.28 1.629-.788 2.21a1 1 0 0 0 1.506 1.316C17.545 11.581 18 10.328 18 9c0-1.768-.84-3.428-2.194-4.332ZM5.427 4.013 1.707.293A1 1 0 0 0 .293 1.707l2.331 2.331A2.994 2.994 0 0 0 0 7v4c0 1.654 1.346 3 3 3h.23c.326 0 .645.052.95.154l2.604 2.42c.41.383 1.06.422 1.216.422a2 2 0 0 0 2-2v-3.582l6.293 6.293a1 1 0 0 0 1.414-1.414L5.427 4.013ZM8 14.973l-2.604-2.42c-.3-.28-1.263-.553-2.167-.553H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h.23c.407 0 .804-.066 1.194-.162L8 9.414v5.559ZM7.233 3.745 8 3.036v1.881a1 1 0 1 0 2 0V3.014a1.998 1.998 0 0 0-3.07-1.69c-.051.032-.1.07-.144.11l-.91.842a1 1 0 0 0 1.357 1.47Z"
18
+ }));
19
+
20
+ function VolumeMute(props) {
21
+ return /*#__PURE__*/_react.default.createElement(_icon.Icon, props, /*#__PURE__*/_react.default.createElement(IconComponent, null));
22
+ }
package/VolumeOne.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { IconPropsWithoutChildren } from '@react-spectrum/icon';
3
+ export default function VolumeOne(props: IconPropsWithoutChildren): JSX.Element;
4
+ //# sourceMappingURL=VolumeOne.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VolumeOne.d.ts","sourceRoot":"","sources":["src/VolumeOne.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAKpE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,wBAAwB,eAEhE"}
package/VolumeOne.js ADDED
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.default = VolumeOne;
7
+
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+
10
+ var _icon = require("@react-spectrum/icon");
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ const IconComponent = props => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
15
+ viewBox: "0 0 18 18"
16
+ }, props), /*#__PURE__*/_react.default.createElement("path", {
17
+ d: "M12.555 6.168a1 1 0 1 0-1.11 1.664c.342.229.555.676.555 1.168s-.213.94-.555 1.168a1 1 0 1 0 1.11 1.664C13.46 11.229 14 10.17 14 9s-.54-2.229-1.445-2.832Zm-3.591-4.92a1.995 1.995 0 0 0-2.034.064c-.052.032-2.748 2.52-2.748 2.52C3.874 3.934 3 3.987 3 3.987c-1.654 0-3 1.347-3 3.002v4.004a3.005 3.005 0 0 0 3 3.003s.714.043 1.078.127c.069.016.125.05.177.098.438.406 2.627 2.44 2.675 2.468a1.996 1.996 0 0 0 2.034.064A2.002 2.002 0 0 0 10 14.999V3.002a2 2 0 0 0-1.036-1.754ZM8 15l-2.542-2.379-.434-.28a4.958 4.958 0 0 0-1.795-.334H3c-.55 0-1-.452-1-1.007V6.98c0-.553.45-1.005 1-1.005h.23a4.96 4.96 0 0 0 1.877-.368l.288-.187L8 3v12Z"
18
+ }));
19
+
20
+ function VolumeOne(props) {
21
+ return /*#__PURE__*/_react.default.createElement(_icon.Icon, props, /*#__PURE__*/_react.default.createElement(IconComponent, null));
22
+ }
package/VolumeTwo.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { IconPropsWithoutChildren } from '@react-spectrum/icon';
3
+ export default function VolumeTwo(props: IconPropsWithoutChildren): JSX.Element;
4
+ //# sourceMappingURL=VolumeTwo.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VolumeTwo.d.ts","sourceRoot":"","sources":["src/VolumeTwo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAKpE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,wBAAwB,eAEhE"}
package/VolumeTwo.js ADDED
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.default = VolumeTwo;
7
+
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+
10
+ var _icon = require("@react-spectrum/icon");
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ const IconComponent = props => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
15
+ viewBox: "0 0 18 18"
16
+ }, props), /*#__PURE__*/_react.default.createElement("path", {
17
+ d: "M15.806 4.668a1.001 1.001 0 0 0-1.112 1.664C15.5 6.869 16 7.892 16 9s-.5 2.13-1.306 2.668a1.001 1.001 0 0 0 1.112 1.664C17.159 12.428 18 10.768 18 9s-.84-3.428-2.194-4.332Zm-3.251 1.5a1 1 0 1 0-1.11 1.664c.342.229.555.676.555 1.168s-.213.94-.555 1.168a1 1 0 1 0 1.11 1.664C13.46 11.229 14 10.17 14 9s-.54-2.229-1.445-2.832Zm-3.591-4.92a1.995 1.995 0 0 0-2.034.064c-.052.032-2.748 2.52-2.748 2.52C3.874 3.934 3 3.987 3 3.987c-1.654 0-3 1.347-3 3.002v4.004a3.005 3.005 0 0 0 3 3.003s.714.043 1.078.127c.069.016.125.05.177.098.438.406 2.627 2.44 2.675 2.468a1.996 1.996 0 0 0 2.034.064A2.002 2.002 0 0 0 10 14.999V3.002a2 2 0 0 0-1.036-1.754ZM8 15l-2.542-2.379-.434-.28a4.958 4.958 0 0 0-1.795-.334H3c-.55 0-1-.452-1-1.007V6.98c0-.553.45-1.005 1-1.005h.23a4.96 4.96 0 0 0 1.877-.368l.288-.187L8 3v12Z"
18
+ }));
19
+
20
+ function VolumeTwo(props) {
21
+ return /*#__PURE__*/_react.default.createElement(_icon.Icon, props, /*#__PURE__*/_react.default.createElement(IconComponent, null));
22
+ }
package/ZoomIn.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { IconPropsWithoutChildren } from '@react-spectrum/icon';
3
+ export default function ZoomIn(props: IconPropsWithoutChildren): JSX.Element;
4
+ //# sourceMappingURL=ZoomIn.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ZoomIn.d.ts","sourceRoot":"","sources":["src/ZoomIn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAKpE,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,wBAAwB,eAE7D"}
package/ZoomIn.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.default = ZoomIn;
7
+
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+
10
+ var _icon = require("@react-spectrum/icon");
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ const IconComponent = props => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
15
+ viewBox: "0 0 18 18"
16
+ }, props), /*#__PURE__*/_react.default.createElement("path", {
17
+ d: "M12 8h-2V6a1 1 0 1 0-2 0v2H6a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2Z"
18
+ }), /*#__PURE__*/_react.default.createElement("path", {
19
+ d: "M15.323 13.882A7.95 7.95 0 0 0 17 9c0-4.411-3.589-7.98-8-7.98S1.02 4.589 1.02 9 4.589 17 9 17a7.951 7.951 0 0 0 4.913-1.7l2.376 2.403A.994.994 0 0 0 17 18a1 1 0 0 0 .71-1.703l-2.387-2.415ZM9 15c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6Z"
20
+ }));
21
+
22
+ function ZoomIn(props) {
23
+ return /*#__PURE__*/_react.default.createElement(_icon.Icon, props, /*#__PURE__*/_react.default.createElement(IconComponent, null));
24
+ }
package/ZoomOut.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { IconPropsWithoutChildren } from '@react-spectrum/icon';
3
+ export default function ZoomOut(props: IconPropsWithoutChildren): JSX.Element;
4
+ //# sourceMappingURL=ZoomOut.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ZoomOut.d.ts","sourceRoot":"","sources":["src/ZoomOut.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAKpE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,wBAAwB,eAE9D"}
package/ZoomOut.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.default = ZoomOut;
7
+
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+
10
+ var _icon = require("@react-spectrum/icon");
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ const IconComponent = props => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
15
+ viewBox: "0 0 18 18"
16
+ }, props), /*#__PURE__*/_react.default.createElement("path", {
17
+ d: "M15.323 13.882A7.95 7.95 0 0 0 17 9c0-4.411-3.589-7.99-8-7.99S1.01 4.589 1.01 9 4.589 17 9 17a7.95 7.95 0 0 0 4.913-1.7l2.376 2.403A.994.994 0 0 0 17 18a1 1 0 0 0 .71-1.703l-2.387-2.415ZM9 15c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6Z"
18
+ }), /*#__PURE__*/_react.default.createElement("path", {
19
+ d: "M12 8H6a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2Z"
20
+ }));
21
+
22
+ function ZoomOut(props) {
23
+ return /*#__PURE__*/_react.default.createElement(_icon.Icon, props, /*#__PURE__*/_react.default.createElement(IconComponent, null));
24
+ }
@@ -0,0 +1,46 @@
1
+ /*
2
+ * Copyright 2020 Adobe. All rights reserved.
3
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License. You may obtain a copy
5
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
12
+
13
+ import Add from '../Add';
14
+ import Alert from '@spectrum-icons/express/Alert';
15
+ import React from 'react';
16
+ import {storiesOf} from '@storybook/react';
17
+ import {Flex} from "@react-spectrum/layout";
18
+
19
+ storiesOf('Icons/Express', module)
20
+ .addParameters({chromaticProvider: {express: true}})
21
+ .add(
22
+ 'icon: Add with sizes',
23
+ () => renderIconSizes(Add, {'aria-label': 'Add'})
24
+ )
25
+ .add('Colors',
26
+ () => (
27
+ <Flex gap="size-200">
28
+ <Alert aria-label="info default" />
29
+ <Alert color="informative" aria-label="info alert" />
30
+ <Alert color="negative" aria-label="negative alert" />
31
+ <Alert color="positive" aria-label="positive alert" />
32
+ <Alert color="notice" aria-label="notice alert" />
33
+ </Flex>
34
+ )
35
+ );
36
+
37
+ function renderIconSizes(Component, props) {
38
+ let sizes = ['XXS', 'XS', 'S', 'M', 'L', 'XL', 'XXL'];
39
+ return (
40
+ <div>
41
+ {sizes.map(size => {
42
+ return <Component margin="15px" size={size} {...props} />
43
+ })}
44
+ </div>
45
+ )
46
+ }
package/package.json ADDED
@@ -0,0 +1,32 @@
1
+ {
2
+ "name": "@spectrum-icons/express",
3
+ "version": "4.0.4-nightly.3566+0bbceb44d",
4
+ "description": "Spectrum UI components in React",
5
+ "license": "Apache-2.0",
6
+ "repository": {
7
+ "type": "git",
8
+ "url": "https://github.com/adobe/react-spectrum"
9
+ },
10
+ "scripts": {
11
+ "build-icons": "cross-env BUILD_ENV=production babel --root-mode upward src -d . --extensions '.tsx'",
12
+ "make-icons": "babel-node --presets @babel/env ./scripts/generateIcons.js -i '[]' && tsc --project ./tsconfig.types.json"
13
+ },
14
+ "dependencies": {
15
+ "@adobe/spectrum-css-ccx-workflow-icons": "1.0.2",
16
+ "@babel/runtime": "^7.6.2",
17
+ "@react-spectrum/icon": "3.0.0-nightly.1866+0bbceb44d",
18
+ "@spectrum-icons/build-tools": "3.0.0-nightly.1866+0bbceb44d"
19
+ },
20
+ "devDependencies": {
21
+ "@spectrum-icons/build-tools": "3.0.0-alpha.1",
22
+ "fs-extra": "^10.0.0"
23
+ },
24
+ "peerDependencies": {
25
+ "@react-spectrum/provider": "^3.0.0",
26
+ "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
27
+ },
28
+ "publishConfig": {
29
+ "access": "public"
30
+ },
31
+ "gitHead": "0bbceb44d6200435813e087eabcc2d085a335c92"
32
+ }
@@ -0,0 +1,52 @@
1
+ /*
2
+ * Copyright 2020 Adobe. All rights reserved.
3
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License. You may obtain a copy
5
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
12
+
13
+ import Add from '../Add';
14
+ import Alert from '../Alert';
15
+ import Bell from '../Bell';
16
+ import React from 'react';
17
+ import {storiesOf} from '@storybook/react';
18
+
19
+ storiesOf('Icons/Express', module)
20
+ .add(
21
+ 'icon: Add with sizes',
22
+ () => renderIconSizes(Add, {'aria-label': 'Add'})
23
+ )
24
+ .add(
25
+ 'icon: Bell with sizes',
26
+ () => renderIconSizes(Bell, {'aria-label': 'Bell'})
27
+ )
28
+ .add(
29
+ 'icon: Alert negative',
30
+ () => renderIconSizes(Alert, {'aria-label': 'Alert', color: 'negative'})
31
+ )
32
+ .add(
33
+ 'icon: Alert informative',
34
+ () => renderIconSizes(Alert, {'aria-label': 'Alert', color: 'informative'})
35
+ )
36
+ .add(
37
+ 'icon: Alert positive',
38
+ () => renderIconSizes(Alert, {'aria-label': 'Alert', color: 'positive'})
39
+ )
40
+ .add(
41
+ 'icon: Alert notice',
42
+ () => renderIconSizes(Alert, {'aria-label': 'Alert', color: 'notice'})
43
+ );
44
+
45
+ function renderIconSizes(Component, props) {
46
+ let sizes = ['XXS', 'XS', 'S', 'M', 'L', 'XL', 'XXL'];
47
+ return (
48
+ <div>
49
+ {sizes.map(size => <Component margin="15px" size={size} {...props} />)}
50
+ </div>
51
+ );
52
+ }
@@ -0,0 +1,18 @@
1
+ {
2
+ "extends": "../../../tsconfig",
3
+ "compilerOptions": {
4
+ "outDir": "./",
5
+ "declaration": true,
6
+ "declarationMap": true,
7
+ "isolatedModules": false,
8
+ "noEmit": false,
9
+ "allowJs": false,
10
+ "emitDeclarationOnly": true
11
+ },
12
+ "include": [
13
+ "src",
14
+ "../../@react-types/shared/src/css.d.ts",
15
+ "../../@react-spectrum/utils/src/ResizeObserver.d.ts"
16
+ ],
17
+ "exclude": ["scripts", "node_modules", "stories", "chromatic"]
18
+ }