@eturnity/eturnity_reusable_components 8.16.0 → 8.16.2--EPDM-14330.2

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 (932) hide show
  1. package/README.md +29 -29
  2. package/dist/main.es.js +7 -0
  3. package/dist/main.es10.js +10 -0
  4. package/dist/main.es100.js +23 -0
  5. package/dist/main.es101.js +23 -0
  6. package/dist/main.es102.js +20 -0
  7. package/dist/main.es103.js +20 -0
  8. package/dist/main.es104.js +20 -0
  9. package/dist/main.es105.js +37 -0
  10. package/dist/main.es106.js +28 -0
  11. package/dist/main.es107.js +32 -0
  12. package/dist/main.es108.js +18 -0
  13. package/dist/main.es109.js +33 -0
  14. package/dist/main.es11.js +2484 -0
  15. package/dist/main.es110.js +41 -0
  16. package/dist/main.es111.js +36 -0
  17. package/dist/main.es112.js +35 -0
  18. package/dist/main.es113.js +20 -0
  19. package/dist/main.es114.js +23 -0
  20. package/dist/main.es115.js +30 -0
  21. package/dist/main.es116.js +23 -0
  22. package/dist/main.es117.js +32 -0
  23. package/dist/main.es118.js +23 -0
  24. package/dist/main.es119.js +29 -0
  25. package/dist/main.es12.js +133 -0
  26. package/dist/main.es120.js +25 -0
  27. package/dist/main.es121.js +23 -0
  28. package/dist/main.es122.js +28 -0
  29. package/dist/main.es123.js +28 -0
  30. package/dist/main.es124.js +39 -0
  31. package/dist/main.es125.js +37 -0
  32. package/dist/main.es126.js +23 -0
  33. package/dist/main.es127.js +25 -0
  34. package/dist/main.es128.js +23 -0
  35. package/dist/main.es129.js +23 -0
  36. package/dist/main.es13.js +261 -0
  37. package/dist/main.es130.js +23 -0
  38. package/dist/main.es131.js +28 -0
  39. package/dist/main.es132.js +29 -0
  40. package/dist/main.es133.js +29 -0
  41. package/dist/main.es134.js +21 -0
  42. package/dist/main.es135.js +20 -0
  43. package/dist/main.es136.js +28 -0
  44. package/dist/main.es137.js +24 -0
  45. package/dist/main.es138.js +28 -0
  46. package/dist/main.es139.js +23 -0
  47. package/dist/main.es14.js +26 -0
  48. package/dist/main.es140.js +33 -0
  49. package/dist/main.es141.js +30 -0
  50. package/dist/main.es142.js +23 -0
  51. package/dist/main.es143.js +20 -0
  52. package/dist/main.es144.js +19 -0
  53. package/dist/main.es145.js +23 -0
  54. package/dist/main.es146.js +29 -0
  55. package/dist/main.es147.js +28 -0
  56. package/dist/main.es148.js +35 -0
  57. package/dist/main.es149.js +25 -0
  58. package/dist/main.es15.js +1058 -0
  59. package/dist/main.es150.js +25 -0
  60. package/dist/main.es151.js +23 -0
  61. package/dist/main.es152.js +41 -0
  62. package/dist/main.es153.js +41 -0
  63. package/dist/main.es154.js +25 -0
  64. package/dist/main.es155.js +23 -0
  65. package/dist/main.es156.js +23 -0
  66. package/dist/main.es157.js +25 -0
  67. package/dist/main.es158.js +23 -0
  68. package/dist/main.es159.js +23 -0
  69. package/dist/main.es16.js +692 -0
  70. package/dist/main.es160.js +23 -0
  71. package/dist/main.es161.js +23 -0
  72. package/dist/main.es162.js +23 -0
  73. package/dist/main.es163.js +23 -0
  74. package/dist/main.es164.js +20 -0
  75. package/dist/main.es165.js +28 -0
  76. package/dist/main.es166.js +28 -0
  77. package/dist/main.es167.js +28 -0
  78. package/dist/main.es168.js +28 -0
  79. package/dist/main.es169.js +25 -0
  80. package/dist/main.es17.js +95 -0
  81. package/dist/main.es170.js +23 -0
  82. package/dist/main.es171.js +23 -0
  83. package/dist/main.es172.js +20 -0
  84. package/dist/main.es173.js +20 -0
  85. package/dist/main.es174.js +23 -0
  86. package/dist/main.es175.js +18 -0
  87. package/dist/main.es176.js +23 -0
  88. package/dist/main.es177.js +20 -0
  89. package/dist/main.es178.js +25 -0
  90. package/dist/main.es179.js +25 -0
  91. package/dist/main.es18.js +78 -0
  92. package/dist/main.es180.js +23 -0
  93. package/dist/main.es181.js +23 -0
  94. package/dist/main.es182.js +20 -0
  95. package/dist/main.es183.js +23 -0
  96. package/dist/main.es184.js +23 -0
  97. package/dist/main.es185.js +32 -0
  98. package/dist/main.es186.js +23 -0
  99. package/dist/main.es187.js +32 -0
  100. package/dist/main.es188.js +37 -0
  101. package/dist/main.es189.js +32 -0
  102. package/dist/main.es19.js +143 -0
  103. package/dist/main.es190.js +39 -0
  104. package/dist/main.es191.js +28 -0
  105. package/dist/main.es192.js +20 -0
  106. package/dist/main.es193.js +20 -0
  107. package/dist/main.es194.js +25 -0
  108. package/dist/main.es195.js +23 -0
  109. package/dist/main.es196.js +40 -0
  110. package/dist/main.es197.js +23 -0
  111. package/dist/main.es198.js +21 -0
  112. package/dist/main.es199.js +19 -0
  113. package/dist/main.es2.js +34 -0
  114. package/dist/main.es20.js +152 -0
  115. package/dist/main.es200.js +20 -0
  116. package/dist/main.es201.js +20 -0
  117. package/dist/main.es202.js +33 -0
  118. package/dist/main.es203.js +23 -0
  119. package/dist/main.es204.js +23 -0
  120. package/dist/main.es205.js +28 -0
  121. package/dist/main.es206.js +23 -0
  122. package/dist/main.es207.js +23 -0
  123. package/dist/main.es208.js +21 -0
  124. package/dist/main.es209.js +23 -0
  125. package/dist/main.es21.js +108 -0
  126. package/dist/main.es210.js +28 -0
  127. package/dist/main.es211.js +23 -0
  128. package/dist/main.es212.js +23 -0
  129. package/dist/main.es213.js +23 -0
  130. package/dist/main.es214.js +28 -0
  131. package/dist/main.es215.js +28 -0
  132. package/dist/main.es216.js +20 -0
  133. package/dist/main.es217.js +23 -0
  134. package/dist/main.es218.js +35 -0
  135. package/dist/main.es219.js +28 -0
  136. package/dist/main.es22.js +4 -0
  137. package/dist/main.es220.js +29 -0
  138. package/dist/main.es221.js +24 -0
  139. package/dist/main.es222.js +23 -0
  140. package/dist/main.es223.js +28 -0
  141. package/dist/main.es224.js +25 -0
  142. package/dist/main.es225.js +23 -0
  143. package/dist/main.es226.js +23 -0
  144. package/dist/main.es227.js +20 -0
  145. package/dist/main.es228.js +20 -0
  146. package/dist/main.es229.js +23 -0
  147. package/dist/main.es23.js +169 -0
  148. package/dist/main.es230.js +23 -0
  149. package/dist/main.es231.js +25 -0
  150. package/dist/main.es232.js +38 -0
  151. package/dist/main.es233.js +30 -0
  152. package/dist/main.es234.js +28 -0
  153. package/dist/main.es235.js +23 -0
  154. package/dist/main.es236.js +22 -0
  155. package/dist/main.es237.js +28 -0
  156. package/dist/main.es238.js +23 -0
  157. package/dist/main.es239.js +18 -0
  158. package/dist/main.es24.js +201 -0
  159. package/dist/main.es240.js +23 -0
  160. package/dist/main.es241.js +25 -0
  161. package/dist/main.es242.js +23 -0
  162. package/dist/main.es243.js +23 -0
  163. package/dist/main.es244.js +23 -0
  164. package/dist/main.es245.js +23 -0
  165. package/dist/main.es246.js +23 -0
  166. package/dist/main.es247.js +23 -0
  167. package/dist/main.es248.js +23 -0
  168. package/dist/main.es249.js +23 -0
  169. package/dist/main.es25.js +55 -0
  170. package/dist/main.es250.js +30 -0
  171. package/dist/main.es251.js +23 -0
  172. package/dist/main.es252.js +23 -0
  173. package/dist/main.es253.js +28 -0
  174. package/dist/main.es254.js +23 -0
  175. package/dist/main.es255.js +23 -0
  176. package/dist/main.es256.js +28 -0
  177. package/dist/main.es257.js +33 -0
  178. package/dist/main.es258.js +28 -0
  179. package/dist/main.es259.js +28 -0
  180. package/dist/main.es26.js +12 -0
  181. package/dist/main.es260.js +23 -0
  182. package/dist/main.es261.js +25 -0
  183. package/dist/main.es262.js +28 -0
  184. package/dist/main.es263.js +30 -0
  185. package/dist/main.es264.js +23 -0
  186. package/dist/main.es265.js +23 -0
  187. package/dist/main.es266.js +23 -0
  188. package/dist/main.es267.js +23 -0
  189. package/dist/main.es268.js +28 -0
  190. package/dist/main.es269.js +252 -0
  191. package/dist/main.es27.js +6 -0
  192. package/dist/main.es270.js +22 -0
  193. package/dist/main.es271.js +25 -0
  194. package/dist/main.es272.js +7 -0
  195. package/dist/main.es273.js +383 -0
  196. package/dist/main.es274.js +54 -0
  197. package/dist/main.es275.js +15 -0
  198. package/dist/main.es276.js +64 -0
  199. package/dist/main.es277.js +4 -0
  200. package/dist/main.es278.js +4 -0
  201. package/dist/main.es279.js +4 -0
  202. package/dist/main.es28.js +103 -0
  203. package/dist/main.es280.js +4 -0
  204. package/dist/main.es281.js +4 -0
  205. package/dist/main.es282.js +4 -0
  206. package/dist/main.es283.js +4 -0
  207. package/dist/main.es284.js +4 -0
  208. package/dist/main.es285.js +4 -0
  209. package/dist/main.es286.js +4 -0
  210. package/dist/main.es287.js +4 -0
  211. package/dist/main.es288.js +4 -0
  212. package/dist/main.es289.js +4 -0
  213. package/dist/main.es29.js +62 -0
  214. package/dist/main.es290.js +4 -0
  215. package/dist/main.es291.js +4 -0
  216. package/dist/main.es292.js +4 -0
  217. package/dist/main.es293.js +4 -0
  218. package/dist/main.es294.js +4 -0
  219. package/dist/main.es295.js +4 -0
  220. package/dist/main.es296.js +4 -0
  221. package/dist/main.es297.js +4 -0
  222. package/dist/main.es298.js +4 -0
  223. package/dist/main.es299.js +4 -0
  224. package/dist/main.es3.js +70 -0
  225. package/dist/main.es30.js +69 -0
  226. package/dist/main.es300.js +4 -0
  227. package/dist/main.es301.js +4 -0
  228. package/dist/main.es302.js +4 -0
  229. package/dist/main.es303.js +4 -0
  230. package/dist/main.es304.js +4 -0
  231. package/dist/main.es305.js +4 -0
  232. package/dist/main.es306.js +4 -0
  233. package/dist/main.es307.js +4 -0
  234. package/dist/main.es308.js +4 -0
  235. package/dist/main.es309.js +4 -0
  236. package/dist/main.es31.js +801 -0
  237. package/dist/main.es310.js +4 -0
  238. package/dist/main.es311.js +4 -0
  239. package/dist/main.es312.js +4 -0
  240. package/dist/main.es313.js +4 -0
  241. package/dist/main.es314.js +4 -0
  242. package/dist/main.es315.js +4 -0
  243. package/dist/main.es316.js +4 -0
  244. package/dist/main.es317.js +4 -0
  245. package/dist/main.es318.js +4 -0
  246. package/dist/main.es319.js +4 -0
  247. package/dist/main.es32.js +127 -0
  248. package/dist/main.es320.js +4 -0
  249. package/dist/main.es321.js +4 -0
  250. package/dist/main.es322.js +4 -0
  251. package/dist/main.es323.js +4 -0
  252. package/dist/main.es324.js +4 -0
  253. package/dist/main.es325.js +4 -0
  254. package/dist/main.es326.js +4 -0
  255. package/dist/main.es327.js +4 -0
  256. package/dist/main.es328.js +4 -0
  257. package/dist/main.es329.js +4 -0
  258. package/dist/main.es33.js +4 -0
  259. package/dist/main.es330.js +4 -0
  260. package/dist/main.es331.js +4 -0
  261. package/dist/main.es332.js +4 -0
  262. package/dist/main.es333.js +4 -0
  263. package/dist/main.es334.js +4 -0
  264. package/dist/main.es335.js +4 -0
  265. package/dist/main.es336.js +4 -0
  266. package/dist/main.es337.js +4 -0
  267. package/dist/main.es338.js +4 -0
  268. package/dist/main.es339.js +4 -0
  269. package/dist/main.es34.js +29 -0
  270. package/dist/main.es340.js +4 -0
  271. package/dist/main.es341.js +4 -0
  272. package/dist/main.es342.js +4 -0
  273. package/dist/main.es343.js +4 -0
  274. package/dist/main.es344.js +4 -0
  275. package/dist/main.es345.js +4 -0
  276. package/dist/main.es346.js +4 -0
  277. package/dist/main.es347.js +4 -0
  278. package/dist/main.es348.js +4 -0
  279. package/dist/main.es349.js +4 -0
  280. package/dist/main.es35.js +34 -0
  281. package/dist/main.es350.js +4 -0
  282. package/dist/main.es351.js +4 -0
  283. package/dist/main.es352.js +4 -0
  284. package/dist/main.es353.js +4 -0
  285. package/dist/main.es354.js +4 -0
  286. package/dist/main.es355.js +4 -0
  287. package/dist/main.es356.js +4 -0
  288. package/dist/main.es357.js +4 -0
  289. package/dist/main.es358.js +4 -0
  290. package/dist/main.es359.js +4 -0
  291. package/dist/main.es36.js +36 -0
  292. package/dist/main.es360.js +4 -0
  293. package/dist/main.es361.js +4 -0
  294. package/dist/main.es362.js +4 -0
  295. package/dist/main.es363.js +4 -0
  296. package/dist/main.es364.js +4 -0
  297. package/dist/main.es365.js +4 -0
  298. package/dist/main.es366.js +4 -0
  299. package/dist/main.es367.js +4 -0
  300. package/dist/main.es368.js +4 -0
  301. package/dist/main.es369.js +4 -0
  302. package/dist/main.es37.js +41 -0
  303. package/dist/main.es370.js +4 -0
  304. package/dist/main.es371.js +4 -0
  305. package/dist/main.es372.js +4 -0
  306. package/dist/main.es373.js +4 -0
  307. package/dist/main.es374.js +4 -0
  308. package/dist/main.es375.js +4 -0
  309. package/dist/main.es376.js +4 -0
  310. package/dist/main.es377.js +4 -0
  311. package/dist/main.es378.js +4 -0
  312. package/dist/main.es379.js +4 -0
  313. package/dist/main.es38.js +35 -0
  314. package/dist/main.es380.js +4 -0
  315. package/dist/main.es381.js +4 -0
  316. package/dist/main.es382.js +4 -0
  317. package/dist/main.es383.js +4 -0
  318. package/dist/main.es384.js +4 -0
  319. package/dist/main.es385.js +4 -0
  320. package/dist/main.es386.js +4 -0
  321. package/dist/main.es387.js +4 -0
  322. package/dist/main.es388.js +4 -0
  323. package/dist/main.es389.js +4 -0
  324. package/dist/main.es39.js +20 -0
  325. package/dist/main.es390.js +4 -0
  326. package/dist/main.es391.js +4 -0
  327. package/dist/main.es392.js +4 -0
  328. package/dist/main.es393.js +4 -0
  329. package/dist/main.es394.js +4 -0
  330. package/dist/main.es395.js +4 -0
  331. package/dist/main.es396.js +4 -0
  332. package/dist/main.es397.js +4 -0
  333. package/dist/main.es398.js +4 -0
  334. package/dist/main.es399.js +4 -0
  335. package/dist/main.es4.js +19 -0
  336. package/dist/main.es40.js +20 -0
  337. package/dist/main.es400.js +4 -0
  338. package/dist/main.es401.js +4 -0
  339. package/dist/main.es402.js +4 -0
  340. package/dist/main.es403.js +4 -0
  341. package/dist/main.es404.js +4 -0
  342. package/dist/main.es405.js +4 -0
  343. package/dist/main.es406.js +4 -0
  344. package/dist/main.es407.js +4 -0
  345. package/dist/main.es408.js +4 -0
  346. package/dist/main.es409.js +4 -0
  347. package/dist/main.es41.js +25 -0
  348. package/dist/main.es410.js +4 -0
  349. package/dist/main.es411.js +4 -0
  350. package/dist/main.es412.js +4 -0
  351. package/dist/main.es413.js +4 -0
  352. package/dist/main.es414.js +4 -0
  353. package/dist/main.es415.js +4 -0
  354. package/dist/main.es416.js +4 -0
  355. package/dist/main.es417.js +4 -0
  356. package/dist/main.es418.js +4 -0
  357. package/dist/main.es419.js +4 -0
  358. package/dist/main.es42.js +28 -0
  359. package/dist/main.es420.js +4 -0
  360. package/dist/main.es421.js +4 -0
  361. package/dist/main.es422.js +4 -0
  362. package/dist/main.es423.js +4 -0
  363. package/dist/main.es424.js +4 -0
  364. package/dist/main.es425.js +4 -0
  365. package/dist/main.es426.js +4 -0
  366. package/dist/main.es427.js +4 -0
  367. package/dist/main.es428.js +4 -0
  368. package/dist/main.es429.js +4 -0
  369. package/dist/main.es43.js +23 -0
  370. package/dist/main.es430.js +4 -0
  371. package/dist/main.es431.js +4 -0
  372. package/dist/main.es432.js +4 -0
  373. package/dist/main.es433.js +4 -0
  374. package/dist/main.es434.js +4 -0
  375. package/dist/main.es435.js +4 -0
  376. package/dist/main.es436.js +4 -0
  377. package/dist/main.es437.js +4 -0
  378. package/dist/main.es438.js +4 -0
  379. package/dist/main.es439.js +4 -0
  380. package/dist/main.es44.js +44 -0
  381. package/dist/main.es440.js +4 -0
  382. package/dist/main.es441.js +4 -0
  383. package/dist/main.es442.js +4 -0
  384. package/dist/main.es443.js +4 -0
  385. package/dist/main.es444.js +4 -0
  386. package/dist/main.es445.js +4 -0
  387. package/dist/main.es446.js +4 -0
  388. package/dist/main.es447.js +4 -0
  389. package/dist/main.es448.js +4 -0
  390. package/dist/main.es449.js +4 -0
  391. package/dist/main.es45.js +38 -0
  392. package/dist/main.es450.js +4 -0
  393. package/dist/main.es451.js +4 -0
  394. package/dist/main.es452.js +4 -0
  395. package/dist/main.es453.js +4 -0
  396. package/dist/main.es454.js +4 -0
  397. package/dist/main.es455.js +4 -0
  398. package/dist/main.es456.js +4 -0
  399. package/dist/main.es457.js +4 -0
  400. package/dist/main.es458.js +4 -0
  401. package/dist/main.es459.js +4 -0
  402. package/dist/main.es46.js +23 -0
  403. package/dist/main.es460.js +4 -0
  404. package/dist/main.es461.js +4 -0
  405. package/dist/main.es462.js +4 -0
  406. package/dist/main.es463.js +4 -0
  407. package/dist/main.es464.js +4 -0
  408. package/dist/main.es465.js +4 -0
  409. package/dist/main.es466.js +4 -0
  410. package/dist/main.es467.js +4 -0
  411. package/dist/main.es468.js +4 -0
  412. package/dist/main.es469.js +4 -0
  413. package/dist/main.es47.js +23 -0
  414. package/dist/main.es470.js +4 -0
  415. package/dist/main.es471.js +4 -0
  416. package/dist/main.es472.js +4 -0
  417. package/dist/main.es473.js +4 -0
  418. package/dist/main.es474.js +4 -0
  419. package/dist/main.es475.js +4 -0
  420. package/dist/main.es476.js +4 -0
  421. package/dist/main.es477.js +4 -0
  422. package/dist/main.es478.js +4 -0
  423. package/dist/main.es479.js +4 -0
  424. package/dist/main.es48.js +24 -0
  425. package/dist/main.es480.js +4 -0
  426. package/dist/main.es481.js +4 -0
  427. package/dist/main.es482.js +4 -0
  428. package/dist/main.es483.js +4 -0
  429. package/dist/main.es484.js +4 -0
  430. package/dist/main.es485.js +4 -0
  431. package/dist/main.es486.js +4 -0
  432. package/dist/main.es487.js +4 -0
  433. package/dist/main.es488.js +4 -0
  434. package/dist/main.es489.js +4 -0
  435. package/dist/main.es49.js +35 -0
  436. package/dist/main.es490.js +4 -0
  437. package/dist/main.es491.js +4 -0
  438. package/dist/main.es492.js +4 -0
  439. package/dist/main.es493.js +4 -0
  440. package/dist/main.es494.js +4 -0
  441. package/dist/main.es495.js +4 -0
  442. package/dist/main.es496.js +4 -0
  443. package/dist/main.es497.js +4 -0
  444. package/dist/main.es498.js +4 -0
  445. package/dist/main.es499.js +4 -0
  446. package/dist/main.es5.js +586 -0
  447. package/dist/main.es50.js +30 -0
  448. package/dist/main.es500.js +4 -0
  449. package/dist/main.es501.js +4 -0
  450. package/dist/main.es502.js +4 -0
  451. package/dist/main.es503.js +4 -0
  452. package/dist/main.es504.js +4 -0
  453. package/dist/main.es505.js +4 -0
  454. package/dist/main.es506.js +4 -0
  455. package/dist/main.es507.js +4 -0
  456. package/dist/main.es508.js +4 -0
  457. package/dist/main.es509.js +4 -0
  458. package/dist/main.es51.js +34 -0
  459. package/dist/main.es510.js +4 -0
  460. package/dist/main.es511.js +88 -0
  461. package/dist/main.es52.js +20 -0
  462. package/dist/main.es53.js +20 -0
  463. package/dist/main.es54.js +23 -0
  464. package/dist/main.es55.js +28 -0
  465. package/dist/main.es56.js +28 -0
  466. package/dist/main.es57.js +23 -0
  467. package/dist/main.es58.js +25 -0
  468. package/dist/main.es59.js +24 -0
  469. package/dist/main.es6.js +5872 -0
  470. package/dist/main.es60.js +23 -0
  471. package/dist/main.es61.js +23 -0
  472. package/dist/main.es62.js +23 -0
  473. package/dist/main.es63.js +23 -0
  474. package/dist/main.es64.js +23 -0
  475. package/dist/main.es65.js +20 -0
  476. package/dist/main.es66.js +23 -0
  477. package/dist/main.es67.js +23 -0
  478. package/dist/main.es68.js +21 -0
  479. package/dist/main.es69.js +20 -0
  480. package/dist/main.es7.js +1904 -0
  481. package/dist/main.es70.js +23 -0
  482. package/dist/main.es71.js +28 -0
  483. package/dist/main.es72.js +28 -0
  484. package/dist/main.es73.js +23 -0
  485. package/dist/main.es74.js +23 -0
  486. package/dist/main.es75.js +23 -0
  487. package/dist/main.es76.js +23 -0
  488. package/dist/main.es77.js +31 -0
  489. package/dist/main.es78.js +23 -0
  490. package/dist/main.es79.js +33 -0
  491. package/dist/main.es8.js +42 -0
  492. package/dist/main.es80.js +30 -0
  493. package/dist/main.es81.js +23 -0
  494. package/dist/main.es82.js +22 -0
  495. package/dist/main.es83.js +25 -0
  496. package/dist/main.es84.js +28 -0
  497. package/dist/main.es85.js +35 -0
  498. package/dist/main.es86.js +23 -0
  499. package/dist/main.es87.js +23 -0
  500. package/dist/main.es88.js +33 -0
  501. package/dist/main.es89.js +20 -0
  502. package/dist/main.es9.js +4 -0
  503. package/dist/main.es90.js +28 -0
  504. package/dist/main.es91.js +28 -0
  505. package/dist/main.es92.js +23 -0
  506. package/dist/main.es93.js +23 -0
  507. package/dist/main.es94.js +24 -0
  508. package/dist/main.es95.js +28 -0
  509. package/dist/main.es96.js +28 -0
  510. package/dist/main.es97.js +23 -0
  511. package/dist/main.es98.js +23 -0
  512. package/dist/main.es99.js +28 -0
  513. package/dist/style.css +1 -0
  514. package/package.json +85 -85
  515. package/src/App.vue +30 -30
  516. package/src/Test.vue +64 -64
  517. package/src/assets/icons/arrow_down.svg +3 -3
  518. package/src/assets/icons/arrow_up_red.svg +3 -3
  519. package/src/assets/icons/black_spinner.svg +35 -35
  520. package/src/assets/icons/collapse_arrow_icon_white.svg +1 -0
  521. package/src/assets/icons/delete_icon.svg +11 -11
  522. package/src/assets/icons/delete_icon_gray.svg +11 -11
  523. package/src/assets/icons/drag_icon.svg +8 -8
  524. package/src/assets/icons/external_icon.svg +6 -6
  525. package/src/assets/icons/language_icon.svg +6 -6
  526. package/src/assets/icons/pdf_icon.svg +6 -6
  527. package/src/assets/icons/plus_button.svg +4 -4
  528. package/src/assets/icons/search_icon_black.svg +3 -3
  529. package/src/assets/icons/subposition_icon.svg +3 -3
  530. package/src/assets/icons/subposition_marker.svg +3 -3
  531. package/src/assets/icons/warning_icon.svg +3 -3
  532. package/src/assets/svgIcons/2d_active.svg +7 -7
  533. package/src/assets/svgIcons/2d_inactive.svg +8 -8
  534. package/src/assets/svgIcons/3d_active.svg +7 -7
  535. package/src/assets/svgIcons/3d_inactive.svg +8 -8
  536. package/src/assets/svgIcons/_readme.md +7 -7
  537. package/src/assets/svgIcons/accept.svg +5 -5
  538. package/src/assets/svgIcons/activate_panels_active.svg +22 -22
  539. package/src/assets/svgIcons/activate_panels_inactive.svg +20 -20
  540. package/src/assets/svgIcons/add_icon-1.svg +3 -3
  541. package/src/assets/svgIcons/add_icon.svg +4 -4
  542. package/src/assets/svgIcons/address_book.svg +3 -3
  543. package/src/assets/svgIcons/adjust_roof.svg +6 -6
  544. package/src/assets/svgIcons/after_sale_as_a_service.svg +6 -6
  545. package/src/assets/svgIcons/all_good.svg +3 -3
  546. package/src/assets/svgIcons/angle_active.svg +5 -5
  547. package/src/assets/svgIcons/angle_inactive.svg +4 -4
  548. package/src/assets/svgIcons/area_active.svg +11 -11
  549. package/src/assets/svgIcons/area_inactive.svg +26 -26
  550. package/src/assets/svgIcons/areas_tool.svg +14 -14
  551. package/src/assets/svgIcons/arrow_down.svg +3 -3
  552. package/src/assets/svgIcons/arrow_down_unfilled.svg +4 -4
  553. package/src/assets/svgIcons/arrow_left.svg +4 -4
  554. package/src/assets/svgIcons/arrow_right.svg +4 -4
  555. package/src/assets/svgIcons/arrow_up.svg +3 -3
  556. package/src/assets/svgIcons/arrow_up_unfilled.svg +4 -4
  557. package/src/assets/svgIcons/attachment.svg +3 -3
  558. package/src/assets/svgIcons/base_layer.svg +3 -3
  559. package/src/assets/svgIcons/battery.svg +3 -3
  560. package/src/assets/svgIcons/bell.svg +3 -3
  561. package/src/assets/svgIcons/bell_alt.svg +3 -3
  562. package/src/assets/svgIcons/bexio.svg +4 -4
  563. package/src/assets/svgIcons/bold.svg +3 -3
  564. package/src/assets/svgIcons/bom.svg +3 -3
  565. package/src/assets/svgIcons/bom_generation.svg +10 -10
  566. package/src/assets/svgIcons/bookmaker.svg +3 -3
  567. package/src/assets/svgIcons/bubble.svg +3 -3
  568. package/src/assets/svgIcons/bug.svg +5 -5
  569. package/src/assets/svgIcons/buildings.svg +55 -55
  570. package/src/assets/svgIcons/bullet_list.svg +8 -8
  571. package/src/assets/svgIcons/calendar.svg +7 -7
  572. package/src/assets/svgIcons/calendar_icon.svg +7 -7
  573. package/src/assets/svgIcons/call.svg +3 -3
  574. package/src/assets/svgIcons/camera.svg +3 -3
  575. package/src/assets/svgIcons/car.svg +3 -3
  576. package/src/assets/svgIcons/cart.svg +3 -3
  577. package/src/assets/svgIcons/charger_icon_white.svg +44 -44
  578. package/src/assets/svgIcons/checkbox.svg +3 -3
  579. package/src/assets/svgIcons/checkmark.svg +3 -3
  580. package/src/assets/svgIcons/checkmark_white.svg +4 -4
  581. package/src/assets/svgIcons/clear_formatting.svg +7 -7
  582. package/src/assets/svgIcons/clenergy.svg +3 -3
  583. package/src/assets/svgIcons/clickable_info.svg +4 -4
  584. package/src/assets/svgIcons/clickable_info_white.svg +5 -5
  585. package/src/assets/svgIcons/clip.svg +3 -3
  586. package/src/assets/svgIcons/clock.svg +17 -17
  587. package/src/assets/svgIcons/clock_full.svg +3 -3
  588. package/src/assets/svgIcons/close.svg +4 -4
  589. package/src/assets/svgIcons/co_branding.svg +5 -5
  590. package/src/assets/svgIcons/collapse.svg +4 -4
  591. package/src/assets/svgIcons/collapse_all.svg +3 -3
  592. package/src/assets/svgIcons/collections.svg +3 -3
  593. package/src/assets/svgIcons/component_library.svg +7 -7
  594. package/src/assets/svgIcons/consumption_tariffs.svg +43 -43
  595. package/src/assets/svgIcons/context_menu-1.svg +6 -6
  596. package/src/assets/svgIcons/context_menu-2.svg +5 -5
  597. package/src/assets/svgIcons/context_menu.svg +5 -5
  598. package/src/assets/svgIcons/context_menu_tabs.svg +5 -5
  599. package/src/assets/svgIcons/cross.svg +4 -4
  600. package/src/assets/svgIcons/current_variant.svg +4 -4
  601. package/src/assets/svgIcons/customer.svg +3 -3
  602. package/src/assets/svgIcons/dashboard.svg +3 -3
  603. package/src/assets/svgIcons/data_transfer.svg +3 -3
  604. package/src/assets/svgIcons/deadline.svg +4 -4
  605. package/src/assets/svgIcons/deal_flow.svg +3 -3
  606. package/src/assets/svgIcons/delete.svg +4 -4
  607. package/src/assets/svgIcons/delete_area_active.svg +16 -16
  608. package/src/assets/svgIcons/delete_area_inactive.svg +15 -15
  609. package/src/assets/svgIcons/direction_active-1.svg +12 -12
  610. package/src/assets/svgIcons/direction_active.svg +5 -5
  611. package/src/assets/svgIcons/direction_arrow.svg +4 -4
  612. package/src/assets/svgIcons/direction_inactive.svg +4 -4
  613. package/src/assets/svgIcons/dislike.svg +3 -3
  614. package/src/assets/svgIcons/distance_tool.svg +8 -8
  615. package/src/assets/svgIcons/distances_active.svg +9 -9
  616. package/src/assets/svgIcons/distances_inactive.svg +8 -8
  617. package/src/assets/svgIcons/distort_tool.svg +10 -10
  618. package/src/assets/svgIcons/distort_tool2.svg +16 -16
  619. package/src/assets/svgIcons/document.svg +3 -3
  620. package/src/assets/svgIcons/documents.svg +3 -3
  621. package/src/assets/svgIcons/downarrow.svg +3 -3
  622. package/src/assets/svgIcons/download.svg +4 -4
  623. package/src/assets/svgIcons/drag_icon.svg +8 -8
  624. package/src/assets/svgIcons/draggable_corner.svg +5 -5
  625. package/src/assets/svgIcons/draw_tool.svg +3 -3
  626. package/src/assets/svgIcons/duplicate-1.svg +8 -8
  627. package/src/assets/svgIcons/duplicate-2.svg +5 -5
  628. package/src/assets/svgIcons/duplicate.svg +4 -4
  629. package/src/assets/svgIcons/e-mobility_configurator.svg +6 -6
  630. package/src/assets/svgIcons/e_signature.svg +5 -5
  631. package/src/assets/svgIcons/edit_button.svg +3 -3
  632. package/src/assets/svgIcons/efs.svg +5 -5
  633. package/src/assets/svgIcons/electricity_tariff.svg +3 -3
  634. package/src/assets/svgIcons/email.svg +3 -3
  635. package/src/assets/svgIcons/ems-1.svg +3 -3
  636. package/src/assets/svgIcons/ems.svg +3 -3
  637. package/src/assets/svgIcons/end_of_the_list.svg +5 -5
  638. package/src/assets/svgIcons/energy_meter.svg +3 -3
  639. package/src/assets/svgIcons/erase.svg +4 -4
  640. package/src/assets/svgIcons/erase_white.svg +4 -4
  641. package/src/assets/svgIcons/expand_all.svg +4 -4
  642. package/src/assets/svgIcons/export_document.svg +3 -3
  643. package/src/assets/svgIcons/external_icon.svg +5 -5
  644. package/src/assets/svgIcons/fav_icon.svg +4 -4
  645. package/src/assets/svgIcons/finance.svg +3 -3
  646. package/src/assets/svgIcons/financing_for_pv-1.svg +5 -5
  647. package/src/assets/svgIcons/financing_for_pv-2.svg +3 -3
  648. package/src/assets/svgIcons/financing_for_pv.svg +3 -3
  649. package/src/assets/svgIcons/finish-1.svg +4 -4
  650. package/src/assets/svgIcons/finish.svg +3 -3
  651. package/src/assets/svgIcons/flatten.svg +11 -11
  652. package/src/assets/svgIcons/flatten_roof.svg +20 -20
  653. package/src/assets/svgIcons/folder.svg +3 -3
  654. package/src/assets/svgIcons/free_technology.svg +3 -3
  655. package/src/assets/svgIcons/handle.svg +5 -5
  656. package/src/assets/svgIcons/heat_calc.svg +7 -7
  657. package/src/assets/svgIcons/heat_pump.svg +5 -5
  658. package/src/assets/svgIcons/heating_system.svg +3 -3
  659. package/src/assets/svgIcons/height_equalize.svg +3 -3
  660. package/src/assets/svgIcons/height_snap.svg +3 -3
  661. package/src/assets/svgIcons/house.svg +3 -3
  662. package/src/assets/svgIcons/house_3d-1.svg +7 -7
  663. package/src/assets/svgIcons/house_3d.svg +7 -7
  664. package/src/assets/svgIcons/house_sun.svg +3 -0
  665. package/src/assets/svgIcons/hybrid.svg +4 -4
  666. package/src/assets/svgIcons/inclination.svg +2 -2
  667. package/src/assets/svgIcons/info.svg +3 -3
  668. package/src/assets/svgIcons/initial_situation.svg +3 -3
  669. package/src/assets/svgIcons/integrations.svg +3 -3
  670. package/src/assets/svgIcons/intro-tour-1.svg +3 -3
  671. package/src/assets/svgIcons/intro-tour.svg +3 -3
  672. package/src/assets/svgIcons/inverter.svg +3 -3
  673. package/src/assets/svgIcons/italic.svg +3 -3
  674. package/src/assets/svgIcons/k2.svg +4 -4
  675. package/src/assets/svgIcons/kanban_view.svg +6 -0
  676. package/src/assets/svgIcons/key.svg +3 -3
  677. package/src/assets/svgIcons/lake.svg +29 -29
  678. package/src/assets/svgIcons/layers_close.svg +4 -4
  679. package/src/assets/svgIcons/layers_open.svg +4 -4
  680. package/src/assets/svgIcons/lead_marketplace.svg +6 -6
  681. package/src/assets/svgIcons/lead_provider.svg +4 -4
  682. package/src/assets/svgIcons/length_2d.svg +2 -2
  683. package/src/assets/svgIcons/length_3d.svg +4 -4
  684. package/src/assets/svgIcons/length_calculator.svg +2 -2
  685. package/src/assets/svgIcons/length_in_2d_active.svg +12 -12
  686. package/src/assets/svgIcons/length_in_2d_inctive.svg +13 -13
  687. package/src/assets/svgIcons/light_bulb.svg +3 -3
  688. package/src/assets/svgIcons/like.svg +3 -3
  689. package/src/assets/svgIcons/line_graph.svg +3 -3
  690. package/src/assets/svgIcons/local_subsidies.svg +18 -18
  691. package/src/assets/svgIcons/location.svg +3 -3
  692. package/src/assets/svgIcons/lock.svg +3 -3
  693. package/src/assets/svgIcons/logout.svg +3 -3
  694. package/src/assets/svgIcons/loop.svg +3 -3
  695. package/src/assets/svgIcons/low-vegetation.svg +37 -37
  696. package/src/assets/svgIcons/lunch.svg +4 -4
  697. package/src/assets/svgIcons/magic_tool.svg +6 -6
  698. package/src/assets/svgIcons/map_icon.svg +5 -5
  699. package/src/assets/svgIcons/map_settings.svg +3 -3
  700. package/src/assets/svgIcons/margin_tool.svg +4 -4
  701. package/src/assets/svgIcons/meeting.svg +6 -6
  702. package/src/assets/svgIcons/module.svg +3 -3
  703. package/src/assets/svgIcons/move_copy.svg +4 -4
  704. package/src/assets/svgIcons/move_down.svg +3 -3
  705. package/src/assets/svgIcons/move_up.svg +3 -3
  706. package/src/assets/svgIcons/new_area_inactive.svg +11 -11
  707. package/src/assets/svgIcons/next.svg +4 -4
  708. package/src/assets/svgIcons/normal-tg.svg +30 -30
  709. package/src/assets/svgIcons/normal-vegetation.svg +53 -53
  710. package/src/assets/svgIcons/not_equal_to.svg +3 -3
  711. package/src/assets/svgIcons/numbered_list.svg +6 -6
  712. package/src/assets/svgIcons/obstacle_tool.svg +8 -8
  713. package/src/assets/svgIcons/obstacle_tool_origin.svg +3 -3
  714. package/src/assets/svgIcons/offset_tool.svg +8 -8
  715. package/src/assets/svgIcons/open-tg.svg +21 -21
  716. package/src/assets/svgIcons/optimizer.svg +3 -3
  717. package/src/assets/svgIcons/outline_tool.svg +11 -11
  718. package/src/assets/svgIcons/pan_tool.svg +12 -12
  719. package/src/assets/svgIcons/panels_tool.svg +8 -8
  720. package/src/assets/svgIcons/pen_tool.svg +4 -4
  721. package/src/assets/svgIcons/picker_tool.svg +4 -4
  722. package/src/assets/svgIcons/picture.svg +3 -3
  723. package/src/assets/svgIcons/pin.svg +5 -5
  724. package/src/assets/svgIcons/plus_button.svg +4 -4
  725. package/src/assets/svgIcons/presentation.svg +3 -3
  726. package/src/assets/svgIcons/previous.svg +4 -4
  727. package/src/assets/svgIcons/profile-1.svg +4 -4
  728. package/src/assets/svgIcons/profile.svg +3 -3
  729. package/src/assets/svgIcons/profitability.svg +3 -3
  730. package/src/assets/svgIcons/project_analysis.svg +3 -3
  731. package/src/assets/svgIcons/project_settings.svg +3 -3
  732. package/src/assets/svgIcons/protected-tg.svg +47 -47
  733. package/src/assets/svgIcons/pv.svg +3 -3
  734. package/src/assets/svgIcons/question_mark.svg +3 -3
  735. package/src/assets/svgIcons/question_mark_white.svg +4 -4
  736. package/src/assets/svgIcons/quotations.svg +6 -6
  737. package/src/assets/svgIcons/redo.svg +6 -6
  738. package/src/assets/svgIcons/reorder_string.svg +3 -3
  739. package/src/assets/svgIcons/resizer.svg +5 -5
  740. package/src/assets/svgIcons/roof_layer.svg +3 -3
  741. package/src/assets/svgIcons/rotate_tool.svg +3 -3
  742. package/src/assets/svgIcons/rotate_view.svg +5 -5
  743. package/src/assets/svgIcons/ruler_tool.svg +3 -3
  744. package/src/assets/svgIcons/run_simulation.svg +3 -3
  745. package/src/assets/svgIcons/save.svg +3 -3
  746. package/src/assets/svgIcons/scaling_tool.svg +8 -8
  747. package/src/assets/svgIcons/sea.svg +34 -34
  748. package/src/assets/svgIcons/search.svg +3 -3
  749. package/src/assets/svgIcons/security.svg +3 -3
  750. package/src/assets/svgIcons/settings.svg +3 -3
  751. package/src/assets/svgIcons/show_in_a_new_tab.svg +12 -12
  752. package/src/assets/svgIcons/smartphone.svg +4 -4
  753. package/src/assets/svgIcons/solar_calc.svg +13 -13
  754. package/src/assets/svgIcons/solarmarkt.svg +3 -3
  755. package/src/assets/svgIcons/sorting.svg +4 -4
  756. package/src/assets/svgIcons/split.svg +12 -12
  757. package/src/assets/svgIcons/star.svg +3 -3
  758. package/src/assets/svgIcons/start_of_the_list.svg +5 -5
  759. package/src/assets/svgIcons/strikethrough.svg +4 -4
  760. package/src/assets/svgIcons/string_design.svg +5 -5
  761. package/src/assets/svgIcons/string_directions.svg +10 -10
  762. package/src/assets/svgIcons/subscriptions.svg +3 -3
  763. package/src/assets/svgIcons/subsidies-2.svg +3 -3
  764. package/src/assets/svgIcons/subsidies.svg +3 -3
  765. package/src/assets/svgIcons/subtract_icon.svg +3 -3
  766. package/src/assets/svgIcons/suitcase.svg +3 -3
  767. package/src/assets/svgIcons/summer.svg +3 -3
  768. package/src/assets/svgIcons/switch_polarity.svg +5 -5
  769. package/src/assets/svgIcons/table_view.svg +3 -0
  770. package/src/assets/svgIcons/template_icon_not_clickable.svg +6 -6
  771. package/src/assets/svgIcons/transfer.svg +4 -4
  772. package/src/assets/svgIcons/transparent_warning.svg +4 -4
  773. package/src/assets/svgIcons/trim_tool.svg +4 -4
  774. package/src/assets/svgIcons/truck.svg +3 -3
  775. package/src/assets/svgIcons/underlined.svg +3 -3
  776. package/src/assets/svgIcons/undo.svg +6 -6
  777. package/src/assets/svgIcons/uparrow.svg +3 -3
  778. package/src/assets/svgIcons/update.svg +3 -3
  779. package/src/assets/svgIcons/upload_avatar-1.svg +12 -12
  780. package/src/assets/svgIcons/upload_avatar.svg +5 -5
  781. package/src/assets/svgIcons/upload_image.svg +8 -8
  782. package/src/assets/svgIcons/upload_image_tool.svg +7 -7
  783. package/src/assets/svgIcons/variants.svg +3 -3
  784. package/src/assets/svgIcons/vdv.svg +5 -5
  785. package/src/assets/svgIcons/vertical_tool.svg +3 -3
  786. package/src/assets/svgIcons/virtual_storage.svg +3 -3
  787. package/src/assets/svgIcons/warning.svg +4 -4
  788. package/src/assets/svgIcons/warning_triangle.svg +3 -3
  789. package/src/assets/svgIcons/warning_triangle_white.svg +5 -5
  790. package/src/assets/svgIcons/way.svg +5 -5
  791. package/src/assets/svgIcons/wifi.svg +3 -3
  792. package/src/assets/svgIcons/winter.svg +3 -3
  793. package/src/assets/svgIcons/workflow_template.svg +11 -11
  794. package/src/assets/tests/__mocks__/iconCache.js +1 -1
  795. package/src/assets/tests/__mocks__/svgMock.js +1 -1
  796. package/src/assets/tests/helpers.js +12 -12
  797. package/src/assets/theme.js +624 -623
  798. package/src/components/addNewButton/AddNewButton.stories.js +17 -17
  799. package/src/components/addNewButton/addNewButton.spec.js +23 -23
  800. package/src/components/addNewButton/index.vue +66 -66
  801. package/src/components/banner/actionBanner/ActionBanner.stories.js +45 -45
  802. package/src/components/banner/actionBanner/actionBanner.spec.js +76 -76
  803. package/src/components/banner/actionBanner/index.vue +86 -86
  804. package/src/components/banner/banner/Banner.stories.js +64 -64
  805. package/src/components/banner/banner/banner.spec.js +149 -149
  806. package/src/components/banner/banner/index.vue +205 -205
  807. package/src/components/banner/infoBanner/InfoBanner.spec.js +70 -70
  808. package/src/components/banner/infoBanner/InfoBanner.stories.js +42 -42
  809. package/src/components/banner/infoBanner/index.vue +97 -97
  810. package/src/components/banner/notificationBanner/index.vue +131 -131
  811. package/src/components/buttons/buttonIcon/index.vue +256 -250
  812. package/src/components/buttons/closeButton/CloseButton.stories.js +25 -25
  813. package/src/components/buttons/closeButton/index.vue +62 -62
  814. package/src/components/buttons/mainButton/MainButton.stories.js +51 -51
  815. package/src/components/buttons/mainButton/index.vue +213 -213
  816. package/src/components/buttons/mainButton/mainButton.spec.js +35 -35
  817. package/src/components/card/Card.stories.js +79 -79
  818. package/src/components/card/card.spec.js +135 -135
  819. package/src/components/card/index.vue +116 -116
  820. package/src/components/collapsableInfoText/index.vue +127 -127
  821. package/src/components/deleteIcon/DeleteIcon.stories.js +29 -29
  822. package/src/components/deleteIcon/index.vue +78 -78
  823. package/src/components/draggableCard/defaultProps.js +16 -0
  824. package/src/components/draggableCard/draggableCard.spec.js +99 -0
  825. package/src/components/draggableCard/draggableCard.stories.js +79 -0
  826. package/src/components/draggableCard/index.vue +363 -0
  827. package/src/components/draggableInputHandle/index.vue +46 -46
  828. package/src/components/dropdown/Dropdown.stories.js +53 -53
  829. package/src/components/dropdown/index.vue +138 -138
  830. package/src/components/errorMessage/index.vue +64 -64
  831. package/src/components/filter/filterSettings.vue +670 -670
  832. package/src/components/filter/index.vue +154 -154
  833. package/src/components/filter/parentDropdown.vue +91 -91
  834. package/src/components/icon/Icons.stories.js +31 -31
  835. package/src/components/icon/icon.spec.js +66 -66
  836. package/src/components/icon/iconCache.mjs +23 -23
  837. package/src/components/icon/iconCollection.vue +83 -83
  838. package/src/components/icon/index.vue +197 -197
  839. package/src/components/iconWrapper/index.vue +184 -184
  840. package/src/components/infoCard/InfoCard.stories.js +170 -170
  841. package/src/components/infoCard/defaultProps.js +7 -7
  842. package/src/components/infoCard/index.vue +156 -156
  843. package/src/components/infoCard/infoCard.spec.js +64 -64
  844. package/src/components/infoLabel/index.vue +63 -63
  845. package/src/components/infoText/constants.js +4 -4
  846. package/src/components/infoText/index.vue +645 -645
  847. package/src/components/infoText/infoText.spec.js +62 -62
  848. package/src/components/infoText/infoText.stories.js +48 -48
  849. package/src/components/infoText/placeholder.vue +225 -225
  850. package/src/components/inputs/checkbox/Checkbox.stories.js +63 -63
  851. package/src/components/inputs/checkbox/checkbox.spec.js +109 -109
  852. package/src/components/inputs/checkbox/index.vue +250 -250
  853. package/src/components/inputs/inputNumber/InputNumber.stories.js +150 -150
  854. package/src/components/inputs/inputNumber/index.vue +990 -990
  855. package/src/components/inputs/inputNumberQuestion/index.vue +218 -218
  856. package/src/components/inputs/inputText/InputText.stories.js +70 -70
  857. package/src/components/inputs/inputText/index.vue +463 -463
  858. package/src/components/inputs/inputText/inputText.spec.js +588 -588
  859. package/src/components/inputs/radioButton/RadioButton.stories.js +77 -77
  860. package/src/components/inputs/radioButton/defaultProps.js +31 -31
  861. package/src/components/inputs/radioButton/index.vue +336 -336
  862. package/src/components/inputs/radioButton/radioButton.spec.js +306 -306
  863. package/src/components/inputs/searchInput/SearchInput.stories.js +66 -66
  864. package/src/components/inputs/searchInput/defaultProps.js +12 -12
  865. package/src/components/inputs/searchInput/index.vue +165 -165
  866. package/src/components/inputs/searchInput/searchInput.spec.js +64 -64
  867. package/src/components/inputs/select/index.vue +968 -968
  868. package/src/components/inputs/select/option/index.vue +164 -164
  869. package/src/components/inputs/select/select.stories.js +58 -58
  870. package/src/components/inputs/slider/index.vue +126 -126
  871. package/src/components/inputs/switchField/index.vue +254 -254
  872. package/src/components/inputs/textAreaInput/TextAreaInput.stories.js +127 -127
  873. package/src/components/inputs/textAreaInput/index.vue +204 -204
  874. package/src/components/inputs/toggle/Toggle.stories.js +77 -77
  875. package/src/components/inputs/toggle/index.vue +322 -322
  876. package/src/components/inputs/toggle/toggle.spec.js +102 -102
  877. package/src/components/label/index.vue +98 -98
  878. package/src/components/markerItem/index.vue +95 -95
  879. package/src/components/modals/actionModal/index.vue +64 -64
  880. package/src/components/modals/infoModal/index.vue +52 -52
  881. package/src/components/modals/modal/index.vue +200 -200
  882. package/src/components/modals/modal/modal.stories.js +31 -31
  883. package/src/components/navigationTabs/index.vue +114 -114
  884. package/src/components/pageSubtitle/PageSubtitle.stories.js +59 -59
  885. package/src/components/pageSubtitle/index.vue +78 -78
  886. package/src/components/pageSubtitle/pageSubtitle.spec.js +46 -46
  887. package/src/components/pageTitle/PageTitle.stories.js +95 -95
  888. package/src/components/pageTitle/index.vue +91 -91
  889. package/src/components/pageTitle/pageTitle.spec.js +46 -46
  890. package/src/components/pagination/index.vue +148 -148
  891. package/src/components/panelRangeInfo/index.vue +196 -196
  892. package/src/components/progressBar/index.vue +125 -125
  893. package/src/components/projectMarker/index.vue +301 -301
  894. package/src/components/rangeSlider/Slider.vue +578 -578
  895. package/src/components/rangeSlider/index.vue +517 -517
  896. package/src/components/rangeSlider/utils/dom.js +49 -49
  897. package/src/components/rangeSlider/utils/fns.js +26 -26
  898. package/src/components/roundTabs/index.vue +107 -107
  899. package/src/components/selectedOptions/index.vue +473 -462
  900. package/src/components/selectedOptions/selectedOptions.spec.js +176 -176
  901. package/src/components/selectedOptions/selectedOptions.stories.js +155 -155
  902. package/src/components/sideMenu/index.vue +325 -325
  903. package/src/components/spinner/Spinner.stories.js +34 -34
  904. package/src/components/spinner/index.vue +129 -129
  905. package/src/components/spinner/spinner.spec.js +69 -69
  906. package/src/components/spinnerGif/index.vue +98 -98
  907. package/src/components/tableDropdown/index.vue +692 -692
  908. package/src/components/tables/mainTable/exampleNested.vue +328 -328
  909. package/src/components/tables/mainTable/index.vue +523 -523
  910. package/src/components/tables/viewTable/index.vue +195 -195
  911. package/src/components/tabsHeader/index.vue +115 -95
  912. package/src/components/threeDots/index.vue +413 -413
  913. package/src/components/videoThumbnail/index.vue +103 -103
  914. package/src/components/videoThumbnail/videoThumbnail.stories.js +33 -33
  915. package/src/helpers/currencyMapping.js +28 -28
  916. package/src/helpers/dateTimeFormatting.js +51 -51
  917. package/src/helpers/numberConverter.js +103 -103
  918. package/src/helpers/translateLang.js +128 -128
  919. package/src/main.js +7 -7
  920. package/src/mixins/inputValidations.js +97 -97
  921. package/src/router/dynamicRoutes.js +23 -23
  922. package/src/stories/Button.stories.js +48 -48
  923. package/src/stories/Button.vue +52 -52
  924. package/src/stories/Configure.mdx +364 -364
  925. package/src/stories/Header.stories.js +41 -41
  926. package/src/stories/Header.vue +59 -59
  927. package/src/stories/Page.stories.js +30 -30
  928. package/src/stories/Page.vue +83 -83
  929. package/src/stories/button.css +30 -30
  930. package/src/stories/header.css +32 -32
  931. package/src/stories/page.css +69 -69
  932. package/src/utils/index.js +12 -12
