@digigov/react-icons 2.0.0-7d9a8d86 → 2.0.0-834daea4

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 (416) hide show
  1. package/AccessibilityIcon/config/index.js +8 -7
  2. package/AccessibilityIcon/config.js.map +2 -2
  3. package/AccessibilityIcon/index.js +1 -4
  4. package/AccessibilityIcon/index.js.map +1 -1
  5. package/ArrowIcon/config/index.js +3 -10
  6. package/ArrowIcon/config.js.map +2 -2
  7. package/ArrowIcon/index.js +1 -4
  8. package/ArrowIcon/index.js.map +1 -1
  9. package/Base/index.d.ts +95 -0
  10. package/Base/index.js +102 -0
  11. package/Base/index.js.map +7 -0
  12. package/{Icon/index.test → Base}/package.json +1 -1
  13. package/BurgerIcon/config/index.js +14 -18
  14. package/BurgerIcon/config.js.map +2 -2
  15. package/BurgerIcon/index.js +1 -4
  16. package/BurgerIcon/index.js.map +1 -1
  17. package/CancelIcon/config/index.js +2 -3
  18. package/CancelIcon/config.js.map +2 -2
  19. package/CancelIcon/index.js +1 -4
  20. package/CancelIcon/index.js.map +1 -1
  21. package/CaretIcon/config/index.js +3 -10
  22. package/CaretIcon/config.js.map +2 -2
  23. package/CaretIcon/index.js +1 -4
  24. package/CaretIcon/index.js.map +1 -1
  25. package/ChatIcon/config/index.js +3 -6
  26. package/ChatIcon/config.js.map +2 -2
  27. package/ChatIcon/index.js +1 -4
  28. package/ChatIcon/index.js.map +1 -1
  29. package/CheckIcon/config/index.js +2 -3
  30. package/CheckIcon/config.js.map +2 -2
  31. package/CheckIcon/index.js +1 -4
  32. package/CheckIcon/index.js.map +1 -1
  33. package/ChevronIcon/config/index.js +3 -10
  34. package/ChevronIcon/config.js.map +2 -2
  35. package/ChevronIcon/index.js +1 -4
  36. package/ChevronIcon/index.js.map +1 -1
  37. package/CloseIcon/config/index.js +2 -3
  38. package/CloseIcon/config.js.map +2 -2
  39. package/CloseIcon/index.js +1 -4
  40. package/CloseIcon/index.js.map +1 -1
  41. package/DownloadIcon/config/index.js +2 -8
  42. package/DownloadIcon/config.js.map +2 -2
  43. package/DownloadIcon/index.js +1 -4
  44. package/DownloadIcon/index.js.map +1 -1
  45. package/ExclamationIcon/config/index.js +2 -7
  46. package/ExclamationIcon/config.js.map +2 -2
  47. package/ExclamationIcon/index.js +1 -4
  48. package/ExclamationIcon/index.js.map +1 -1
  49. package/GlobeIcon/config/index.js +2 -3
  50. package/GlobeIcon/config.js.map +2 -2
  51. package/GlobeIcon/index.js +1 -4
  52. package/GlobeIcon/index.js.map +1 -1
  53. package/Icon/index.d.ts +2 -2
  54. package/Icon/index.js +13 -11
  55. package/Icon/index.js.map +3 -3
  56. package/LockIcon/config/index.js +2 -3
  57. package/LockIcon/config.js.map +2 -2
  58. package/LockIcon/index.js +1 -4
  59. package/LockIcon/index.js.map +1 -1
  60. package/LoginIcon/config/index.js +2 -5
  61. package/LoginIcon/config.js.map +2 -2
  62. package/LoginIcon/index.js +1 -4
  63. package/LoginIcon/index.js.map +1 -1
  64. package/MinusIcon/config/index.js +2 -6
  65. package/MinusIcon/config.js.map +2 -2
  66. package/MinusIcon/index.js +1 -4
  67. package/MinusIcon/index.js.map +1 -1
  68. package/MoreVertIcon/config/index.js +2 -13
  69. package/MoreVertIcon/config.js.map +2 -2
  70. package/MoreVertIcon/index.js +1 -4
  71. package/MoreVertIcon/index.js.map +1 -1
  72. package/PdfFileIcon/config/index.js +2 -9
  73. package/PdfFileIcon/config.js.map +2 -2
  74. package/PdfFileIcon/index.js +1 -4
  75. package/PdfFileIcon/index.js.map +1 -1
  76. package/PlusIcon/config/index.js +2 -3
  77. package/PlusIcon/config.js.map +2 -2
  78. package/PlusIcon/index.js +1 -4
  79. package/PlusIcon/index.js.map +1 -1
  80. package/PrintIcon/config/index.js +2 -8
  81. package/PrintIcon/config.js.map +2 -2
  82. package/PrintIcon/index.js +1 -4
  83. package/PrintIcon/index.js.map +1 -1
  84. package/ReplyIcon/config/index.js +2 -3
  85. package/ReplyIcon/config.js.map +2 -2
  86. package/ReplyIcon/index.js +1 -4
  87. package/ReplyIcon/index.js.map +1 -1
  88. package/RestoreIcon/config/index.js +2 -9
  89. package/RestoreIcon/config.js.map +2 -2
  90. package/RestoreIcon/index.js +1 -4
  91. package/RestoreIcon/index.js.map +1 -1
  92. package/SearchIcon/config/index.js +2 -3
  93. package/SearchIcon/config.js.map +2 -2
  94. package/SearchIcon/index.js +1 -4
  95. package/SearchIcon/index.js.map +1 -1
  96. package/SvgIcon/index.d.ts +37 -0
  97. package/SvgIcon/index.js +30 -0
  98. package/SvgIcon/index.js.map +7 -0
  99. package/SvgIcon/index.test.d.ts +1 -0
  100. package/{ChatIcon/index.test → SvgIcon}/package.json +1 -1
  101. package/UncheckIcon/config/index.js +2 -3
  102. package/UncheckIcon/config.js.map +2 -2
  103. package/UncheckIcon/index.js +1 -4
  104. package/UncheckIcon/index.js.map +1 -1
  105. package/cjs/AccessibilityIcon/config/index.js +30 -23
  106. package/cjs/AccessibilityIcon/config.js.map +3 -3
  107. package/cjs/AccessibilityIcon/index.js +24 -21
  108. package/cjs/AccessibilityIcon/index.js.map +2 -2
  109. package/cjs/ArrowIcon/config/index.js +25 -26
  110. package/cjs/ArrowIcon/config.js.map +3 -3
  111. package/cjs/ArrowIcon/index.js +24 -21
  112. package/cjs/ArrowIcon/index.js.map +2 -2
  113. package/cjs/Base/index.js +135 -0
  114. package/cjs/Base/index.js.map +7 -0
  115. package/cjs/BurgerIcon/config/index.js +37 -35
  116. package/cjs/BurgerIcon/config.js.map +3 -3
  117. package/cjs/BurgerIcon/index.js +24 -21
  118. package/cjs/BurgerIcon/index.js.map +2 -2
  119. package/cjs/CancelIcon/config/index.js +24 -19
  120. package/cjs/CancelIcon/config.js.map +3 -3
  121. package/cjs/CancelIcon/index.js +24 -21
  122. package/cjs/CancelIcon/index.js.map +2 -2
  123. package/cjs/CaretIcon/config/index.js +25 -26
  124. package/cjs/CaretIcon/config.js.map +3 -3
  125. package/cjs/CaretIcon/index.js +24 -21
  126. package/cjs/CaretIcon/index.js.map +2 -2
  127. package/cjs/ChatIcon/config/index.js +25 -22
  128. package/cjs/ChatIcon/config.js.map +3 -3
  129. package/cjs/ChatIcon/index.js +24 -21
  130. package/cjs/ChatIcon/index.js.map +2 -2
  131. package/cjs/CheckIcon/config/index.js +24 -19
  132. package/cjs/CheckIcon/config.js.map +3 -3
  133. package/cjs/CheckIcon/index.js +24 -21
  134. package/cjs/CheckIcon/index.js.map +2 -2
  135. package/cjs/ChevronIcon/config/index.js +25 -26
  136. package/cjs/ChevronIcon/config.js.map +3 -3
  137. package/cjs/ChevronIcon/index.js +24 -21
  138. package/cjs/ChevronIcon/index.js.map +2 -2
  139. package/cjs/CloseIcon/config/index.js +24 -19
  140. package/cjs/CloseIcon/config.js.map +3 -3
  141. package/cjs/CloseIcon/index.js +24 -21
  142. package/cjs/CloseIcon/index.js.map +2 -2
  143. package/cjs/DownloadIcon/config/index.js +24 -24
  144. package/cjs/DownloadIcon/config.js.map +3 -3
  145. package/cjs/DownloadIcon/index.js +24 -21
  146. package/cjs/DownloadIcon/index.js.map +2 -2
  147. package/cjs/ExclamationIcon/config/index.js +24 -23
  148. package/cjs/ExclamationIcon/config.js.map +3 -3
  149. package/cjs/ExclamationIcon/index.js +24 -21
  150. package/cjs/ExclamationIcon/index.js.map +2 -2
  151. package/cjs/GlobeIcon/config/index.js +24 -19
  152. package/cjs/GlobeIcon/config.js.map +3 -3
  153. package/cjs/GlobeIcon/index.js +24 -21
  154. package/cjs/GlobeIcon/index.js.map +2 -2
  155. package/cjs/Icon/index.js +37 -29
  156. package/cjs/Icon/index.js.map +3 -3
  157. package/cjs/LockIcon/config/index.js +24 -19
  158. package/cjs/LockIcon/config.js.map +3 -3
  159. package/cjs/LockIcon/index.js +24 -21
  160. package/cjs/LockIcon/index.js.map +2 -2
  161. package/cjs/LoginIcon/config/index.js +24 -21
  162. package/cjs/LoginIcon/config.js.map +3 -3
  163. package/cjs/LoginIcon/index.js +24 -21
  164. package/cjs/LoginIcon/index.js.map +2 -2
  165. package/cjs/MinusIcon/config/index.js +24 -22
  166. package/cjs/MinusIcon/config.js.map +3 -3
  167. package/cjs/MinusIcon/index.js +24 -21
  168. package/cjs/MinusIcon/index.js.map +2 -2
  169. package/cjs/MoreVertIcon/config/index.js +24 -29
  170. package/cjs/MoreVertIcon/config.js.map +3 -3
  171. package/cjs/MoreVertIcon/index.js +24 -21
  172. package/cjs/MoreVertIcon/index.js.map +2 -2
  173. package/cjs/PdfFileIcon/config/index.js +24 -25
  174. package/cjs/PdfFileIcon/config.js.map +3 -3
  175. package/cjs/PdfFileIcon/index.js +24 -21
  176. package/cjs/PdfFileIcon/index.js.map +2 -2
  177. package/cjs/PlusIcon/config/index.js +24 -19
  178. package/cjs/PlusIcon/config.js.map +3 -3
  179. package/cjs/PlusIcon/index.js +24 -21
  180. package/cjs/PlusIcon/index.js.map +2 -2
  181. package/cjs/PrintIcon/config/index.js +24 -24
  182. package/cjs/PrintIcon/config.js.map +3 -3
  183. package/cjs/PrintIcon/index.js +24 -21
  184. package/cjs/PrintIcon/index.js.map +2 -2
  185. package/cjs/ReplyIcon/config/index.js +24 -19
  186. package/cjs/ReplyIcon/config.js.map +3 -3
  187. package/cjs/ReplyIcon/index.js +24 -21
  188. package/cjs/ReplyIcon/index.js.map +2 -2
  189. package/cjs/RestoreIcon/config/index.js +24 -25
  190. package/cjs/RestoreIcon/config.js.map +3 -3
  191. package/cjs/RestoreIcon/index.js +24 -21
  192. package/cjs/RestoreIcon/index.js.map +2 -2
  193. package/cjs/SearchIcon/config/index.js +24 -19
  194. package/cjs/SearchIcon/config.js.map +3 -3
  195. package/cjs/SearchIcon/index.js +24 -21
  196. package/cjs/SearchIcon/index.js.map +2 -2
  197. package/cjs/SvgIcon/index.js +63 -0
  198. package/cjs/SvgIcon/index.js.map +7 -0
  199. package/cjs/UncheckIcon/config/index.js +24 -19
  200. package/cjs/UncheckIcon/config.js.map +3 -3
  201. package/cjs/UncheckIcon/index.js +24 -21
  202. package/cjs/UncheckIcon/index.js.map +2 -2
  203. package/cjs/icons/index.js +61 -38
  204. package/cjs/icons.js.map +1 -1
  205. package/cjs/index.js +61 -38
  206. package/cjs/index.js.map +1 -1
  207. package/cjs/lazy/index.js +48 -42
  208. package/cjs/lazy.js.map +3 -3
  209. package/cjs/registry/index.js +63 -52
  210. package/cjs/registry.js.map +2 -2
  211. package/icons.js.map +1 -1
  212. package/index.js +1 -1
  213. package/index.js.map +1 -1
  214. package/lazy/index.js +27 -25
  215. package/lazy.d.ts +3 -1
  216. package/lazy.js.map +2 -2
  217. package/package.json +4 -5
  218. package/registry/index.js +16 -9
  219. package/registry.d.ts +2 -0
  220. package/registry.js.map +2 -2
  221. package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap +280 -363
  222. package/src/AccessibilityIcon/config.tsx +5 -4
  223. package/src/AccessibilityIcon/index.test.tsx +10 -10
  224. package/src/ArrowIcon/__snapshots__/index.test.tsx.snap +65 -132
  225. package/src/ArrowIcon/config.tsx +5 -4
  226. package/src/ArrowIcon/index.test.tsx +5 -5
  227. package/src/Base/index.tsx +258 -0
  228. package/src/BurgerIcon/__snapshots__/index.test.tsx.snap +217 -290
  229. package/src/BurgerIcon/config.tsx +6 -5
  230. package/src/BurgerIcon/index.test.tsx +7 -7
  231. package/src/CancelIcon/__snapshots__/index.test.tsx.snap +113 -234
  232. package/src/CancelIcon/config.tsx +3 -2
  233. package/src/CancelIcon/index.test.tsx +8 -8
  234. package/src/CaretIcon/__snapshots__/index.test.tsx.snap +65 -132
  235. package/src/CaretIcon/config.tsx +5 -4
  236. package/src/CaretIcon/index.test.tsx +5 -5
  237. package/src/ChatIcon/__snapshots__/index.test.tsx.snap +129 -268
  238. package/src/ChatIcon/config.tsx +3 -2
  239. package/src/ChatIcon/index.test.tsx +9 -9
  240. package/src/CheckIcon/__snapshots__/index.test.tsx.snap +129 -267
  241. package/src/CheckIcon/config.tsx +3 -2
  242. package/src/CheckIcon/index.test.tsx +9 -9
  243. package/src/ChevronIcon/__snapshots__/index.test.tsx.snap +65 -132
  244. package/src/ChevronIcon/config.tsx +5 -4
  245. package/src/ChevronIcon/index.test.tsx +5 -5
  246. package/src/CloseIcon/__snapshots__/index.test.tsx.snap +17 -30
  247. package/src/CloseIcon/config.tsx +3 -2
  248. package/src/CloseIcon/index.test.tsx +2 -2
  249. package/src/DownloadIcon/__snapshots__/index.test.tsx.snap +197 -283
  250. package/src/DownloadIcon/config.tsx +6 -5
  251. package/src/DownloadIcon/index.test.tsx +8 -8
  252. package/src/ExclamationIcon/__snapshots__/index.test.tsx.snap +162 -269
  253. package/src/ExclamationIcon/config.tsx +4 -3
  254. package/src/ExclamationIcon/index.test.tsx +8 -8
  255. package/src/GlobeIcon/__snapshots__/index.test.tsx.snap +65 -129
  256. package/src/GlobeIcon/config.tsx +3 -2
  257. package/src/GlobeIcon/index.test.tsx +5 -5
  258. package/src/Icon/__snapshots__/index.test.tsx.snap +157 -261
  259. package/src/Icon/index.test.tsx +11 -11
  260. package/src/Icon/index.tsx +2 -2
  261. package/src/LockIcon/__snapshots__/index.test.tsx.snap +113 -234
  262. package/src/LockIcon/config.tsx +3 -2
  263. package/src/LockIcon/index.test.tsx +8 -8
  264. package/src/LoginIcon/__snapshots__/index.test.tsx.snap +148 -255
  265. package/src/LoginIcon/config.tsx +4 -3
  266. package/src/LoginIcon/index.test.tsx +8 -8
  267. package/src/MinusIcon/__snapshots__/index.test.tsx.snap +134 -255
  268. package/src/MinusIcon/config.tsx +4 -3
  269. package/src/MinusIcon/index.test.tsx +8 -8
  270. package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap +289 -408
  271. package/src/MoreVertIcon/config.tsx +5 -4
  272. package/src/MoreVertIcon/index.test.tsx +10 -10
  273. package/src/PdfFileIcon/__snapshots__/index.test.tsx.snap +274 -311
  274. package/src/PdfFileIcon/config.tsx +10 -9
  275. package/src/PdfFileIcon/index.test.tsx +8 -8
  276. package/src/PlusIcon/__snapshots__/index.test.tsx.snap +113 -234
  277. package/src/PlusIcon/config.tsx +3 -2
  278. package/src/PlusIcon/index.test.tsx +8 -8
  279. package/src/PrintIcon/__snapshots__/index.test.tsx.snap +169 -276
  280. package/src/PrintIcon/config.tsx +4 -3
  281. package/src/PrintIcon/index.test.tsx +8 -8
  282. package/src/ReplyIcon/__snapshots__/index.test.tsx.snap +113 -234
  283. package/src/ReplyIcon/config.tsx +3 -2
  284. package/src/ReplyIcon/index.test.tsx +8 -8
  285. package/src/RestoreIcon/__snapshots__/index.test.tsx.snap +197 -290
  286. package/src/RestoreIcon/config.tsx +5 -4
  287. package/src/RestoreIcon/index.test.tsx +8 -8
  288. package/src/SearchIcon/__snapshots__/index.test.tsx.snap +17 -30
  289. package/src/SearchIcon/config.tsx +3 -2
  290. package/src/SearchIcon/index.test.tsx +2 -2
  291. package/src/SvgIcon/__snapshots__/index.test.tsx.snap +271 -0
  292. package/src/SvgIcon/index.test.tsx +96 -0
  293. package/src/SvgIcon/index.tsx +72 -0
  294. package/src/UncheckIcon/__snapshots__/index.test.tsx.snap +145 -300
  295. package/src/UncheckIcon/config.tsx +3 -2
  296. package/src/UncheckIcon/index.test.tsx +10 -10
  297. package/src/lazy.js +2 -0
  298. package/src/registry.js +4 -0
  299. package/AccessibilityIcon/index.test/index.js +0 -49
  300. package/AccessibilityIcon/index.test/package.json +0 -6
  301. package/AccessibilityIcon/index.test.js.map +0 -7
  302. package/ArrowIcon/index.test/index.js +0 -22
  303. package/ArrowIcon/index.test/package.json +0 -6
  304. package/ArrowIcon/index.test.js.map +0 -7
  305. package/BurgerIcon/index.test/index.js +0 -33
  306. package/BurgerIcon/index.test/package.json +0 -6
  307. package/BurgerIcon/index.test.js.map +0 -7
  308. package/CancelIcon/index.test/index.js +0 -39
  309. package/CancelIcon/index.test/package.json +0 -6
  310. package/CancelIcon/index.test.js.map +0 -7
  311. package/CaretIcon/index.test/index.js +0 -22
  312. package/CaretIcon/index.test/package.json +0 -6
  313. package/CaretIcon/index.test.js.map +0 -7
  314. package/ChatIcon/index.test/index.js +0 -44
  315. package/ChatIcon/index.test.js.map +0 -7
  316. package/CheckIcon/index.test/index.js +0 -44
  317. package/CheckIcon/index.test/package.json +0 -6
  318. package/CheckIcon/index.test.js.map +0 -7
  319. package/ChevronIcon/index.test/index.js +0 -22
  320. package/ChevronIcon/index.test/package.json +0 -6
  321. package/ChevronIcon/index.test.js.map +0 -7
  322. package/CloseIcon/index.test/index.js +0 -7
  323. package/CloseIcon/index.test/package.json +0 -6
  324. package/CloseIcon/index.test.js.map +0 -7
  325. package/DownloadIcon/index.test/index.js +0 -39
  326. package/DownloadIcon/index.test/package.json +0 -6
  327. package/DownloadIcon/index.test.js.map +0 -7
  328. package/ExclamationIcon/index.test/index.js +0 -39
  329. package/ExclamationIcon/index.test/package.json +0 -6
  330. package/ExclamationIcon/index.test.js.map +0 -7
  331. package/GlobeIcon/index.test/index.js +0 -22
  332. package/GlobeIcon/index.test/package.json +0 -6
  333. package/GlobeIcon/index.test.js.map +0 -7
  334. package/Icon/index.test/index.js +0 -53
  335. package/Icon/index.test.js.map +0 -7
  336. package/LockIcon/index.test/index.js +0 -39
  337. package/LockIcon/index.test/package.json +0 -6
  338. package/LockIcon/index.test.js.map +0 -7
  339. package/LoginIcon/index.test/index.js +0 -39
  340. package/LoginIcon/index.test/package.json +0 -6
  341. package/LoginIcon/index.test.js.map +0 -7
  342. package/MinusIcon/index.test/index.js +0 -39
  343. package/MinusIcon/index.test/package.json +0 -6
  344. package/MinusIcon/index.test.js.map +0 -7
  345. package/MoreVertIcon/index.test/index.js +0 -49
  346. package/MoreVertIcon/index.test/package.json +0 -6
  347. package/MoreVertIcon/index.test.js.map +0 -7
  348. package/PdfFileIcon/index.test/index.js +0 -39
  349. package/PdfFileIcon/index.test/package.json +0 -6
  350. package/PdfFileIcon/index.test.js.map +0 -7
  351. package/PlusIcon/index.test/index.js +0 -39
  352. package/PlusIcon/index.test/package.json +0 -6
  353. package/PlusIcon/index.test.js.map +0 -7
  354. package/PrintIcon/index.test/index.js +0 -39
  355. package/PrintIcon/index.test/package.json +0 -6
  356. package/PrintIcon/index.test.js.map +0 -7
  357. package/ReplyIcon/index.test/index.js +0 -39
  358. package/ReplyIcon/index.test/package.json +0 -6
  359. package/ReplyIcon/index.test.js.map +0 -7
  360. package/RestoreIcon/index.test/index.js +0 -39
  361. package/RestoreIcon/index.test/package.json +0 -6
  362. package/RestoreIcon/index.test.js.map +0 -7
  363. package/SearchIcon/index.test/index.js +0 -7
  364. package/SearchIcon/index.test/package.json +0 -6
  365. package/SearchIcon/index.test.js.map +0 -7
  366. package/UncheckIcon/index.test/index.js +0 -49
  367. package/UncheckIcon/index.test/package.json +0 -6
  368. package/UncheckIcon/index.test.js.map +0 -7
  369. package/cjs/AccessibilityIcon/index.test/index.js +0 -67
  370. package/cjs/AccessibilityIcon/index.test.js.map +0 -7
  371. package/cjs/ArrowIcon/index.test/index.js +0 -40
  372. package/cjs/ArrowIcon/index.test.js.map +0 -7
  373. package/cjs/BurgerIcon/index.test/index.js +0 -51
  374. package/cjs/BurgerIcon/index.test.js.map +0 -7
  375. package/cjs/CancelIcon/index.test/index.js +0 -57
  376. package/cjs/CancelIcon/index.test.js.map +0 -7
  377. package/cjs/CaretIcon/index.test/index.js +0 -40
  378. package/cjs/CaretIcon/index.test.js.map +0 -7
  379. package/cjs/ChatIcon/index.test/index.js +0 -62
  380. package/cjs/ChatIcon/index.test.js.map +0 -7
  381. package/cjs/CheckIcon/index.test/index.js +0 -62
  382. package/cjs/CheckIcon/index.test.js.map +0 -7
  383. package/cjs/ChevronIcon/index.test/index.js +0 -40
  384. package/cjs/ChevronIcon/index.test.js.map +0 -7
  385. package/cjs/CloseIcon/index.test/index.js +0 -25
  386. package/cjs/CloseIcon/index.test.js.map +0 -7
  387. package/cjs/DownloadIcon/index.test/index.js +0 -57
  388. package/cjs/DownloadIcon/index.test.js.map +0 -7
  389. package/cjs/ExclamationIcon/index.test/index.js +0 -57
  390. package/cjs/ExclamationIcon/index.test.js.map +0 -7
  391. package/cjs/GlobeIcon/index.test/index.js +0 -40
  392. package/cjs/GlobeIcon/index.test.js.map +0 -7
  393. package/cjs/Icon/index.test/index.js +0 -71
  394. package/cjs/Icon/index.test.js.map +0 -7
  395. package/cjs/LockIcon/index.test/index.js +0 -57
  396. package/cjs/LockIcon/index.test.js.map +0 -7
  397. package/cjs/LoginIcon/index.test/index.js +0 -57
  398. package/cjs/LoginIcon/index.test.js.map +0 -7
  399. package/cjs/MinusIcon/index.test/index.js +0 -57
  400. package/cjs/MinusIcon/index.test.js.map +0 -7
  401. package/cjs/MoreVertIcon/index.test/index.js +0 -67
  402. package/cjs/MoreVertIcon/index.test.js.map +0 -7
  403. package/cjs/PdfFileIcon/index.test/index.js +0 -57
  404. package/cjs/PdfFileIcon/index.test.js.map +0 -7
  405. package/cjs/PlusIcon/index.test/index.js +0 -57
  406. package/cjs/PlusIcon/index.test.js.map +0 -7
  407. package/cjs/PrintIcon/index.test/index.js +0 -57
  408. package/cjs/PrintIcon/index.test.js.map +0 -7
  409. package/cjs/ReplyIcon/index.test/index.js +0 -57
  410. package/cjs/ReplyIcon/index.test.js.map +0 -7
  411. package/cjs/RestoreIcon/index.test/index.js +0 -57
  412. package/cjs/RestoreIcon/index.test.js.map +0 -7
  413. package/cjs/SearchIcon/index.test/index.js +0 -25
  414. package/cjs/SearchIcon/index.test.js.map +0 -7
  415. package/cjs/UncheckIcon/index.test/index.js +0 -67
  416. package/cjs/UncheckIcon/index.test.js.map +0 -7