package/src/assets/theme.js CHANGED
@@ -1,623 +1,624 @@
1
- const theme = (() => {
2
- const colors = {
3
- primary: '#5900CC',
4
- secondary: '#FAF5FF',
5
- tertiary: '#d5d5d5',
6
- black: '#263238',
7
- black2: '#151B1E',
8
- yellow: '#fdb813',
9
- yellow2: '#FFEFB7',
10
- yellow3: '#FFFBEE',
11
- yellow4: '#FFE066',
12
- darkGray: '#818181',
13
- mediumGray: '#d5d5d5',
14
- lightGray: '#f2f2f2',
15
- white: '#ffffff',
16
- blue: '#48a2d0',
17
- blue1: '#e4efff',
18
- blue2: '#f6faff',
19
- blue3: '#6CD4D4',
20
- blue4: '#66D0F3',
21
- blue5: '#00B0EB',
22
- brightBlue: '#0068DE',
23
- ballBlue: '#2CC0EB',
24
- red: '#FF5656',
25
- red1: '#f5a2a2',
26
- red2: '#de5959',
27
- red3: '#FFCCCC',
28
- red4: '#FF9A9A',
29
- pureRed: '#ff0000',
30
- darkRed: '#d00000',
31
- cornellRed: '#a52019',
32
- transparentRed10: '#ff000016',
33
- transparentRed20: '#ff000032',
34
- transparentRed40: '#ff000064',
35
- transparentRed50: '#ff000080',
36
- grey1: '#666',
37
- grey2: '#c4c4c4',
38
- grey3: '#b2b9c5',
39
- grey4: '#dee2eb',
40
- grey5: '#fafafa',
41
- grey6: '#555d61',
42
- grey7: '#f2f1f7',
43
- grey8: '#393939',
44
- grey9: '#607466',
45
- grey10: '#4a5861',
46
- grey11: '#656d70',
47
- grey12: '#787d81',
48
- grey13: '#CCCCCC',
49
- grey14: '#D1DBE0',
50
- grey15: '#E1E7EA',
51
- grey16: '#F0F3F5',
52
- grey17: '#394E58',
53
- grey18: '#3E5C6A',
54
- grey19: '#6E8E9E',
55
- grey20: '#D9DEE9',
56
- grey21: '#3E464B',
57
- turquoise: '#20A4CA',
58
- green: '#99db0c',
59
- green2: '#e5fcb4',
60
- green3: '#C2E96D',
61
- seaGreen: '#008351',
62
- purple: '#505ca6', // Keeping this as a standalone purple, but nested purple object below takes precedence for purple[500]
63
- purple1: '#F1E5FF',
64
- purple2: '#C739E4',
65
- purple3: '#E9CEFE',
66
- purple4: '#D0D6F5',
67
- purple5: '#533181',
68
- purple6: '#6F20DC',
69
- orange: '#ffc338',
70
- disabled: '#dfe1e1',
71
- transparentWhite2: '#ffffff32',
72
- transparentWhite1: '#ffffff16',
73
- transparentBlack1: '#263238e6',
74
- transparentBlue1: '#20a4cae6',
75
- blueElectric: '#66dffa',
76
- eturnityGrey: '#263238',
77
- teal: '#018b7d',
78
- slateGrey: '#495257',
79
- cornflower: '#6276DF',
80
- lavender: '#8392EE',
81
- }
82
-
83
- const semanticColors = {
84
- purple: {
85
- 50: '#F5EEFF',
86
- 100: '#EEE4FC',
87
- 200: '#E8D8FE',
88
- 300: '#D3BBF5',
89
- 400: '#B17BFA',
90
- 500: '#6F20DC',
91
- 600: '#5C1FAF',
92
- 700: '#411083',
93
- 800: '#33165A',
94
- 900: '#190B2D',
95
- },
96
- beige: {
97
- 50: '#F9F5F2',
98
- 100: '#F2EBE7',
99
- 200: '#E6D6D0',
100
- 300: '#D9C2B8',
101
- 400: '#CDADA1',
102
- 500: '#C09989',
103
- 600: '#9A7A6E',
104
- 700: '#6A5247',
105
- 800: '#4D3D37',
106
- 900: '#261F1B',
107
- },
108
- grey: {
109
- 50: '#FDFDFD',
110
- 100: '#F8F9FB',
111
- 200: '#F2F3F7',
112
- 300: '#EBEEF3',
113
- 400: '#E5E8EF',
114
- 500: '#D9DEE9',
115
- 600: '#B2B5BC',
116
- 700: '#85888D',
117
- 800: '#595A5E',
118
- 900: '#2C2D2F',
119
- },
120
- teal: {
121
- 50: '#F0F3F5',
122
- 100: '#E1E7EA',
123
- 200: '#D1DBE0',
124
- 300: '#ADC0C8',
125
- 400: '#8CA6B3',
126
- 500: '#6E8E9E',
127
- 600: '#3E5C6A',
128
- 700: '#394E58',
129
- 800: '#263238',
130
- 900: '#151B1E',
131
- },
132
- blue: {
133
- 50: '#E0F6FD',
134
- 100: '#CCEFFB',
135
- 200: '#99DFF7',
136
- 300: '#66D0F3',
137
- 400: '#33C0EF',
138
- 500: '#00B0EB',
139
- 600: '#008DBC',
140
- 700: '#006A8D',
141
- 800: '#00465E',
142
- 900: '#00232F',
143
- },
144
- green: {
145
- 50: '#F8FFE9',
146
- 100: '#F2FFD6',
147
- 200: '#D6F19E',
148
- 300: '#C2E96D',
149
- 400: '#ADE23D',
150
- 500: '#99DB0C',
151
- 600: '#7AAF0A',
152
- 700: '#5C8307',
153
- 800: '#3D5805',
154
- 900: '#1F2C02',
155
- },
156
- yellow: {
157
- 50: '#FFFBEC',
158
- 100: '#FFF5CC',
159
- 200: '#FFEB99',
160
- 300: '#FFE066',
161
- 400: '#FFD633',
162
- 500: '#FFCC00',
163
- 600: '#CCA300',
164
- 700: '#997A00',
165
- 800: '#665200',
166
- 900: '#332900',
167
- },
168
- red: {
169
- 50: '#FFEBEB',
170
- 100: '#FFDDDD',
171
- 200: '#FFBBBB',
172
- 300: '#FF9A9A',
173
- 400: '#FF7F7F',
174
- 500: '#FF6565',
175
- 600: '#CC4545',
176
- 700: '#993434',
177
- 800: '#662222',
178
- 900: '#331111',
179
- },
180
- }
181
-
182
- return {
183
- colors,
184
- semanticColors,
185
- fonts: {
186
- mainFont: '"Figtree", sans-serif',
187
- },
188
- screen: {
189
- mobileSmall: '345px',
190
- mobile: '425px',
191
- mobileLarge: '530px',
192
- tablet: '768px',
193
- tabletLarge: '950px',
194
- tabletLandscape: '1024px',
195
- tabletLandscapeLarge: '1280px',
196
- laptopSmall: '1440px',
197
- laptopMiddle: '1680px',
198
- },
199
- borderRadius: '4px',
200
- boxShadow: {
201
- card: '0px 2px 8px 2px rgba(0, 0, 0, 0.15)',
202
- },
203
- mainButton: {
204
- light: {
205
- // theme
206
- primary: {
207
- // type
208
- main: {
209
- // variant: this is the default variant
210
- default: {
211
- backgroundColor: semanticColors.purple[500],
212
- textColor: colors.white,
213
- borderColor: '',
214
- },
215
- hover: {
216
- backgroundColor: semanticColors.purple[700],
217
- textColor: colors.white,
218
- borderColor: '',
219
- },
220
- active: {
221
- backgroundColor: semanticColors.purple[600],
222
- textColor: colors.white,
223
- borderColor: '',
224
- },
225
- disabled: {
226
- textColor: colors.white,
227
- backgroundColor: semanticColors.grey[500],
228
- borderColor: '',
229
- },
230
- },
231
- cancel: {
232
- // variant
233
- default: {
234
- backgroundColor: semanticColors.red[600],
235
- textColor: colors.white,
236
- borderColor: '',
237
- },
238
- hover: {
239
- backgroundColor: semanticColors.red[800],
240
- textColor: colors.white,
241
- borderColor: '',
242
- },
243
- active: {
244
- backgroundColor: semanticColors.red[700],
245
- textColor: colors.white,
246
- borderColor: '',
247
- },
248
- disabled: {
249
- textColor: colors.white,
250
- backgroundColor: semanticColors.grey[500],
251
- borderColor: '',
252
- },
253
- },
254
- },
255
- secondary: {
256
- // type
257
- main: {
258
- // variant: this is the default variant
259
- default: {
260
- backgroundColor: semanticColors.purple[50],
261
- textColor: semanticColors.purple[500],
262
- borderColor: '',
263
- },
264
- hover: {
265
- backgroundColor: semanticColors.purple[100],
266
- textColor: semanticColors.purple[700],
267
- borderColor: '',
268
- },
269
- active: {
270
- backgroundColor: semanticColors.purple[50],
271
- textColor: semanticColors.purple[600],
272
- borderColor: '',
273
- },
274
- disabled: {
275
- textColor: semanticColors.grey[600],
276
- backgroundColor: semanticColors.grey[300],
277
- borderColor: '',
278
- },
279
- },
280
- cancel: {
281
- // variant
282
- default: {
283
- backgroundColor: semanticColors.red[50],
284
- textColor: semanticColors.red[600],
285
- borderColor: '',
286
- },
287
- hover: {
288
- backgroundColor: semanticColors.red[100],
289
- textColor: semanticColors.red[700],
290
- borderColor: '',
291
- },
292
- active: {
293
- backgroundColor: semanticColors.red[200],
294
- textColor: semanticColors.red[800],
295
- borderColor: '',
296
- },
297
- disabled: {
298
- textColor: semanticColors.grey[600],
299
- backgroundColor: semanticColors.grey[300],
300
- borderColor: '',
301
- },
302
- },
303
- },
304
- tertiary: {
305
- // type
306
- main: {
307
- // variant: this is the default variant
308
- default: {
309
- backgroundColor: colors.white,
310
- textColor: semanticColors.purple[500],
311
- borderColor: semanticColors.grey[300],
312
- },
313
- hover: {
314
- backgroundColor: semanticColors.blue[200],
315
- textColor: semanticColors.purple[700],
316
- borderColor: semanticColors.grey[300],
317
- },
318
- active: {
319
- backgroundColor: semanticColors.blue[100],
320
- textColor: semanticColors.purple[600],
321
- borderColor: semanticColors.grey[600],
322
- },
323
- disabled: {
324
- textColor: semanticColors.grey[600],
325
- backgroundColor: semanticColors.grey[300],
326
- borderColor: semanticColors.grey[300],
327
- },
328
- },
329
- cancel: {
330
- // variant
331
- default: {
332
- backgroundColor: colors.white,
333
- textColor: semanticColors.red[600],
334
- borderColor: semanticColors.grey[300],
335
- },
336
- hover: {
337
- backgroundColor: semanticColors.red[100],
338
- textColor: semanticColors.red[700],
339
- borderColor: semanticColors.grey[300],
340
- },
341
- active: {
342
- backgroundColor: semanticColors.red[200],
343
- textColor: semanticColors.red[800],
344
- borderColor: semanticColors.grey[300],
345
- },
346
- disabled: {
347
- textColor: semanticColors.grey[600],
348
- backgroundColor: semanticColors.grey[300],
349
- borderColor: semanticColors.grey[300],
350
- },
351
- },
352
- },
353
- ghost: {
354
- // type
355
- main: {
356
- // variant: this is the default variant
357
- default: {
358
- backgroundColor: colors.white,
359
- textColor: semanticColors.purple[500],
360
- borderColor: '',
361
- },
362
- hover: {
363
- backgroundColor: semanticColors.blue[200],
364
- textColor: semanticColors.purple[700],
365
- borderColor: '',
366
- },
367
- active: {
368
- backgroundColor: semanticColors.blue[100],
369
- textColor: semanticColors.purple[600],
370
- borderColor: '',
371
- },
372
- disabled: {
373
- textColor: semanticColors.grey[600],
374
- backgroundColor: semanticColors.grey[300],
375
- borderColor: '',
376
- },
377
- },
378
- cancel: {
379
- // variant
380
- default: {
381
- backgroundColor: colors.white,
382
- textColor: semanticColors.red[600],
383
- borderColor: '',
384
- },
385
- hover: {
386
- backgroundColor: semanticColors.red[100],
387
- textColor: semanticColors.red[700],
388
- borderColor: '',
389
- },
390
- active: {
391
- backgroundColor: semanticColors.red[200],
392
- textColor: semanticColors.red[800],
393
- borderColor: '',
394
- },
395
- disabled: {
396
- textColor: semanticColors.grey[600],
397
- backgroundColor: semanticColors.grey[300],
398
- borderColor: '',
399
- },
400
- },
401
- },
402
- },
403
- dark: {
404
- // theme
405
- primary: {
406
- // type
407
- main: {
408
- // variant: this is the default variant
409
- default: {
410
- backgroundColor: colors.white,
411
- textColor: semanticColors.teal[800],
412
- borderColor: '',
413
- },
414
- hover: {
415
- backgroundColor: semanticColors.blue[100],
416
- textColor: semanticColors.teal[800],
417
- borderColor: '',
418
- },
419
- active: {
420
- backgroundColor: semanticColors.blue[100],
421
- textColor: semanticColors.teal[800],
422
- borderColor: '',
423
- },
424
- disabled: {
425
- textColor: semanticColors.grey[800],
426
- backgroundColor: semanticColors.grey[400],
427
- borderColor: '',
428
- },
429
- },
430
- cancel: {
431
- // variant
432
- default: {
433
- backgroundColor: semanticColors.red[400],
434
- textColor: semanticColors.teal[800],
435
- borderColor: '',
436
- },
437
- hover: {
438
- backgroundColor: semanticColors.red[100],
439
- textColor: semanticColors.teal[800],
440
- borderColor: '',
441
- },
442
- active: {
443
- backgroundColor: semanticColors.red[200],
444
- textColor: semanticColors.teal[800],
445
- borderColor: '',
446
- },
447
- disabled: {
448
- backgroundColor: semanticColors.grey[300],
449
- textColor: semanticColors.grey[800],
450
- borderColor: '',
451
- },
452
- },
453
- },
454
- secondary: {
455
- // type
456
- main: {
457
- // variant: this is the default variant
458
- default: {
459
- backgroundColor: semanticColors.teal[800],
460
- textColor: semanticColors.purple[50],
461
- borderColor: '',
462
- },
463
- hover: {
464
- backgroundColor: semanticColors.teal[600],
465
- textColor: semanticColors.purple[50],
466
- borderColor: '',
467
- },
468
- active: {
469
- backgroundColor: semanticColors.teal[700],
470
- textColor: semanticColors.purple[50],
471
- borderColor: '',
472
- },
473
- disabled: {
474
- textColor: semanticColors.grey[600],
475
- backgroundColor: semanticColors.grey[500],
476
- borderColor: '',
477
- },
478
- },
479
- cancel: {
480
- // variant
481
- default: {
482
- backgroundColor: semanticColors.red[800],
483
- textColor: semanticColors.red[400],
484
- borderColor: '',
485
- },
486
- hover: {
487
- backgroundColor: semanticColors.red[700],
488
- textColor: semanticColors.red[300],
489
- borderColor: '',
490
- },
491
- active: {
492
- backgroundColor: semanticColors.red[600],
493
- textColor: semanticColors.red[200],
494
- borderColor: '',
495
- },
496
- disabled: {
497
- textColor: semanticColors.grey[600],
498
- backgroundColor: semanticColors.grey[500],
499
- borderColor: '',
500
- },
501
- },
502
- },
503
- tertiary: {
504
- // type
505
- main: {
506
- // variant: this is the default variant
507
- default: {
508
- backgroundColor: 'transparent',
509
- textColor: semanticColors.purple[50],
510
- borderColor: semanticColors.teal[500],
511
- },
512
- hover: {
513
- backgroundColor: semanticColors.teal[600],
514
- textColor: semanticColors.purple[50],
515
- borderColor: semanticColors.teal[400],
516
- },
517
- active: {
518
- backgroundColor: semanticColors.teal[700],
519
- textColor: semanticColors.purple[50],
520
- borderColor: semanticColors.teal[300],
521
- },
522
- disabled: {
523
- textColor: semanticColors.grey[600],
524
- backgroundColor: semanticColors.grey[500],
525
- borderColor: semanticColors.grey[800],
526
- },
527
- },
528
- cancel: {
529
- // variant
530
- default: {
531
- backgroundColor: semanticColors.teal[200],
532
- textColor: semanticColors.red[400],
533
- borderColor: semanticColors.teal[500],
534
- },
535
- hover: {
536
- backgroundColor: semanticColors.red[700],
537
- textColor: semanticColors.red[700],
538
- borderColor: semanticColors.teal[400],
539
- },
540
- active: {
541
- backgroundColor: semanticColors.red[600],
542
- textColor: semanticColors.red[200],
543
- borderColor: semanticColors.teal[300],
544
- },
545
- disabled: {
546
- textColor: semanticColors.grey[600],
547
- backgroundColor: semanticColors.grey[500],
548
- borderColor: semanticColors.grey[800],
549
- },
550
- },
551
- },
552
- ghost: {
553
- // type
554
- main: {
555
- // variant: this is the default variant
556
- default: {
557
- backgroundColor: 'transparent',
558
- textColor: semanticColors.purple[50],
559
- borderColor: '',
560
- },
561
- hover: {
562
- backgroundColor: semanticColors.teal[600],
563
- textColor: semanticColors.purple[50],
564
- borderColor: '',
565
- },
566
- active: {
567
- backgroundColor: semanticColors.teal[700],
568
- textColor: semanticColors.purple[50],
569
- borderColor: '',
570
- },
571
- disabled: {
572
- textColor: semanticColors.grey[600],
573
- backgroundColor: semanticColors.grey[500],
574
- borderColor: '',
575
- },
576
- },
577
- cancel: {
578
- // variant
579
- default: {
580
- backgroundColor: semanticColors.teal[200],
581
- textColor: semanticColors.red[400],
582
- borderColor: '',
583
- },
584
- hover: {
585
- backgroundColor: semanticColors.red[700],
586
- textColor: semanticColors.red[300],
587
- borderColor: '',
588
- },
589
- active: {
590
- backgroundColor: semanticColors.red[600],
591
- textColor: semanticColors.red[200],
592
- borderColor: '',
593
- },
594
- disabled: {
595
- textColor: semanticColors.grey[600],
596
- backgroundColor: semanticColors.grey[500],
597
- borderColor: '',
598
- },
599
- },
600
- },
601
- },
602
- size: {
603
- large: {
604
- padding: '10px 20px',
605
- fontSize: '14px',
606
- iconWidth: '34px',
607
- },
608
- medium: {
609
- padding: '8px 16px',
610
- fontSize: '14px',
611
- iconWidth: '30px',
612
- },
613
- small: {
614
- padding: '6px 12px',
615
- fontSize: '14px',
616
- iconWidth: '26px',
617
- },
618
- },
619
- },
620
- }
621
- })()
622
-
623
- export default theme
1
+ const theme = (() => {
2
+ const colors = {
3
+ primary: '#5900CC',
4
+ secondary: '#FAF5FF',
5
+ tertiary: '#d5d5d5',
6
+ black: '#263238',
7
+ black2: '#151B1E',
8
+ yellow: '#fdb813',
9
+ yellow2: '#FFEFB7',
10
+ yellow3: '#FFFBEE',
11
+ yellow4: '#FFE066',
12
+ darkGray: '#818181',
13
+ mediumGray: '#d5d5d5',
14
+ lightGray: '#f2f2f2',
15
+ white: '#ffffff',
16
+ blue: '#48a2d0',
17
+ blue1: '#e4efff',
18
+ blue2: '#f6faff',
19
+ blue3: '#6CD4D4',
20
+ blue4: '#66D0F3',
21
+ blue5: '#00B0EB',
22
+ brightBlue: '#0068DE',
23
+ ballBlue: '#2CC0EB',
24
+ red: '#FF5656',
25
+ red1: '#f5a2a2',
26
+ red2: '#de5959',
27
+ red3: '#FFCCCC',
28
+ red4: '#FF9A9A',
29
+ pureRed: '#ff0000',
30
+ darkRed: '#d00000',
31
+ cornellRed: '#a52019',
32
+ transparentRed10: '#ff000016',
33
+ transparentRed20: '#ff000032',
34
+ transparentRed40: '#ff000064',
35
+ transparentRed50: '#ff000080',
36
+ grey1: '#666',
37
+ grey2: '#c4c4c4',
38
+ grey3: '#b2b9c5',
39
+ grey4: '#dee2eb',
40
+ grey5: '#fafafa',
41
+ grey6: '#555d61',
42
+ grey7: '#f2f1f7',
43
+ grey8: '#393939',
44
+ grey9: '#607466',
45
+ grey10: '#4a5861',
46
+ grey11: '#656d70',
47
+ grey12: '#787d81',
48
+ grey13: '#CCCCCC',
49
+ grey14: '#D1DBE0',
50
+ grey15: '#E1E7EA',
51
+ grey16: '#F0F3F5',
52
+ grey17: '#394E58',
53
+ grey18: '#3E5C6A',
54
+ grey19: '#6E8E9E',
55
+ grey20: '#D9DEE9',
56
+ grey21: '#3E464B',
57
+ turquoise: '#20A4CA',
58
+ green: '#99db0c',
59
+ green2: '#e5fcb4',
60
+ green3: '#C2E96D',
61
+ seaGreen: '#008351',
62
+ purple: '#505ca6', // Keeping this as a standalone purple, but nested purple object below takes precedence for purple[500]
63
+ purple1: '#F1E5FF',
64
+ purple2: '#C739E4',
65
+ purple3: '#E9CEFE',
66
+ purple4: '#D0D6F5',
67
+ purple5: '#533181',
68
+ purple6: '#6F20DC',
69
+ orange: '#ffc338',
70
+ disabled: '#dfe1e1',
71
+ transparentWhite2: '#ffffff32',
72
+ transparentWhite1: '#ffffff16',
73
+ transparentBlack1: '#263238e6',
74
+ transparentBlack2: '#263238e5',
75
+ transparentBlue1: '#20a4cae6',
76
+ blueElectric: '#66dffa',
77
+ eturnityGrey: '#263238',
78
+ teal: '#018b7d',
79
+ slateGrey: '#495257',
80
+ cornflower: '#6276DF',
81
+ lavender: '#8392EE',
82
+ }
83
+
84
+ const semanticColors = {
85
+ purple: {
86
+ 50: '#F5EEFF',
87
+ 100: '#EEE4FC',
88
+ 200: '#E8D8FE',
89
+ 300: '#D3BBF5',
90
+ 400: '#B17BFA',
91
+ 500: '#6F20DC',
92
+ 600: '#5C1FAF',
93
+ 700: '#411083',
94
+ 800: '#33165A',
95
+ 900: '#190B2D',
96
+ },
97
+ beige: {
98
+ 50: '#F9F5F2',
99
+ 100: '#F2EBE7',
100
+ 200: '#E6D6D0',
101
+ 300: '#D9C2B8',
102
+ 400: '#CDADA1',
103
+ 500: '#C09989',
104
+ 600: '#9A7A6E',
105
+ 700: '#6A5247',
106
+ 800: '#4D3D37',
107
+ 900: '#261F1B',
108
+ },
109
+ grey: {
110
+ 50: '#FDFDFD',
111
+ 100: '#F8F9FB',
112
+ 200: '#F2F3F7',
113
+ 300: '#EBEEF3',
114
+ 400: '#E5E8EF',
115
+ 500: '#D9DEE9',
116
+ 600: '#B2B5BC',
117
+ 700: '#85888D',
118
+ 800: '#595A5E',
119
+ 900: '#2C2D2F',
120
+ },
121
+ teal: {
122
+ 50: '#F0F3F5',
123
+ 100: '#E1E7EA',
124
+ 200: '#D1DBE0',
125
+ 300: '#ADC0C8',
126
+ 400: '#8CA6B3',
127
+ 500: '#6E8E9E',
128
+ 600: '#3E5C6A',
129
+ 700: '#394E58',
130
+ 800: '#263238',
131
+ 900: '#151B1E',
132
+ },
133
+ blue: {
134
+ 50: '#E0F6FD',
135
+ 100: '#CCEFFB',
136
+ 200: '#99DFF7',
137
+ 300: '#66D0F3',
138
+ 400: '#33C0EF',
139
+ 500: '#00B0EB',
140
+ 600: '#008DBC',
141
+ 700: '#006A8D',
142
+ 800: '#00465E',
143
+ 900: '#00232F',
144
+ },
145
+ green: {
146
+ 50: '#F8FFE9',
147
+ 100: '#F2FFD6',
148
+ 200: '#D6F19E',
149
+ 300: '#C2E96D',
150
+ 400: '#ADE23D',
151
+ 500: '#99DB0C',
152
+ 600: '#7AAF0A',
153
+ 700: '#5C8307',
154
+ 800: '#3D5805',
155
+ 900: '#1F2C02',
156
+ },
157
+ yellow: {
158
+ 50: '#FFFBEC',
159
+ 100: '#FFF5CC',
160
+ 200: '#FFEB99',
161
+ 300: '#FFE066',
162
+ 400: '#FFD633',
163
+ 500: '#FFCC00',
164
+ 600: '#CCA300',
165
+ 700: '#997A00',
166
+ 800: '#665200',
167
+ 900: '#332900',
168
+ },
169
+ red: {
170
+ 50: '#FFEBEB',
171
+ 100: '#FFDDDD',
172
+ 200: '#FFBBBB',
173
+ 300: '#FF9A9A',
174
+ 400: '#FF7F7F',
175
+ 500: '#FF6565',
176
+ 600: '#CC4545',
177
+ 700: '#993434',
178
+ 800: '#662222',
179
+ 900: '#331111',
180
+ },
181
+ }
182
+
183
+ return {
184
+ colors,
185
+ semanticColors,
186
+ fonts: {
187
+ mainFont: '"Figtree", sans-serif',
188
+ },
189
+ screen: {
190
+ mobileSmall: '345px',
191
+ mobile: '425px',
192
+ mobileLarge: '530px',
193
+ tablet: '768px',
194
+ tabletLarge: '950px',
195
+ tabletLandscape: '1024px',
196
+ tabletLandscapeLarge: '1280px',
197
+ laptopSmall: '1440px',
198
+ laptopMiddle: '1680px',
199
+ },
200
+ borderRadius: '4px',
201
+ boxShadow: {
202
+ card: '0px 2px 8px 2px rgba(0, 0, 0, 0.15)',
203
+ },
204
+ mainButton: {
205
+ light: {
206
+ // theme
207
+ primary: {
208
+ // type
209
+ main: {
210
+ // variant: this is the default variant
211
+ default: {
212
+ backgroundColor: semanticColors.purple[500],
213
+ textColor: colors.white,
214
+ borderColor: '',
215
+ },
216
+ hover: {
217
+ backgroundColor: semanticColors.purple[700],
218
+ textColor: colors.white,
219
+ borderColor: '',
220
+ },
221
+ active: {
222
+ backgroundColor: semanticColors.purple[600],
223
+ textColor: colors.white,
224
+ borderColor: '',
225
+ },
226
+ disabled: {
227
+ textColor: colors.white,
228
+ backgroundColor: semanticColors.grey[500],
229
+ borderColor: '',
230
+ },
231
+ },
232
+ cancel: {
233
+ // variant
234
+ default: {
235
+ backgroundColor: semanticColors.red[600],
236
+ textColor: colors.white,
237
+ borderColor: '',
238
+ },
239
+ hover: {
240
+ backgroundColor: semanticColors.red[800],
241
+ textColor: colors.white,
242
+ borderColor: '',
243
+ },
244
+ active: {
245
+ backgroundColor: semanticColors.red[700],
246
+ textColor: colors.white,
247
+ borderColor: '',
248
+ },
249
+ disabled: {
250
+ textColor: colors.white,
251
+ backgroundColor: semanticColors.grey[500],
252
+ borderColor: '',
253
+ },
254
+ },
255
+ },
256
+ secondary: {
257
+ // type
258
+ main: {
259
+ // variant: this is the default variant
260
+ default: {
261
+ backgroundColor: semanticColors.purple[50],
262
+ textColor: semanticColors.purple[500],
263
+ borderColor: '',
264
+ },
265
+ hover: {
266
+ backgroundColor: semanticColors.purple[100],
267
+ textColor: semanticColors.purple[700],
268
+ borderColor: '',
269
+ },
270
+ active: {
271
+ backgroundColor: semanticColors.purple[50],
272
+ textColor: semanticColors.purple[600],
273
+ borderColor: '',
274
+ },
275
+ disabled: {
276
+ textColor: semanticColors.grey[600],
277
+ backgroundColor: semanticColors.grey[300],
278
+ borderColor: '',
279
+ },
280
+ },
281
+ cancel: {
282
+ // variant
283
+ default: {
284
+ backgroundColor: semanticColors.red[50],
285
+ textColor: semanticColors.red[600],
286
+ borderColor: '',
287
+ },
288
+ hover: {
289
+ backgroundColor: semanticColors.red[100],
290
+ textColor: semanticColors.red[700],
291
+ borderColor: '',
292
+ },
293
+ active: {
294
+ backgroundColor: semanticColors.red[200],
295
+ textColor: semanticColors.red[800],
296
+ borderColor: '',
297
+ },
298
+ disabled: {
299
+ textColor: semanticColors.grey[600],
300
+ backgroundColor: semanticColors.grey[300],
301
+ borderColor: '',
302
+ },
303
+ },
304
+ },
305
+ tertiary: {
306
+ // type
307
+ main: {
308
+ // variant: this is the default variant
309
+ default: {
310
+ backgroundColor: colors.white,
311
+ textColor: semanticColors.purple[500],
312
+ borderColor: semanticColors.grey[300],
313
+ },
314
+ hover: {
315
+ backgroundColor: semanticColors.blue[200],
316
+ textColor: semanticColors.purple[700],
317
+ borderColor: semanticColors.grey[300],
318
+ },
319
+ active: {
320
+ backgroundColor: semanticColors.blue[100],
321
+ textColor: semanticColors.purple[600],
322
+ borderColor: semanticColors.grey[600],
323
+ },
324
+ disabled: {
325
+ textColor: semanticColors.grey[600],
326
+ backgroundColor: semanticColors.grey[300],
327
+ borderColor: semanticColors.grey[300],
328
+ },
329
+ },
330
+ cancel: {
331
+ // variant
332
+ default: {
333
+ backgroundColor: colors.white,
334
+ textColor: semanticColors.red[600],
335
+ borderColor: semanticColors.grey[300],
336
+ },
337
+ hover: {
338
+ backgroundColor: semanticColors.red[100],
339
+ textColor: semanticColors.red[700],
340
+ borderColor: semanticColors.grey[300],
341
+ },
342
+ active: {
343
+ backgroundColor: semanticColors.red[200],
344
+ textColor: semanticColors.red[800],
345
+ borderColor: semanticColors.grey[300],
346
+ },
347
+ disabled: {
348
+ textColor: semanticColors.grey[600],
349
+ backgroundColor: semanticColors.grey[300],
350
+ borderColor: semanticColors.grey[300],
351
+ },
352
+ },
353
+ },
354
+ ghost: {
355
+ // type
356
+ main: {
357
+ // variant: this is the default variant
358
+ default: {
359
+ backgroundColor: colors.white,
360
+ textColor: semanticColors.purple[500],
361
+ borderColor: '',
362
+ },
363
+ hover: {
364
+ backgroundColor: semanticColors.blue[200],
365
+ textColor: semanticColors.purple[700],
366
+ borderColor: '',
367
+ },
368
+ active: {
369
+ backgroundColor: semanticColors.blue[100],
370
+ textColor: semanticColors.purple[600],
371
+ borderColor: '',
372
+ },
373
+ disabled: {
374
+ textColor: semanticColors.grey[600],
375
+ backgroundColor: semanticColors.grey[300],
376
+ borderColor: '',
377
+ },
378
+ },
379
+ cancel: {
380
+ // variant
381
+ default: {
382
+ backgroundColor: colors.white,
383
+ textColor: semanticColors.red[600],
384
+ borderColor: '',
385
+ },
386
+ hover: {
387
+ backgroundColor: semanticColors.red[100],
388
+ textColor: semanticColors.red[700],
389
+ borderColor: '',
390
+ },
391
+ active: {
392
+ backgroundColor: semanticColors.red[200],
393
+ textColor: semanticColors.red[800],
394
+ borderColor: '',
395
+ },
396
+ disabled: {
397
+ textColor: semanticColors.grey[600],
398
+ backgroundColor: semanticColors.grey[300],
399
+ borderColor: '',
400
+ },
401
+ },
402
+ },
403
+ },
404
+ dark: {
405
+ // theme
406
+ primary: {
407
+ // type
408
+ main: {
409
+ // variant: this is the default variant
410
+ default: {
411
+ backgroundColor: colors.white,
412
+ textColor: semanticColors.teal[800],
413
+ borderColor: '',
414
+ },
415
+ hover: {
416
+ backgroundColor: semanticColors.blue[100],
417
+ textColor: semanticColors.teal[800],
418
+ borderColor: '',
419
+ },
420
+ active: {
421
+ backgroundColor: semanticColors.blue[100],
422
+ textColor: semanticColors.teal[800],
423
+ borderColor: '',
424
+ },
425
+ disabled: {
426
+ textColor: semanticColors.grey[800],
427
+ backgroundColor: semanticColors.grey[400],
428
+ borderColor: '',
429
+ },
430
+ },
431
+ cancel: {
432
+ // variant
433
+ default: {
434
+ backgroundColor: semanticColors.red[400],
435
+ textColor: semanticColors.teal[800],
436
+ borderColor: '',
437
+ },
438
+ hover: {
439
+ backgroundColor: semanticColors.red[100],
440
+ textColor: semanticColors.teal[800],
441
+ borderColor: '',
442
+ },
443
+ active: {
444
+ backgroundColor: semanticColors.red[200],
445
+ textColor: semanticColors.teal[800],
446
+ borderColor: '',
447
+ },
448
+ disabled: {
449
+ backgroundColor: semanticColors.grey[300],
450
+ textColor: semanticColors.grey[800],
451
+ borderColor: '',
452
+ },
453
+ },
454
+ },
455
+ secondary: {
456
+ // type
457
+ main: {
458
+ // variant: this is the default variant
459
+ default: {
460
+ backgroundColor: semanticColors.teal[800],
461
+ textColor: semanticColors.purple[50],
462
+ borderColor: '',
463
+ },
464
+ hover: {
465
+ backgroundColor: semanticColors.teal[600],
466
+ textColor: semanticColors.purple[50],
467
+ borderColor: '',
468
+ },
469
+ active: {
470
+ backgroundColor: semanticColors.teal[700],
471
+ textColor: semanticColors.purple[50],
472
+ borderColor: '',
473
+ },
474
+ disabled: {
475
+ textColor: semanticColors.grey[600],
476
+ backgroundColor: semanticColors.grey[500],
477
+ borderColor: '',
478
+ },
479
+ },
480
+ cancel: {
481
+ // variant
482
+ default: {
483
+ backgroundColor: semanticColors.red[800],
484
+ textColor: semanticColors.red[400],
485
+ borderColor: '',
486
+ },
487
+ hover: {
488
+ backgroundColor: semanticColors.red[700],
489
+ textColor: semanticColors.red[300],
490
+ borderColor: '',
491
+ },
492
+ active: {
493
+ backgroundColor: semanticColors.red[600],
494
+ textColor: semanticColors.red[200],
495
+ borderColor: '',
496
+ },
497
+ disabled: {
498
+ textColor: semanticColors.grey[600],
499
+ backgroundColor: semanticColors.grey[500],
500
+ borderColor: '',
501
+ },
502
+ },
503
+ },
504
+ tertiary: {
505
+ // type
506
+ main: {
507
+ // variant: this is the default variant
508
+ default: {
509
+ backgroundColor: 'transparent',
510
+ textColor: semanticColors.purple[50],
511
+ borderColor: semanticColors.teal[500],
512
+ },
513
+ hover: {
514
+ backgroundColor: semanticColors.teal[600],
515
+ textColor: semanticColors.purple[50],
516
+ borderColor: semanticColors.teal[400],
517
+ },
518
+ active: {
519
+ backgroundColor: semanticColors.teal[700],
520
+ textColor: semanticColors.purple[50],
521
+ borderColor: semanticColors.teal[300],
522
+ },
523
+ disabled: {
524
+ textColor: semanticColors.grey[600],
525
+ backgroundColor: semanticColors.grey[500],
526
+ borderColor: semanticColors.grey[800],
527
+ },
528
+ },
529
+ cancel: {
530
+ // variant
531
+ default: {
532
+ backgroundColor: semanticColors.teal[200],
533
+ textColor: semanticColors.red[400],
534
+ borderColor: semanticColors.teal[500],
535
+ },
536
+ hover: {
537
+ backgroundColor: semanticColors.red[700],
538
+ textColor: semanticColors.red[700],
539
+ borderColor: semanticColors.teal[400],
540
+ },
541
+ active: {
542
+ backgroundColor: semanticColors.red[600],
543
+ textColor: semanticColors.red[200],
544
+ borderColor: semanticColors.teal[300],
545
+ },
546
+ disabled: {
547
+ textColor: semanticColors.grey[600],
548
+ backgroundColor: semanticColors.grey[500],
549
+ borderColor: semanticColors.grey[800],
550
+ },
551
+ },
552
+ },
553
+ ghost: {
554
+ // type
555
+ main: {
556
+ // variant: this is the default variant
557
+ default: {
558
+ backgroundColor: 'transparent',
559
+ textColor: semanticColors.purple[50],
560
+ borderColor: '',
561
+ },
562
+ hover: {
563
+ backgroundColor: semanticColors.teal[600],
564
+ textColor: semanticColors.purple[50],
565
+ borderColor: '',
566
+ },
567
+ active: {
568
+ backgroundColor: semanticColors.teal[700],
569
+ textColor: semanticColors.purple[50],
570
+ borderColor: '',
571
+ },
572
+ disabled: {
573
+ textColor: semanticColors.grey[600],
574
+ backgroundColor: semanticColors.grey[500],
575
+ borderColor: '',
576
+ },
577
+ },
578
+ cancel: {
579
+ // variant
580
+ default: {
581
+ backgroundColor: semanticColors.teal[200],
582
+ textColor: semanticColors.red[400],
583
+ borderColor: '',
584
+ },
585
+ hover: {
586
+ backgroundColor: semanticColors.red[700],
587
+ textColor: semanticColors.red[300],
588
+ borderColor: '',
589
+ },
590
+ active: {
591
+ backgroundColor: semanticColors.red[600],
592
+ textColor: semanticColors.red[200],
593
+ borderColor: '',
594
+ },
595
+ disabled: {
596
+ textColor: semanticColors.grey[600],
597
+ backgroundColor: semanticColors.grey[500],
598
+ borderColor: '',
599
+ },
600
+ },
601
+ },
602
+ },
603
+ size: {
604
+ large: {
605
+ padding: '10px 20px',
606
+ fontSize: '14px',
607
+ iconWidth: '34px',
608
+ },
609
+ medium: {
610
+ padding: '8px 16px',
611
+ fontSize: '14px',
612
+ iconWidth: '30px',
613
+ },
614
+ small: {
615
+ padding: '6px 12px',
616
+ fontSize: '14px',
617
+ iconWidth: '26px',
618
+ },
619
+ },
620
+ },
621
+ }
622
+ })()
623
+
624
+ export default theme