package/src/AccessibilityIcon/config.tsx CHANGED
@@ -1,13 +1,14 @@
1
1
  import React from 'react';
2
+ import Base from '@digigov/react-icons/Base';
2
3
 
3
- export interface AccessibilityType {}
4
+ export interface AccessibilityType { }
4
5
 
5
6
  export function accessibility(): React.ReactElement {
6
7
  return (
7
8
  <>
8
- <title>Μενού Προσβασιμότητας</title>
9
- <circle cx="12" cy="3" r="3" />
10
- <path
9
+ <Base as="title">Μενού Προσβασιμότητας</Base>
10
+ <Base as="circle" cx="12" cy="3" r="3" />
11
+ <Base as="path"
11
12
  d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
12
13
  c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
13
14
  l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
package/src/AccessibilityIcon/index.test.tsx CHANGED
@@ -1,36 +1,36 @@
1
1
  import React from 'react';
2
- import { mount } from 'enzyme';
2
+ import { render } from '@testing-library/react';
3
3
 
4
4
  import AccessibilityIcon from '@digigov/react-icons/AccessibilityIcon';
5
5
 
6
6
  it('renders the AccessibilityIcon with no props', () => {
7
- expect(mount(<AccessibilityIcon />)).toMatchSnapshot();
7
+ expect(render(<AccessibilityIcon />).baseElement).toMatchSnapshot();
8
8
  });
9
9
  it('renders the AccessibilityIcon with prop size=s', () => {
10
- expect(mount(<AccessibilityIcon size="sm" />)).toMatchSnapshot();
10
+ expect(render(<AccessibilityIcon size="sm" />).baseElement).toMatchSnapshot();
11
11
  });
12
12
  it('renders the AccessibilityIcon with prop size=l', () => {
13
- expect(mount(<AccessibilityIcon size="lg" />)).toMatchSnapshot();
13
+ expect(render(<AccessibilityIcon size="lg" />).baseElement).toMatchSnapshot();
14
14
  });
15
15
  it('renders the AccessibilityIcon with prop color=base-content', () => {
16
- expect(mount(<AccessibilityIcon color="base-content" />)).toMatchSnapshot();
16
+ expect(render(<AccessibilityIcon color="base-content" />).baseElement).toMatchSnapshot();
17
17
  });
18
18
  it('renders the AccessibilityIcon with prop color=primary', () => {
19
- expect(mount(<AccessibilityIcon color="primary" />)).toMatchSnapshot();
19
+ expect(render(<AccessibilityIcon color="primary" />).baseElement).toMatchSnapshot();
20
20
  });
21
21
  it('renders the AccessibilityIcon with prop color=success', () => {
22
- expect(mount(<AccessibilityIcon color="success" />)).toMatchSnapshot();
22
+ expect(render(<AccessibilityIcon color="success" />).baseElement).toMatchSnapshot();
23
23
  });
24
24
  it('renders the AccessibilityIcon with prop color=error', () => {
25
- expect(mount(<AccessibilityIcon color="error" />)).toMatchSnapshot();
25
+ expect(render(<AccessibilityIcon color="error" />).baseElement).toMatchSnapshot();
26
26
  });
27
27
  it('renders the AccessibilityIcon with prop color=warning and size=s', () => {
28
28
  expect(
29
- mount(<AccessibilityIcon color="warning" size="sm" />)
29
+ render(<AccessibilityIcon color="warning" size="sm" />).baseElement
30
30
  ).toMatchSnapshot();
31
31
  });
32
32
  it('renders the AccessibilityIcon with prop color=error and size= xl', () => {
33
33
  expect(
34
- mount(<AccessibilityIcon color="warning" size="xl" />)
34
+ render(<AccessibilityIcon color="warning" size="xl" />).baseElement
35
35
  ).toMatchSnapshot();
36
36
  });
package/src/ArrowIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,148 +1,81 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the ArrowIcon with direction down prop 1`] = `
4
- <ArrowIcon
5
- direction="down"
6
- >
7
- <ForwardRef(Icon)
8
- direction="down"
9
- icon="arrow"
10
- >
11
- <ForwardRef(SvgIcon)
12
- className="ds-svg-icon--arrow"
4
+ <body>
5
+ <div>
6
+ <svg
7
+ aria-hidden="true"
8
+ as="svg"
9
+ class="ds-svg-icon--arrow ds-svg-icon"
10
+ focusable="false"
11
+ viewBox="0 0 24 24"
13
12
  >
14
- <ForwardRef(Base)
15
- aria-hidden="true"
16
- as="svg"
17
- className="ds-svg-icon--arrow ds-svg-icon"
18
- focusable="false"
19
- viewBox="0 0 24 24"
20
- >
21
- <svg
22
- aria-hidden="true"
23
- className="ds-svg-icon--arrow ds-svg-icon"
24
- focusable="false"
25
- viewBox="0 0 24 24"
26
- >
27
- <arrow
28
- direction="down"
29
- >
30
- <polygon
31
- points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6"
32
- />
33
- </arrow>
34
- </svg>
35
- </ForwardRef(Base)>
36
- </ForwardRef(SvgIcon)>
37
- </ForwardRef(Icon)>
38
- </ArrowIcon>
13
+ <polygon
14
+ as="polygon"
15
+ class=""
16
+ points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6"
17
+ />
18
+ </svg>
19
+ </div>
20
+ </body>
39
21
  `;
40
22
 
41
23
  exports[`renders the ArrowIcon with direction left prop 1`] = `
42
- <ArrowIcon
43
- direction="left"
44
- >
45
- <ForwardRef(Icon)
46
- direction="left"
47
- icon="arrow"
48
- >
49
- <ForwardRef(SvgIcon)
50
- className="ds-svg-icon--arrow"
24
+ <body>
25
+ <div>
26
+ <svg
27
+ aria-hidden="true"
28
+ as="svg"
29
+ class="ds-svg-icon--arrow ds-svg-icon"
30
+ focusable="false"
31
+ viewBox="0 0 24 24"
51
32
  >
52
- <ForwardRef(Base)
53
- aria-hidden="true"
54
- as="svg"
55
- className="ds-svg-icon--arrow ds-svg-icon"
56
- focusable="false"
57
- viewBox="0 0 24 24"
58
- >
59
- <svg
60
- aria-hidden="true"
61
- className="ds-svg-icon--arrow ds-svg-icon"
62
- focusable="false"
63
- viewBox="0 0 24 24"
64
- >
65
- <arrow
66
- direction="left"
67
- >
68
- <polygon
69
- points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7"
70
- />
71
- </arrow>
72
- </svg>
73
- </ForwardRef(Base)>
74
- </ForwardRef(SvgIcon)>
75
- </ForwardRef(Icon)>
76
- </ArrowIcon>
33
+ <polygon
34
+ as="polygon"
35
+ class=""
36
+ points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7"
37
+ />
38
+ </svg>
39
+ </div>
40
+ </body>
77
41
  `;
78
42
 
79
43
  exports[`renders the ArrowIcon with direction up prop 1`] = `
80
- <ArrowIcon
81
- direction="up"
82
- >
83
- <ForwardRef(Icon)
84
- direction="up"
85
- icon="arrow"
86
- >
87
- <ForwardRef(SvgIcon)
88
- className="ds-svg-icon--arrow"
44
+ <body>
45
+ <div>
46
+ <svg
47
+ aria-hidden="true"
48
+ as="svg"
49
+ class="ds-svg-icon--arrow ds-svg-icon"
50
+ focusable="false"
51
+ viewBox="0 0 24 24"
89
52
  >
90
- <ForwardRef(Base)
91
- aria-hidden="true"
92
- as="svg"
93
- className="ds-svg-icon--arrow ds-svg-icon"
94
- focusable="false"
95
- viewBox="0 0 24 24"
96
- >
97
- <svg
98
- aria-hidden="true"
99
- className="ds-svg-icon--arrow ds-svg-icon"
100
- focusable="false"
101
- viewBox="0 0 24 24"
102
- >
103
- <arrow
104
- direction="up"
105
- >
106
- <polygon
107
- points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
108
- />
109
- </arrow>
110
- </svg>
111
- </ForwardRef(Base)>
112
- </ForwardRef(SvgIcon)>
113
- </ForwardRef(Icon)>
114
- </ArrowIcon>
53
+ <polygon
54
+ as="polygon"
55
+ class=""
56
+ points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
57
+ />
58
+ </svg>
59
+ </div>
60
+ </body>
115
61
  `;
116
62
 
117
63
  exports[`renders the ArrowIcon with no props, direction prop is right by default 1`] = `
118
- <ArrowIcon>
119
- <ForwardRef(Icon)
120
- icon="arrow"
121
- >
122
- <ForwardRef(SvgIcon)
123
- className="ds-svg-icon--arrow"
64
+ <body>
65
+ <div>
66
+ <svg
67
+ aria-hidden="true"
68
+ as="svg"
69
+ class="ds-svg-icon--arrow ds-svg-icon"
70
+ focusable="false"
71
+ viewBox="0 0 24 24"
124
72
  >
125
- <ForwardRef(Base)
126
- aria-hidden="true"
127
- as="svg"
128
- className="ds-svg-icon--arrow ds-svg-icon"
129
- focusable="false"
130
- viewBox="0 0 24 24"
131
- >
132
- <svg
133
- aria-hidden="true"
134
- className="ds-svg-icon--arrow ds-svg-icon"
135
- focusable="false"
136
- viewBox="0 0 24 24"
137
- >
138
- <arrow>
139
- <polygon
140
- points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
141
- />
142
- </arrow>
143
- </svg>
144
- </ForwardRef(Base)>
145
- </ForwardRef(SvgIcon)>
146
- </ForwardRef(Icon)>
147
- </ArrowIcon>
73
+ <polygon
74
+ as="polygon"
75
+ class=""
76
+ points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
77
+ />
78
+ </svg>
79
+ </div>
80
+ </body>
148
81
  `;
package/src/ArrowIcon/config.tsx CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import Base from '@digigov/react-icons/Base';
2
3
 
3
4
  export interface ArrowType {
4
5
  /**
@@ -15,16 +16,16 @@ export const arrow: React.FC<ArrowType> = ({ direction = 'up' }) => {
15
16
  return (
16
17
  <>
17
18
  {direction === 'left' && (
18
- <polygon points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7" />
19
+ <Base as="polygon" points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7" />
19
20
  )}
20
21
  {direction === 'right' && (
21
- <polygon points="9.6 4.3 15.52 10.3 2.07 10.3 2 13.63 15.52 13.68 9.6 19.6 12 22 22 12 12 2 9.6 4.3" />
22
+ <Base as="polygon" points="9.6 4.3 15.52 10.3 2.07 10.3 2 13.63 15.52 13.68 9.6 19.6 12 22 22 12 12 2 9.6 4.3" />
22
23
  )}
23
24
  {direction === 'up' && (
24
- <polygon points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12" />
25
+ <Base as="polygon" points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12" />
25
26
  )}
26
27
  {direction === 'down' && (
27
- <polygon points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6" />
28
+ <Base as="polygon" points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6" />
28
29
  )}
29
30
  </>
30
31
  );
package/src/ArrowIcon/index.test.tsx CHANGED
@@ -1,20 +1,20 @@
1
1
  import React from 'react';
2
- import { mount } from 'enzyme';
2
+ import { render } from '@testing-library/react';
3
3
 
4
4
  import ArrowIcon from '@digigov/react-icons/ArrowIcon';
5
5
 
6
6
  it('renders the ArrowIcon with no props, direction prop is right by default', () => {
7
- expect(mount(<ArrowIcon />)).toMatchSnapshot();
7
+ expect(render(<ArrowIcon />).baseElement).toMatchSnapshot();
8
8
  });
9
9
 
10
10
  it('renders the ArrowIcon with direction left prop', () => {
11
- expect(mount(<ArrowIcon direction="left" />)).toMatchSnapshot();
11
+ expect(render(<ArrowIcon direction="left" />).baseElement).toMatchSnapshot();
12
12
  });
13
13
 
14
14
  it('renders the ArrowIcon with direction up prop', () => {
15
- expect(mount(<ArrowIcon direction="up" />)).toMatchSnapshot();
15
+ expect(render(<ArrowIcon direction="up" />).baseElement).toMatchSnapshot();
16
16
  });
17
17
 
18
18
  it('renders the ArrowIcon with direction down prop', () => {
19
- expect(mount(<ArrowIcon direction="down" />)).toMatchSnapshot();
19
+ expect(render(<ArrowIcon direction="down" />).baseElement).toMatchSnapshot();
20
20
  });
package/src/Base/index.tsx ADDED
@@ -0,0 +1,258 @@
1
+ import React from 'react';
2
+ import clsx from 'clsx';
3
+
4
+ type AsProp<C extends React.ElementType> = {
5
+ as?: C;
6
+ };
7
+
8
+ type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
9
+
10
+ // This is the first reusable type utility we built
11
+ type PolymorphicComponentProp<
12
+ C extends React.ElementType,
13
+ Props = Record<string, unknown>,
14
+ > = React.PropsWithChildren<Props & AsProp<C>> &
15
+ Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
16
+
17
+ // This is a new type utitlity with ref!
18
+ type PolymorphicComponentPropWithRef<
19
+ C extends React.ElementType,
20
+ Props = Record<string, unknown>,
21
+ > = PolymorphicComponentProp<C, Props> & { ref?: any };
22
+
23
+ // This is the type for the "ref" only
24
+ type PolymorphicRef<C extends React.ElementType> =
25
+ React.ComponentPropsWithRef<C>['ref'];
26
+
27
+ /**
28
+ * This is the updated component props using PolymorphicComponentPropWithRef
29
+ */
30
+ export type BaseProps<C extends React.ElementType> =
31
+ PolymorphicComponentPropWithRef<
32
+ C,
33
+ {
34
+ /** margin is optional. It has not a default value. */
35
+ margin?: spacingValues;
36
+ /** marginTop is optional. It has not a default value. */
37
+ marginTop?: spacingValues;
38
+ /** marginBottom is optional. It has not a default value. */
39
+ marginBottom?: spacingValues;
40
+ /** marginLeft is optional. It has not a default value. */
41
+ marginLeft?: spacingValues;
42
+ /** marginRight is optional. It has not a default value. */
43
+ marginRight?: spacingValues;
44
+ /** Alternative for margin. Margin is optional. It has not a default value. */
45
+ m?: spacingValues;
46
+ /** Alternative for marginTop. MarginTop is optional. It has not a default value. */
47
+ mt?: spacingValues;
48
+ /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */
49
+ mb?: spacingValues;
50
+ /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */
51
+ ml?: spacingValues;
52
+ /** Alternative for marginRight. MarginRight is optional. It has not a default value. */
53
+ mr?: spacingValues;
54
+ /** Alternative for marginX. MarginX is optional. It has not a default value. */
55
+ mx?: spacingValues;
56
+ /** Alternative for marginY. MarginY is optional. It has not a default value. */
57
+ my?: spacingValues;
58
+ /** padding is optional. It has not a default value. */
59
+ padding?: spacingValues;
60
+ /** paddingTop is optional. It has not a default value. */
61
+ paddingTop?: spacingValues;
62
+ /** paddingBottom is optional. It has not a default value. */
63
+ paddingBottom?: spacingValues;
64
+ /** paddingLeft is optional. It has not a default value. */
65
+ paddingLeft?: spacingValues;
66
+ /** paddingRight is optional. It has not a default value. */
67
+ paddingRight?: spacingValues;
68
+ /** Alternative for padding. Padding is optional. It has not a default value. */
69
+ p?: spacingValues;
70
+ /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */
71
+ pt?: spacingValues;
72
+ /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */
73
+ pb?: spacingValues;
74
+ /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */
75
+ pl?: spacingValues;
76
+ /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */
77
+ pr?: spacingValues;
78
+ /** Alternative for paddingX. PaddingX is optional. It has not a default value. */
79
+ px?: spacingValues;
80
+ /** Alternative for paddingY. PaddingY is optional. It has not a default value. */
81
+ py?: spacingValues;
82
+ /** printHidden is optional. Default value is false. When true, the component is hidden at print. */
83
+ printHidden?: boolean;
84
+ /** printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/
85
+ printVisible?: 'block' | 'inline';
86
+ /** Components will be hidden at all screen sizes. */
87
+ hidden?: boolean;
88
+ /** Components will be hidden from 'xs' screen size and up. */
89
+ xsUpHidden?: boolean;
90
+ /** Components will be hidden from 'sm' screen size and up. */
91
+ smUpHidden?: boolean;
92
+ /** Components will be hidden from 'md' screen size and up. */
93
+ mdUpHidden?: boolean;
94
+ /** Components will be hidden from 'lg' screen size and up. */
95
+ lgUpHidden?: boolean;
96
+ /** Components will be hidden from 'xl' screen size and up. */
97
+ xlUpHidden?: boolean;
98
+ /** Components will be hidden between xs and sm screen size. */
99
+ xsHidden?: boolean;
100
+ /** Components will be hidden between sm and md screen size. */
101
+ smHidden?: boolean;
102
+ /** Components will be hidden between md and lg screen size. */
103
+ mdHidden?: boolean;
104
+ /** Components will be hidden between lg and xl screen size. */
105
+ lgHidden?: boolean;
106
+ /** Components will be hidden between xl and 2xl screen size. */
107
+ xlHidden?: boolean;
108
+ }
109
+ >;
110
+
111
+ type spacingValues =
112
+ | 0
113
+ | 0.5
114
+ | 1
115
+ | 1.5
116
+ | 2
117
+ | 2.5
118
+ | 3
119
+ | 3.5
120
+ | 4
121
+ | 5
122
+ | 6
123
+ | 7
124
+ | 8
125
+ | 9
126
+ | 10
127
+ | 11
128
+ | 12
129
+ | 14
130
+ | 16
131
+ | 20
132
+ | 24
133
+ | 28
134
+ | 32
135
+ | 36
136
+ | 40
137
+ | 44
138
+ | 48
139
+ | 52
140
+ | 56
141
+ | 60
142
+ | 64
143
+ | 72
144
+ | 80
145
+ | 96;
146
+
147
+ /**
148
+ * This is the type used in the type annotation for the component
149
+ */
150
+ type BaseComponent = <C extends React.ElementType = 'span'>(
151
+ props: BaseProps<C>
152
+ ) => React.ReactNode | null;
153
+
154
+ export const Base: BaseComponent = React.forwardRef(function Base<
155
+ C extends React.ElementType = 'span',
156
+ >(
157
+ {
158
+ as,
159
+ margin,
160
+ marginTop,
161
+ marginBottom,
162
+ marginLeft,
163
+ marginRight,
164
+ m,
165
+ mt,
166
+ mb,
167
+ ml,
168
+ mr,
169
+ mx,
170
+ my,
171
+ padding,
172
+ paddingTop,
173
+ paddingBottom,
174
+ paddingLeft,
175
+ paddingRight,
176
+ p,
177
+ pt,
178
+ pb,
179
+ pr,
180
+ pl,
181
+ px,
182
+ py,
183
+ printHidden,
184
+ printVisible,
185
+ hidden,
186
+ xsUpHidden,
187
+ smUpHidden,
188
+ mdUpHidden,
189
+ lgUpHidden,
190
+ xlUpHidden,
191
+ xsHidden,
192
+ smHidden,
193
+ mdHidden,
194
+ lgHidden,
195
+ xlHidden,
196
+ children,
197
+ className,
198
+ ...props
199
+ }: BaseProps<C>,
200
+ ref?: PolymorphicRef<C>
201
+ ) {
202
+ const Component = as || 'span';
203
+
204
+ return (
205
+ <Component
206
+ as={as}
207
+ className={clsx(className, {
208
+ [`ds-m-${margin}`]: margin !== undefined ? true : undefined,
209
+ [`ds-mt-${marginTop}`]: marginTop !== undefined ? true : undefined,
210
+ [`ds-mb-${marginBottom}`]:
211
+ marginBottom !== undefined ? true : undefined,
212
+ [`ds-mr-${marginRight}`]: marginRight !== undefined ? true : undefined,
213
+ [`ds-ml-${marginLeft}`]: marginLeft !== undefined ? true : undefined,
214
+ [`ds-m-${m}`]: m !== undefined ? true : undefined,
215
+ [`ds-mt-${mt}`]: mt !== undefined ? true : undefined,
216
+ [`ds-mb-${mb}`]: mb !== undefined ? true : undefined,
217
+ [`ds-mr-${mr}`]: mr !== undefined ? true : undefined,
218
+ [`ds-ml-${ml}`]: ml !== undefined ? true : undefined,
219
+ [`ds-mx-${mx}`]: mx !== undefined ? true : undefined,
220
+ [`ds-my-${my}`]: my !== undefined ? true : undefined,
221
+ [`ds-p-${padding}`]: padding !== undefined ? true : undefined,
222
+ [`ds-pt-${paddingTop}`]: paddingTop !== undefined ? true : undefined,
223
+ [`ds-pb-${paddingBottom}`]:
224
+ paddingBottom !== undefined ? true : undefined,
225
+ [`ds-pr-${paddingRight}`]:
226
+ paddingRight !== undefined ? true : undefined,
227
+ [`ds-pl-${paddingLeft}`]: paddingLeft !== undefined ? true : undefined,
228
+ [`ds-p-${p}`]: p !== undefined ? true : undefined,
229
+ [`ds-pt-${pt}`]: pt !== undefined ? true : undefined,
230
+ [`ds-pb-${pb}`]: pb !== undefined ? true : undefined,
231
+ [`ds-pr-${pr}`]: pr !== undefined ? true : undefined,
232
+ [`ds-pl-${pl}`]: pl !== undefined ? true : undefined,
233
+ [`ds-px-${px}`]: px !== undefined ? true : undefined,
234
+ [`ds-py-${py}`]: py !== undefined ? true : undefined,
235
+ 'ds-print-hidden': !!printHidden,
236
+ 'ds-print-visible-block': printVisible === 'block',
237
+ 'ds-print-visible-inline': printVisible === 'inline',
238
+ 'ds-hidden': !!hidden,
239
+ 'ds-hidden-xs-up': !!xsUpHidden,
240
+ 'ds-hidden-sm-up': !!smUpHidden,
241
+ 'ds-hidden-md-up': !!mdUpHidden,
242
+ 'ds-hidden-lg-up': !!lgUpHidden,
243
+ 'ds-hidden-xl-up': !!xlUpHidden,
244
+ 'ds-hidden-xs': !!xsHidden,
245
+ 'ds-hidden-sm': !!smHidden,
246
+ 'ds-hidden-md': !!mdHidden,
247
+ 'ds-hidden-lg': !!lgHidden,
248
+ 'ds-hidden-xl': !!xlHidden,
249
+ })}
250
+ ref={ref}
251
+ {...props}
252
+ >
253
+ {children}
254
+ </Component>
255
+ );
256
+ });
257
+
258
+ export default Base;