@nectary/components 0.28.0 → 0.29.1

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 (1461) hide show
  1. package/accordion/index.d.ts +1 -11
  2. package/accordion/index.js +1 -1
  3. package/accordion/types.d.ts +14 -0
  4. package/accordion/types.js +1 -0
  5. package/accordion-item/index.js +2 -10
  6. package/accordion-item/types.d.ts +5 -4
  7. package/action-menu/index.d.ts +1 -18
  8. package/action-menu/index.js +2 -2
  9. package/action-menu/types.d.ts +20 -0
  10. package/action-menu/types.js +1 -0
  11. package/action-menu-option/index.js +1 -9
  12. package/action-menu-option/types.d.ts +2 -5
  13. package/alert/index.d.ts +1 -16
  14. package/alert/index.js +13 -13
  15. package/alert/types.d.ts +19 -0
  16. package/alert/types.js +1 -0
  17. package/alert/utils.d.ts +1 -0
  18. package/alert/utils.js +1 -0
  19. package/alert-button/index.d.ts +1 -13
  20. package/alert-button/types.d.ts +10 -0
  21. package/alert-button/types.js +1 -0
  22. package/alert-close/index.d.ts +1 -11
  23. package/alert-close/types.d.ts +6 -0
  24. package/alert-close/types.js +1 -0
  25. package/avatar/index.d.ts +1 -18
  26. package/avatar/index.js +1 -2
  27. package/avatar/types.d.ts +20 -0
  28. package/avatar/types.js +1 -0
  29. package/avatar/utils.d.ts +2 -0
  30. package/avatar/utils.js +2 -0
  31. package/avatar-badge/index.d.ts +1 -7
  32. package/avatar-badge/types.d.ts +8 -0
  33. package/avatar-badge/types.js +1 -0
  34. package/avatar-status/index.d.ts +1 -10
  35. package/avatar-status/index.js +1 -8
  36. package/avatar-status/types.d.ts +10 -0
  37. package/avatar-status/types.js +1 -0
  38. package/avatar-status/utils.d.ts +5 -0
  39. package/avatar-status/utils.js +6 -0
  40. package/button/index.d.ts +1 -23
  41. package/button/index.js +5 -3
  42. package/button/types.d.ts +22 -0
  43. package/button/types.js +1 -0
  44. package/button/utils.d.ts +1 -0
  45. package/button/utils.js +1 -0
  46. package/card/index.d.ts +1 -13
  47. package/card/index.js +12 -12
  48. package/card/types.d.ts +17 -0
  49. package/card/types.js +1 -0
  50. package/card-button/index.d.ts +1 -16
  51. package/card-button/types.d.ts +14 -0
  52. package/card-button/types.js +1 -0
  53. package/card-container/index.d.ts +1 -3
  54. package/card-container/index.js +1 -1
  55. package/card-container/types.d.ts +3 -0
  56. package/card-container/types.js +1 -0
  57. package/card-link/index.d.ts +1 -17
  58. package/card-link/types.d.ts +16 -0
  59. package/card-link/types.js +1 -0
  60. package/chat/index.d.ts +1 -3
  61. package/chat/types.d.ts +3 -0
  62. package/chat/types.js +1 -0
  63. package/chat-avatar/index.d.ts +1 -10
  64. package/chat-avatar/types.d.ts +12 -0
  65. package/chat-avatar/types.js +1 -0
  66. package/chat-block/index.d.ts +1 -14
  67. package/chat-block/types.d.ts +18 -0
  68. package/chat-block/types.js +1 -0
  69. package/chat-bubble/types.d.ts +2 -0
  70. package/checkbox/index.d.ts +1 -22
  71. package/checkbox/index.js +8 -5
  72. package/checkbox/types.d.ts +26 -0
  73. package/checkbox/types.js +1 -0
  74. package/dialog/index.d.ts +1 -13
  75. package/dialog/types.d.ts +15 -0
  76. package/dialog/types.js +1 -0
  77. package/dropdown/index.js +2 -2
  78. package/dropdown/types.d.ts +9 -4
  79. package/dropdown-checkbox-option/index.js +3 -11
  80. package/dropdown-checkbox-option/types.d.ts +4 -1
  81. package/dropdown-radio-option/index.js +3 -11
  82. package/dropdown-radio-option/types.d.ts +4 -1
  83. package/dropdown-text-option/index.d.ts +1 -2
  84. package/dropdown-text-option/index.js +4 -11
  85. package/dropdown-text-option/types.d.ts +4 -1
  86. package/grid/index.d.ts +1 -3
  87. package/grid/types.d.ts +3 -0
  88. package/grid/types.js +1 -0
  89. package/grid-item/types.d.ts +4 -0
  90. package/help-tooltip/index.d.ts +1 -3
  91. package/help-tooltip/types.d.ts +3 -0
  92. package/help-tooltip/types.js +1 -0
  93. package/icon-button/index.d.ts +1 -16
  94. package/icon-button/index.js +4 -2
  95. package/icon-button/types.d.ts +14 -0
  96. package/icon-button/types.js +1 -0
  97. package/icons/360/index.d.ts +11 -0
  98. package/icons/360/index.js +4 -0
  99. package/icons/4k/index.d.ts +11 -0
  100. package/icons/4k/index.js +4 -0
  101. package/icons/5g/index.d.ts +11 -0
  102. package/icons/5g/index.js +4 -0
  103. package/icons/6-ft-apart/index.d.ts +11 -0
  104. package/icons/6-ft-apart/index.js +4 -0
  105. package/icons/ac-unit/index.d.ts +11 -0
  106. package/icons/ac-unit/index.js +4 -0
  107. package/icons/add-a-photo/index.d.ts +11 -0
  108. package/icons/add-a-photo/index.js +4 -0
  109. package/icons/add-business/index.d.ts +11 -0
  110. package/icons/add-business/index.js +4 -0
  111. package/icons/add-location/index.d.ts +11 -0
  112. package/icons/add-location/index.js +4 -0
  113. package/icons/add-location-alt/index.d.ts +11 -0
  114. package/icons/add-location-alt/index.js +4 -0
  115. package/icons/add-photo-alternate/index.d.ts +11 -0
  116. package/icons/add-photo-alternate/index.js +4 -0
  117. package/icons/add-road/index.d.ts +11 -0
  118. package/icons/add-road/index.js +4 -0
  119. package/icons/add-to-photos/index.d.ts +11 -0
  120. package/icons/add-to-photos/index.js +4 -0
  121. package/icons/add-to-queue/index.d.ts +11 -0
  122. package/icons/add-to-queue/index.js +4 -0
  123. package/icons/adjust/index.d.ts +11 -0
  124. package/icons/adjust/index.js +4 -0
  125. package/icons/agriculture/index.d.ts +11 -0
  126. package/icons/agriculture/index.js +4 -0
  127. package/icons/airplay/index.d.ts +11 -0
  128. package/icons/airplay/index.js +4 -0
  129. package/icons/airport-shuttle/index.d.ts +11 -0
  130. package/icons/airport-shuttle/index.js +4 -0
  131. package/icons/album/index.d.ts +11 -0
  132. package/icons/album/index.js +4 -0
  133. package/icons/all-inclusive/index.d.ts +11 -0
  134. package/icons/all-inclusive/index.js +4 -0
  135. package/icons/alt-route/index.js +1 -1
  136. package/icons/apartment/index.d.ts +11 -0
  137. package/icons/apartment/index.js +4 -0
  138. package/icons/architecture/index.d.ts +11 -0
  139. package/icons/architecture/index.js +4 -0
  140. package/icons/art-track/index.d.ts +11 -0
  141. package/icons/art-track/index.js +4 -0
  142. package/icons/assistant/index.d.ts +11 -0
  143. package/icons/assistant/index.js +4 -0
  144. package/icons/assistant-photo/index.d.ts +11 -0
  145. package/icons/assistant-photo/index.js +4 -0
  146. package/icons/atm/index.d.ts +11 -0
  147. package/icons/atm/index.js +4 -0
  148. package/icons/audiotrack/index.d.ts +11 -0
  149. package/icons/audiotrack/index.js +4 -0
  150. package/icons/auto-mode/index.d.ts +11 -0
  151. package/icons/auto-mode/index.js +4 -0
  152. package/icons/av-timer/index.d.ts +11 -0
  153. package/icons/av-timer/index.js +4 -0
  154. package/icons/baby-changing-station/index.d.ts +11 -0
  155. package/icons/baby-changing-station/index.js +4 -0
  156. package/icons/backpack/index.d.ts +11 -0
  157. package/icons/backpack/index.js +4 -0
  158. package/icons/bathtub/index.d.ts +11 -0
  159. package/icons/bathtub/index.js +4 -0
  160. package/icons/beach-access/index.d.ts +11 -0
  161. package/icons/beach-access/index.js +4 -0
  162. package/icons/bedtime/index.d.ts +11 -0
  163. package/icons/bedtime/index.js +4 -0
  164. package/icons/beenhere/index.d.ts +11 -0
  165. package/icons/beenhere/index.js +4 -0
  166. package/icons/bento/index.d.ts +11 -0
  167. package/icons/bento/index.js +4 -0
  168. package/icons/bike-scooter/index.d.ts +11 -0
  169. package/icons/bike-scooter/index.js +4 -0
  170. package/icons/blinds/index.d.ts +11 -0
  171. package/icons/blinds/index.js +4 -0
  172. package/icons/blinds-closed/index.d.ts +11 -0
  173. package/icons/blinds-closed/index.js +4 -0
  174. package/icons/blur-circular/index.d.ts +11 -0
  175. package/icons/blur-circular/index.js +4 -0
  176. package/icons/blur-linear/index.d.ts +11 -0
  177. package/icons/blur-linear/index.js +4 -0
  178. package/icons/blur-off/index.d.ts +11 -0
  179. package/icons/blur-off/index.js +4 -0
  180. package/icons/blur-on/index.d.ts +11 -0
  181. package/icons/blur-on/index.js +4 -0
  182. package/icons/branding-watermark/index.d.ts +11 -0
  183. package/icons/branding-watermark/index.js +4 -0
  184. package/icons/brightness-1/index.d.ts +11 -0
  185. package/icons/brightness-1/index.js +4 -0
  186. package/icons/brightness-2/index.d.ts +11 -0
  187. package/icons/brightness-2/index.js +4 -0
  188. package/icons/brightness-3/index.d.ts +11 -0
  189. package/icons/brightness-3/index.js +4 -0
  190. package/icons/brightness-4/index.d.ts +11 -0
  191. package/icons/brightness-4/index.js +4 -0
  192. package/icons/brightness-5/index.d.ts +11 -0
  193. package/icons/brightness-5/index.js +4 -0
  194. package/icons/brightness-6/index.d.ts +11 -0
  195. package/icons/brightness-6/index.js +4 -0
  196. package/icons/brightness-7/index.d.ts +11 -0
  197. package/icons/brightness-7/index.js +4 -0
  198. package/icons/broadcast-on-home/index.d.ts +11 -0
  199. package/icons/broadcast-on-home/index.js +4 -0
  200. package/icons/broadcast-on-personal/index.d.ts +11 -0
  201. package/icons/broadcast-on-personal/index.js +4 -0
  202. package/icons/broken-image/index.d.ts +11 -0
  203. package/icons/broken-image/index.js +4 -0
  204. package/icons/browser-not-supported/index.d.ts +11 -0
  205. package/icons/browser-not-supported/index.js +4 -0
  206. package/icons/brush/index.d.ts +11 -0
  207. package/icons/brush/index.js +4 -0
  208. package/icons/burst-mode/index.d.ts +11 -0
  209. package/icons/burst-mode/index.js +4 -0
  210. package/icons/business-center/index.d.ts +11 -0
  211. package/icons/business-center/index.js +4 -0
  212. package/icons/cake/index.d.ts +11 -0
  213. package/icons/cake/index.js +4 -0
  214. package/icons/call-to-action/index.d.ts +11 -0
  215. package/icons/call-to-action/index.js +4 -0
  216. package/icons/camera/index.d.ts +11 -0
  217. package/icons/camera/index.js +4 -0
  218. package/icons/camera-alt/index.d.ts +11 -0
  219. package/icons/camera-alt/index.js +4 -0
  220. package/icons/camera-front/index.d.ts +11 -0
  221. package/icons/camera-front/index.js +4 -0
  222. package/icons/camera-rear/index.d.ts +11 -0
  223. package/icons/camera-rear/index.js +4 -0
  224. package/icons/camera-roll/index.d.ts +11 -0
  225. package/icons/camera-roll/index.js +4 -0
  226. package/icons/carpenter/index.d.ts +11 -0
  227. package/icons/carpenter/index.js +4 -0
  228. package/icons/casino/index.d.ts +11 -0
  229. package/icons/casino/index.js +4 -0
  230. package/icons/cast/index.d.ts +11 -0
  231. package/icons/cast/index.js +4 -0
  232. package/icons/cast-connected/index.d.ts +11 -0
  233. package/icons/cast-connected/index.js +4 -0
  234. package/icons/cast-for-education/index.d.ts +11 -0
  235. package/icons/cast-for-education/index.js +4 -0
  236. package/icons/category/index.d.ts +11 -0
  237. package/icons/category/index.js +4 -0
  238. package/icons/center-focus-strong/index.d.ts +11 -0
  239. package/icons/center-focus-strong/index.js +4 -0
  240. package/icons/center-focus-weak/index.d.ts +11 -0
  241. package/icons/center-focus-weak/index.js +4 -0
  242. package/icons/charging-station/index.d.ts +11 -0
  243. package/icons/charging-station/index.js +4 -0
  244. package/icons/check-box/index.d.ts +11 -0
  245. package/icons/check-box/index.js +4 -0
  246. package/icons/check-box-outline-blank/index.d.ts +11 -0
  247. package/icons/check-box-outline-blank/index.js +4 -0
  248. package/icons/checkroom/index.d.ts +11 -0
  249. package/icons/checkroom/index.js +4 -0
  250. package/icons/child-care/index.d.ts +11 -0
  251. package/icons/child-care/index.js +4 -0
  252. package/icons/child-friendly/index.d.ts +11 -0
  253. package/icons/child-friendly/index.js +4 -0
  254. package/icons/clean-hands/index.d.ts +11 -0
  255. package/icons/clean-hands/index.js +4 -0
  256. package/icons/cleaning-services/index.d.ts +11 -0
  257. package/icons/cleaning-services/index.js +4 -0
  258. package/icons/closed-caption/index.d.ts +11 -0
  259. package/icons/closed-caption/index.js +4 -0
  260. package/icons/closed-caption-disabled/index.d.ts +11 -0
  261. package/icons/closed-caption-disabled/index.js +4 -0
  262. package/icons/collections/index.d.ts +11 -0
  263. package/icons/collections/index.js +4 -0
  264. package/icons/collections-bookmark/index.d.ts +11 -0
  265. package/icons/collections-bookmark/index.js +4 -0
  266. package/icons/color-lens/index.d.ts +11 -0
  267. package/icons/color-lens/index.js +4 -0
  268. package/icons/colorize/index.d.ts +11 -0
  269. package/icons/colorize/index.js +4 -0
  270. package/icons/compare/index.d.ts +11 -0
  271. package/icons/compare/index.js +4 -0
  272. package/icons/compass-calibration/index.d.ts +11 -0
  273. package/icons/compass-calibration/index.js +4 -0
  274. package/icons/computer/index.d.ts +11 -0
  275. package/icons/computer/index.js +4 -0
  276. package/icons/connect-without-contact/index.d.ts +11 -0
  277. package/icons/connect-without-contact/index.js +4 -0
  278. package/icons/construction/index.d.ts +11 -0
  279. package/icons/construction/index.js +4 -0
  280. package/icons/control-camera/index.d.ts +11 -0
  281. package/icons/control-camera/index.js +4 -0
  282. package/icons/control-point/index.d.ts +11 -0
  283. package/icons/control-point/index.js +4 -0
  284. package/icons/control-point-duplicate/index.d.ts +11 -0
  285. package/icons/control-point-duplicate/index.js +4 -0
  286. package/icons/coronavirus/index.d.ts +11 -0
  287. package/icons/coronavirus/index.js +4 -0
  288. package/icons/corporate-fare/index.d.ts +11 -0
  289. package/icons/corporate-fare/index.js +4 -0
  290. package/icons/countertops/index.d.ts +11 -0
  291. package/icons/countertops/index.js +4 -0
  292. package/icons/create-icon-class.d.ts +1 -1
  293. package/icons/crop/index.d.ts +11 -0
  294. package/icons/crop/index.js +4 -0
  295. package/icons/crop-16-9/index.d.ts +11 -0
  296. package/icons/crop-16-9/index.js +4 -0
  297. package/icons/crop-3-2/index.d.ts +11 -0
  298. package/icons/crop-3-2/index.js +4 -0
  299. package/icons/crop-5-4/index.d.ts +11 -0
  300. package/icons/crop-5-4/index.js +4 -0
  301. package/icons/crop-7-5/index.d.ts +11 -0
  302. package/icons/crop-7-5/index.js +4 -0
  303. package/icons/crop-din/index.d.ts +11 -0
  304. package/icons/crop-din/index.js +4 -0
  305. package/icons/crop-free/index.d.ts +11 -0
  306. package/icons/crop-free/index.js +4 -0
  307. package/icons/crop-landscape/index.d.ts +11 -0
  308. package/icons/crop-landscape/index.js +4 -0
  309. package/icons/crop-original/index.d.ts +11 -0
  310. package/icons/crop-original/index.js +4 -0
  311. package/icons/crop-portrait/index.d.ts +11 -0
  312. package/icons/crop-portrait/index.js +4 -0
  313. package/icons/crop-rotate/index.d.ts +11 -0
  314. package/icons/crop-rotate/index.js +4 -0
  315. package/icons/crop-square/index.d.ts +11 -0
  316. package/icons/crop-square/index.js +4 -0
  317. package/icons/curtains/index.d.ts +11 -0
  318. package/icons/curtains/index.js +4 -0
  319. package/icons/curtains-closed/index.d.ts +11 -0
  320. package/icons/curtains-closed/index.js +4 -0
  321. package/icons/deck/index.d.ts +11 -0
  322. package/icons/deck/index.js +4 -0
  323. package/icons/dehaze/index.d.ts +11 -0
  324. package/icons/dehaze/index.js +4 -0
  325. package/icons/departure-board/index.d.ts +11 -0
  326. package/icons/departure-board/index.js +4 -0
  327. package/icons/design-services/index.d.ts +11 -0
  328. package/icons/design-services/index.js +4 -0
  329. package/icons/desktop-mac/index.d.ts +11 -0
  330. package/icons/desktop-mac/index.js +4 -0
  331. package/icons/desktop-windows/index.d.ts +11 -0
  332. package/icons/desktop-windows/index.js +4 -0
  333. package/icons/details/index.d.ts +11 -0
  334. package/icons/details/index.js +4 -0
  335. package/icons/developer-board/index.d.ts +11 -0
  336. package/icons/developer-board/index.js +4 -0
  337. package/icons/device-hub/index.d.ts +11 -0
  338. package/icons/device-hub/index.js +4 -0
  339. package/icons/device-unknown/index.d.ts +11 -0
  340. package/icons/device-unknown/index.js +4 -0
  341. package/icons/devices-other/index.d.ts +11 -0
  342. package/icons/devices-other/index.js +4 -0
  343. package/icons/directions/index.d.ts +11 -0
  344. package/icons/directions/index.js +4 -0
  345. package/icons/directions-bike/index.d.ts +11 -0
  346. package/icons/directions-bike/index.js +4 -0
  347. package/icons/directions-boat/index.d.ts +11 -0
  348. package/icons/directions-boat/index.js +4 -0
  349. package/icons/directions-bus/index.d.ts +11 -0
  350. package/icons/directions-bus/index.js +4 -0
  351. package/icons/directions-car/index.d.ts +11 -0
  352. package/icons/directions-car/index.js +4 -0
  353. package/icons/directions-railway/index.d.ts +11 -0
  354. package/icons/directions-railway/index.js +4 -0
  355. package/icons/directions-run/index.d.ts +11 -0
  356. package/icons/directions-run/index.js +4 -0
  357. package/icons/directions-subway/index.d.ts +11 -0
  358. package/icons/directions-subway/index.js +4 -0
  359. package/icons/directions-transit/index.d.ts +11 -0
  360. package/icons/directions-transit/index.js +4 -0
  361. package/icons/directions-walk/index.d.ts +11 -0
  362. package/icons/directions-walk/index.js +4 -0
  363. package/icons/do-not-step/index.d.ts +11 -0
  364. package/icons/do-not-step/index.js +4 -0
  365. package/icons/do-not-touch/index.d.ts +11 -0
  366. package/icons/do-not-touch/index.js +4 -0
  367. package/icons/dock/index.d.ts +11 -0
  368. package/icons/dock/index.js +4 -0
  369. package/icons/domain/index.d.ts +11 -0
  370. package/icons/domain/index.js +4 -0
  371. package/icons/dry/index.d.ts +11 -0
  372. package/icons/dry/index.js +4 -0
  373. package/icons/edit/index.d.ts +11 -0
  374. package/icons/edit/index.js +4 -0
  375. package/icons/edit-attributes/index.d.ts +11 -0
  376. package/icons/edit-attributes/index.js +4 -0
  377. package/icons/edit-location/index.d.ts +11 -0
  378. package/icons/edit-location/index.js +4 -0
  379. package/icons/edit-road/index.d.ts +11 -0
  380. package/icons/edit-road/index.js +4 -0
  381. package/icons/elderly/index.d.ts +11 -0
  382. package/icons/elderly/index.js +4 -0
  383. package/icons/electric-bike/index.d.ts +11 -0
  384. package/icons/electric-bike/index.js +4 -0
  385. package/icons/electric-bolt/index.d.ts +11 -0
  386. package/icons/electric-bolt/index.js +4 -0
  387. package/icons/electric-car/index.d.ts +11 -0
  388. package/icons/electric-car/index.js +4 -0
  389. package/icons/electric-meter/index.d.ts +11 -0
  390. package/icons/electric-meter/index.js +4 -0
  391. package/icons/electric-moped/index.d.ts +11 -0
  392. package/icons/electric-moped/index.js +4 -0
  393. package/icons/electric-rickshaw/index.d.ts +11 -0
  394. package/icons/electric-rickshaw/index.js +4 -0
  395. package/icons/electric-scooter/index.d.ts +11 -0
  396. package/icons/electric-scooter/index.js +4 -0
  397. package/icons/electrical-services/index.d.ts +11 -0
  398. package/icons/electrical-services/index.js +4 -0
  399. package/icons/elevator/index.d.ts +11 -0
  400. package/icons/elevator/index.js +4 -0
  401. package/icons/emoji-emotions/index.d.ts +11 -0
  402. package/icons/emoji-emotions/index.js +4 -0
  403. package/icons/emoji-events/index.d.ts +11 -0
  404. package/icons/emoji-events/index.js +4 -0
  405. package/icons/emoji-flags/index.d.ts +11 -0
  406. package/icons/emoji-flags/index.js +4 -0
  407. package/icons/emoji-food-beverage/index.d.ts +11 -0
  408. package/icons/emoji-food-beverage/index.js +4 -0
  409. package/icons/emoji-nature/index.d.ts +11 -0
  410. package/icons/emoji-nature/index.js +4 -0
  411. package/icons/emoji-objects/index.d.ts +11 -0
  412. package/icons/emoji-objects/index.js +4 -0
  413. package/icons/emoji-people/index.d.ts +11 -0
  414. package/icons/emoji-people/index.js +4 -0
  415. package/icons/emoji-symbols/index.d.ts +11 -0
  416. package/icons/emoji-symbols/index.js +4 -0
  417. package/icons/emoji-transportation/index.d.ts +11 -0
  418. package/icons/emoji-transportation/index.js +4 -0
  419. package/icons/energy-savings-leaf/index.d.ts +11 -0
  420. package/icons/energy-savings-leaf/index.js +4 -0
  421. package/icons/engineering/index.d.ts +11 -0
  422. package/icons/engineering/index.js +4 -0
  423. package/icons/equalizer/index.d.ts +11 -0
  424. package/icons/equalizer/index.js +4 -0
  425. package/icons/escalator/index.d.ts +11 -0
  426. package/icons/escalator/index.js +4 -0
  427. package/icons/escalator-warning/index.d.ts +11 -0
  428. package/icons/escalator-warning/index.js +4 -0
  429. package/icons/euro/index.d.ts +11 -0
  430. package/icons/euro/index.js +4 -0
  431. package/icons/ev-station/index.d.ts +11 -0
  432. package/icons/ev-station/index.js +4 -0
  433. package/icons/explicit/index.d.ts +11 -0
  434. package/icons/explicit/index.js +4 -0
  435. package/icons/exposure/index.d.ts +11 -0
  436. package/icons/exposure/index.js +4 -0
  437. package/icons/exposure-neg-1/index.d.ts +11 -0
  438. package/icons/exposure-neg-1/index.js +4 -0
  439. package/icons/exposure-neg-2/index.d.ts +11 -0
  440. package/icons/exposure-neg-2/index.js +4 -0
  441. package/icons/exposure-plus-1/index.d.ts +11 -0
  442. package/icons/exposure-plus-1/index.js +4 -0
  443. package/icons/exposure-plus-2/index.d.ts +11 -0
  444. package/icons/exposure-plus-2/index.js +4 -0
  445. package/icons/exposure-zero/index.d.ts +11 -0
  446. package/icons/exposure-zero/index.js +4 -0
  447. package/icons/facebook/index.d.ts +11 -0
  448. package/icons/facebook/index.js +4 -0
  449. package/icons/family-restroom/index.d.ts +11 -0
  450. package/icons/family-restroom/index.js +4 -0
  451. package/icons/fast-forward/index.d.ts +11 -0
  452. package/icons/fast-forward/index.js +4 -0
  453. package/icons/fast-rewind/index.d.ts +11 -0
  454. package/icons/fast-rewind/index.js +4 -0
  455. package/icons/fastfood/index.d.ts +11 -0
  456. package/icons/fastfood/index.js +4 -0
  457. package/icons/featured-play-list/index.d.ts +11 -0
  458. package/icons/featured-play-list/index.js +4 -0
  459. package/icons/featured-video/index.d.ts +11 -0
  460. package/icons/featured-video/index.js +4 -0
  461. package/icons/fence/index.d.ts +11 -0
  462. package/icons/fence/index.js +4 -0
  463. package/icons/fiber-dvr/index.d.ts +11 -0
  464. package/icons/fiber-dvr/index.js +4 -0
  465. package/icons/fiber-manual-record/index.d.ts +11 -0
  466. package/icons/fiber-manual-record/index.js +4 -0
  467. package/icons/fiber-new/index.d.ts +11 -0
  468. package/icons/fiber-new/index.js +4 -0
  469. package/icons/fiber-pin/index.d.ts +11 -0
  470. package/icons/fiber-pin/index.js +4 -0
  471. package/icons/fiber-smart-record/index.d.ts +11 -0
  472. package/icons/fiber-smart-record/index.js +4 -0
  473. package/icons/filter/index.d.ts +11 -0
  474. package/icons/filter/index.js +4 -0
  475. package/icons/filter-1/index.d.ts +11 -0
  476. package/icons/filter-1/index.js +4 -0
  477. package/icons/filter-2/index.d.ts +11 -0
  478. package/icons/filter-2/index.js +4 -0
  479. package/icons/filter-3/index.d.ts +11 -0
  480. package/icons/filter-3/index.js +4 -0
  481. package/icons/filter-4/index.d.ts +11 -0
  482. package/icons/filter-4/index.js +4 -0
  483. package/icons/filter-5/index.d.ts +11 -0
  484. package/icons/filter-5/index.js +4 -0
  485. package/icons/filter-6/index.d.ts +11 -0
  486. package/icons/filter-6/index.js +4 -0
  487. package/icons/filter-7/index.d.ts +11 -0
  488. package/icons/filter-7/index.js +4 -0
  489. package/icons/filter-8/index.d.ts +11 -0
  490. package/icons/filter-8/index.js +4 -0
  491. package/icons/filter-9/index.d.ts +11 -0
  492. package/icons/filter-9/index.js +4 -0
  493. package/icons/filter-9-plus/index.d.ts +11 -0
  494. package/icons/filter-9-plus/index.js +4 -0
  495. package/icons/filter-b-and-w/index.d.ts +11 -0
  496. package/icons/filter-b-and-w/index.js +4 -0
  497. package/icons/filter-center-focus/index.d.ts +11 -0
  498. package/icons/filter-center-focus/index.js +4 -0
  499. package/icons/filter-drama/index.d.ts +11 -0
  500. package/icons/filter-drama/index.js +4 -0
  501. package/icons/filter-frames/index.d.ts +11 -0
  502. package/icons/filter-frames/index.js +4 -0
  503. package/icons/filter-hdr/index.d.ts +11 -0
  504. package/icons/filter-hdr/index.js +4 -0
  505. package/icons/filter-none/index.d.ts +11 -0
  506. package/icons/filter-none/index.js +4 -0
  507. package/icons/filter-tilt-shift/index.d.ts +11 -0
  508. package/icons/filter-tilt-shift/index.js +4 -0
  509. package/icons/filter-vintage/index.d.ts +11 -0
  510. package/icons/filter-vintage/index.js +4 -0
  511. package/icons/fire-extinguisher/index.d.ts +11 -0
  512. package/icons/fire-extinguisher/index.js +4 -0
  513. package/icons/fireplace/index.d.ts +11 -0
  514. package/icons/fireplace/index.js +4 -0
  515. package/icons/fitness-center/index.d.ts +11 -0
  516. package/icons/fitness-center/index.js +4 -0
  517. package/icons/flare/index.d.ts +11 -0
  518. package/icons/flare/index.js +4 -0
  519. package/icons/flash-auto/index.d.ts +11 -0
  520. package/icons/flash-auto/index.js +4 -0
  521. package/icons/flash-off/index.d.ts +11 -0
  522. package/icons/flash-off/index.js +4 -0
  523. package/icons/flash-on/index.d.ts +11 -0
  524. package/icons/flash-on/index.js +4 -0
  525. package/icons/flight/index.d.ts +11 -0
  526. package/icons/flight/index.js +4 -0
  527. package/icons/flip/index.d.ts +11 -0
  528. package/icons/flip/index.js +4 -0
  529. package/icons/flip-camera-android/index.d.ts +11 -0
  530. package/icons/flip-camera-android/index.js +4 -0
  531. package/icons/flip-camera-ios/index.d.ts +11 -0
  532. package/icons/flip-camera-ios/index.js +4 -0
  533. package/icons/follow-the-signs/index.d.ts +11 -0
  534. package/icons/follow-the-signs/index.js +4 -0
  535. package/icons/food-bank/index.d.ts +11 -0
  536. package/icons/food-bank/index.js +4 -0
  537. package/icons/forward-10/index.d.ts +11 -0
  538. package/icons/forward-10/index.js +4 -0
  539. package/icons/forward-30/index.d.ts +11 -0
  540. package/icons/forward-30/index.js +4 -0
  541. package/icons/forward-5/index.d.ts +11 -0
  542. package/icons/forward-5/index.js +4 -0
  543. package/icons/foundation/index.d.ts +11 -0
  544. package/icons/foundation/index.js +4 -0
  545. package/icons/free-breakfast/index.d.ts +11 -0
  546. package/icons/free-breakfast/index.js +4 -0
  547. package/icons/gamepad/index.d.ts +11 -0
  548. package/icons/gamepad/index.js +4 -0
  549. package/icons/games/index.d.ts +11 -0
  550. package/icons/games/index.js +4 -0
  551. package/icons/gas-meter/index.d.ts +11 -0
  552. package/icons/gas-meter/index.js +4 -0
  553. package/icons/golf-course/index.d.ts +11 -0
  554. package/icons/golf-course/index.js +4 -0
  555. package/icons/gradient/index.d.ts +11 -0
  556. package/icons/gradient/index.js +4 -0
  557. package/icons/grain/index.d.ts +11 -0
  558. package/icons/grain/index.js +4 -0
  559. package/icons/grass/index.d.ts +11 -0
  560. package/icons/grass/index.js +4 -0
  561. package/icons/grid-off/index.d.ts +11 -0
  562. package/icons/grid-off/index.js +4 -0
  563. package/icons/grid-on/index.d.ts +11 -0
  564. package/icons/grid-on/index.js +4 -0
  565. package/icons/group/index.d.ts +11 -0
  566. package/icons/group/index.js +4 -0
  567. package/icons/group-add/index.d.ts +11 -0
  568. package/icons/group-add/index.js +4 -0
  569. package/icons/groups/index.d.ts +11 -0
  570. package/icons/groups/index.js +4 -0
  571. package/icons/handyman/index.d.ts +11 -0
  572. package/icons/handyman/index.js +4 -0
  573. package/icons/hd/index.d.ts +11 -0
  574. package/icons/hd/index.js +4 -0
  575. package/icons/hdr-off/index.d.ts +11 -0
  576. package/icons/hdr-off/index.js +4 -0
  577. package/icons/hdr-on/index.d.ts +11 -0
  578. package/icons/hdr-on/index.js +4 -0
  579. package/icons/hdr-strong/index.d.ts +11 -0
  580. package/icons/hdr-strong/index.js +4 -0
  581. package/icons/hdr-weak/index.d.ts +11 -0
  582. package/icons/hdr-weak/index.js +4 -0
  583. package/icons/headset/index.d.ts +11 -0
  584. package/icons/headset/index.js +4 -0
  585. package/icons/headset-mic/index.d.ts +11 -0
  586. package/icons/headset-mic/index.js +4 -0
  587. package/icons/healing/index.d.ts +11 -0
  588. package/icons/healing/index.js +4 -0
  589. package/icons/hearing/index.d.ts +11 -0
  590. package/icons/hearing/index.js +4 -0
  591. package/icons/hearing-disabled/index.d.ts +11 -0
  592. package/icons/hearing-disabled/index.js +4 -0
  593. package/icons/heat-pump/index.d.ts +11 -0
  594. package/icons/heat-pump/index.js +4 -0
  595. package/icons/high-quality/index.d.ts +11 -0
  596. package/icons/high-quality/index.js +4 -0
  597. package/icons/history-edu/index.d.ts +11 -0
  598. package/icons/history-edu/index.js +4 -0
  599. package/icons/home-repair-service/index.d.ts +11 -0
  600. package/icons/home-repair-service/index.js +4 -0
  601. package/icons/hot-tub/index.d.ts +11 -0
  602. package/icons/hot-tub/index.js +4 -0
  603. package/icons/hotel/index.d.ts +11 -0
  604. package/icons/hotel/index.js +4 -0
  605. package/icons/house/index.d.ts +11 -0
  606. package/icons/house/index.js +4 -0
  607. package/icons/house-siding/index.d.ts +11 -0
  608. package/icons/house-siding/index.js +4 -0
  609. package/icons/hvac/index.d.ts +11 -0
  610. package/icons/hvac/index.js +4 -0
  611. package/icons/image/index.d.ts +11 -0
  612. package/icons/image/index.js +4 -0
  613. package/icons/image-aspect-ratio/index.d.ts +11 -0
  614. package/icons/image-aspect-ratio/index.js +4 -0
  615. package/icons/image-not-supported/index.d.ts +11 -0
  616. package/icons/image-not-supported/index.js +4 -0
  617. package/icons/image-search/index.d.ts +11 -0
  618. package/icons/image-search/index.js +4 -0
  619. package/icons/indeterminate-check-box/index.d.ts +11 -0
  620. package/icons/indeterminate-check-box/index.js +4 -0
  621. package/icons/iso/index.d.ts +11 -0
  622. package/icons/iso/index.js +4 -0
  623. package/icons/keyboard/index.d.ts +11 -0
  624. package/icons/keyboard/index.js +4 -0
  625. package/icons/keyboard-backspace/index.d.ts +11 -0
  626. package/icons/keyboard-backspace/index.js +4 -0
  627. package/icons/keyboard-capslock/index.d.ts +11 -0
  628. package/icons/keyboard-capslock/index.js +4 -0
  629. package/icons/keyboard-hide/index.d.ts +11 -0
  630. package/icons/keyboard-hide/index.js +4 -0
  631. package/icons/keyboard-return/index.d.ts +11 -0
  632. package/icons/keyboard-return/index.js +4 -0
  633. package/icons/keyboard-tab/index.d.ts +11 -0
  634. package/icons/keyboard-tab/index.js +4 -0
  635. package/icons/keyboard-voice/index.d.ts +11 -0
  636. package/icons/keyboard-voice/index.js +4 -0
  637. package/icons/king-bed/index.d.ts +11 -0
  638. package/icons/king-bed/index.js +4 -0
  639. package/icons/kitchen/index.d.ts +11 -0
  640. package/icons/kitchen/index.js +4 -0
  641. package/icons/landscape/index.d.ts +11 -0
  642. package/icons/landscape/index.js +4 -0
  643. package/icons/laptop/index.d.ts +11 -0
  644. package/icons/laptop/index.js +4 -0
  645. package/icons/laptop-chromebook/index.d.ts +11 -0
  646. package/icons/laptop-chromebook/index.js +4 -0
  647. package/icons/laptop-mac/index.d.ts +11 -0
  648. package/icons/laptop-mac/index.js +4 -0
  649. package/icons/laptop-windows/index.d.ts +11 -0
  650. package/icons/laptop-windows/index.js +4 -0
  651. package/icons/layers/index.d.ts +11 -0
  652. package/icons/layers/index.js +4 -0
  653. package/icons/layers-clear/index.d.ts +11 -0
  654. package/icons/layers-clear/index.js +4 -0
  655. package/icons/leak-add/index.d.ts +11 -0
  656. package/icons/leak-add/index.js +4 -0
  657. package/icons/leak-remove/index.d.ts +11 -0
  658. package/icons/leak-remove/index.js +4 -0
  659. package/icons/lens/index.d.ts +11 -0
  660. package/icons/lens/index.js +4 -0
  661. package/icons/library-add/index.d.ts +11 -0
  662. package/icons/library-add/index.js +4 -0
  663. package/icons/library-add-check/index.d.ts +11 -0
  664. package/icons/library-add-check/index.js +4 -0
  665. package/icons/library-books/index.d.ts +11 -0
  666. package/icons/library-books/index.js +4 -0
  667. package/icons/library-music/index.d.ts +11 -0
  668. package/icons/library-music/index.js +4 -0
  669. package/icons/linked-camera/index.d.ts +11 -0
  670. package/icons/linked-camera/index.js +4 -0
  671. package/icons/local-activity/index.d.ts +11 -0
  672. package/icons/local-activity/index.js +4 -0
  673. package/icons/local-airport/index.d.ts +11 -0
  674. package/icons/local-airport/index.js +4 -0
  675. package/icons/local-atm/index.d.ts +11 -0
  676. package/icons/local-atm/index.js +4 -0
  677. package/icons/local-bar/index.d.ts +11 -0
  678. package/icons/local-bar/index.js +4 -0
  679. package/icons/local-cafe/index.d.ts +11 -0
  680. package/icons/local-cafe/index.js +4 -0
  681. package/icons/local-car-wash/index.d.ts +11 -0
  682. package/icons/local-car-wash/index.js +4 -0
  683. package/icons/local-convenience-store/index.d.ts +11 -0
  684. package/icons/local-convenience-store/index.js +4 -0
  685. package/icons/local-dining/index.d.ts +11 -0
  686. package/icons/local-dining/index.js +4 -0
  687. package/icons/local-drink/index.d.ts +11 -0
  688. package/icons/local-drink/index.js +4 -0
  689. package/icons/local-fire-department/index.d.ts +11 -0
  690. package/icons/local-fire-department/index.js +4 -0
  691. package/icons/local-florist/index.d.ts +11 -0
  692. package/icons/local-florist/index.js +4 -0
  693. package/icons/local-gas-station/index.d.ts +11 -0
  694. package/icons/local-gas-station/index.js +4 -0
  695. package/icons/local-grocery-store/index.d.ts +11 -0
  696. package/icons/local-grocery-store/index.js +4 -0
  697. package/icons/local-hospital/index.d.ts +11 -0
  698. package/icons/local-hospital/index.js +4 -0
  699. package/icons/local-hotel/index.d.ts +11 -0
  700. package/icons/local-hotel/index.js +4 -0
  701. package/icons/local-laundry-service/index.d.ts +11 -0
  702. package/icons/local-laundry-service/index.js +4 -0
  703. package/icons/local-library/index.d.ts +11 -0
  704. package/icons/local-library/index.js +4 -0
  705. package/icons/local-mall/index.d.ts +11 -0
  706. package/icons/local-mall/index.js +4 -0
  707. package/icons/local-movies/index.d.ts +11 -0
  708. package/icons/local-movies/index.js +4 -0
  709. package/icons/local-parking/index.d.ts +11 -0
  710. package/icons/local-parking/index.js +4 -0
  711. package/icons/local-pharmacy/index.d.ts +11 -0
  712. package/icons/local-pharmacy/index.js +4 -0
  713. package/icons/local-phone/index.d.ts +11 -0
  714. package/icons/local-phone/index.js +4 -0
  715. package/icons/local-pizza/index.d.ts +11 -0
  716. package/icons/local-pizza/index.js +4 -0
  717. package/icons/local-play/index.d.ts +11 -0
  718. package/icons/local-play/index.js +4 -0
  719. package/icons/local-police/index.d.ts +11 -0
  720. package/icons/local-police/index.js +4 -0
  721. package/icons/local-post-office/index.d.ts +11 -0
  722. package/icons/local-post-office/index.js +4 -0
  723. package/icons/local-printshop/index.d.ts +11 -0
  724. package/icons/local-printshop/index.js +4 -0
  725. package/icons/local-see/index.d.ts +11 -0
  726. package/icons/local-see/index.js +4 -0
  727. package/icons/local-shipping/index.d.ts +11 -0
  728. package/icons/local-shipping/index.js +4 -0
  729. package/icons/local-taxi/index.d.ts +11 -0
  730. package/icons/local-taxi/index.js +4 -0
  731. package/icons/location-city/index.d.ts +11 -0
  732. package/icons/location-city/index.js +4 -0
  733. package/icons/looks/index.d.ts +11 -0
  734. package/icons/looks/index.js +4 -0
  735. package/icons/looks-3/index.d.ts +11 -0
  736. package/icons/looks-3/index.js +4 -0
  737. package/icons/looks-4/index.d.ts +11 -0
  738. package/icons/looks-4/index.js +4 -0
  739. package/icons/looks-5/index.d.ts +11 -0
  740. package/icons/looks-5/index.js +4 -0
  741. package/icons/looks-6/index.d.ts +11 -0
  742. package/icons/looks-6/index.js +4 -0
  743. package/icons/looks-one/index.d.ts +11 -0
  744. package/icons/looks-one/index.js +4 -0
  745. package/icons/looks-two/index.d.ts +11 -0
  746. package/icons/looks-two/index.js +4 -0
  747. package/icons/loop/index.d.ts +11 -0
  748. package/icons/loop/index.js +4 -0
  749. package/icons/loupe/index.d.ts +11 -0
  750. package/icons/loupe/index.js +4 -0
  751. package/icons/luggage/index.d.ts +11 -0
  752. package/icons/luggage/index.js +4 -0
  753. package/icons/map/index.d.ts +11 -0
  754. package/icons/map/index.js +4 -0
  755. package/icons/maps-ugc/index.d.ts +11 -0
  756. package/icons/maps-ugc/index.js +4 -0
  757. package/icons/masks/index.d.ts +11 -0
  758. package/icons/masks/index.js +4 -0
  759. package/icons/medical-services/index.d.ts +11 -0
  760. package/icons/medical-services/index.js +4 -0
  761. package/icons/meeting-room/index.d.ts +11 -0
  762. package/icons/meeting-room/index.js +4 -0
  763. package/icons/memory/index.d.ts +11 -0
  764. package/icons/memory/index.js +4 -0
  765. package/icons/menu-book/index.d.ts +11 -0
  766. package/icons/menu-book/index.js +4 -0
  767. package/icons/mic/index.d.ts +11 -0
  768. package/icons/mic/index.js +4 -0
  769. package/icons/mic-off/index.d.ts +11 -0
  770. package/icons/mic-off/index.js +4 -0
  771. package/icons/microwave/index.d.ts +11 -0
  772. package/icons/microwave/index.js +4 -0
  773. package/icons/military-tech/index.d.ts +11 -0
  774. package/icons/military-tech/index.js +4 -0
  775. package/icons/miscellaneous-services/index.d.ts +11 -0
  776. package/icons/miscellaneous-services/index.js +4 -0
  777. package/icons/missed-video-call/index.d.ts +11 -0
  778. package/icons/missed-video-call/index.js +4 -0
  779. package/icons/mode-fan-off/index.d.ts +11 -0
  780. package/icons/mode-fan-off/index.js +4 -0
  781. package/icons/money/index.d.ts +11 -0
  782. package/icons/money/index.js +4 -0
  783. package/icons/monochrome-photos/index.d.ts +11 -0
  784. package/icons/monochrome-photos/index.js +4 -0
  785. package/icons/mood/index.d.ts +11 -0
  786. package/icons/mood/index.js +4 -0
  787. package/icons/mood-bad/index.d.ts +11 -0
  788. package/icons/mood-bad/index.js +4 -0
  789. package/icons/moped/index.d.ts +11 -0
  790. package/icons/moped/index.js +4 -0
  791. package/icons/motion-photos-on/index.d.ts +11 -0
  792. package/icons/motion-photos-on/index.js +4 -0
  793. package/icons/motion-photos-pause/index.d.ts +11 -0
  794. package/icons/motion-photos-pause/index.js +4 -0
  795. package/icons/motion-photos-paused/index.d.ts +11 -0
  796. package/icons/motion-photos-paused/index.js +4 -0
  797. package/icons/mouse/index.d.ts +11 -0
  798. package/icons/mouse/index.js +4 -0
  799. package/icons/movie/index.d.ts +11 -0
  800. package/icons/movie/index.js +4 -0
  801. package/icons/movie-creation/index.d.ts +11 -0
  802. package/icons/movie-creation/index.js +4 -0
  803. package/icons/movie-filter/index.d.ts +11 -0
  804. package/icons/movie-filter/index.js +4 -0
  805. package/icons/multiple-stop/index.d.ts +11 -0
  806. package/icons/multiple-stop/index.js +4 -0
  807. package/icons/museum/index.d.ts +11 -0
  808. package/icons/museum/index.js +4 -0
  809. package/icons/music-note/index.d.ts +11 -0
  810. package/icons/music-note/index.js +4 -0
  811. package/icons/music-off/index.d.ts +11 -0
  812. package/icons/music-off/index.js +4 -0
  813. package/icons/music-video/index.d.ts +11 -0
  814. package/icons/music-video/index.js +4 -0
  815. package/icons/my-location/index.d.ts +11 -0
  816. package/icons/my-location/index.js +4 -0
  817. package/icons/nature/index.d.ts +11 -0
  818. package/icons/nature/index.js +4 -0
  819. package/icons/nature-people/index.d.ts +11 -0
  820. package/icons/nature-people/index.js +4 -0
  821. package/icons/navigate-before/index.d.ts +11 -0
  822. package/icons/navigate-before/index.js +4 -0
  823. package/icons/navigate-next/index.d.ts +11 -0
  824. package/icons/navigate-next/index.js +4 -0
  825. package/icons/navigation/index.d.ts +11 -0
  826. package/icons/navigation/index.js +4 -0
  827. package/icons/near-me/index.d.ts +11 -0
  828. package/icons/near-me/index.js +4 -0
  829. package/icons/near-me-disabled/index.d.ts +11 -0
  830. package/icons/near-me-disabled/index.js +4 -0
  831. package/icons/nest-cam-wired-stand/index.d.ts +11 -0
  832. package/icons/nest-cam-wired-stand/index.js +4 -0
  833. package/icons/new-releases/index.d.ts +11 -0
  834. package/icons/new-releases/index.js +4 -0
  835. package/icons/night-shelter/index.d.ts +11 -0
  836. package/icons/night-shelter/index.js +4 -0
  837. package/icons/nights-stay/index.d.ts +11 -0
  838. package/icons/nights-stay/index.js +4 -0
  839. package/icons/no-backpack/index.d.ts +11 -0
  840. package/icons/no-backpack/index.js +4 -0
  841. package/icons/no-cell/index.d.ts +11 -0
  842. package/icons/no-cell/index.js +4 -0
  843. package/icons/no-drinks/index.d.ts +11 -0
  844. package/icons/no-drinks/index.js +4 -0
  845. package/icons/no-flash/index.d.ts +11 -0
  846. package/icons/no-flash/index.js +4 -0
  847. package/icons/no-food/index.d.ts +11 -0
  848. package/icons/no-food/index.js +4 -0
  849. package/icons/no-luggage/index.d.ts +11 -0
  850. package/icons/no-luggage/index.js +4 -0
  851. package/icons/no-meals/index.d.ts +11 -0
  852. package/icons/no-meals/index.js +4 -0
  853. package/icons/no-meeting-room/index.d.ts +11 -0
  854. package/icons/no-meeting-room/index.js +4 -0
  855. package/icons/no-photography/index.d.ts +11 -0
  856. package/icons/no-photography/index.js +4 -0
  857. package/icons/no-stroller/index.d.ts +11 -0
  858. package/icons/no-stroller/index.js +4 -0
  859. package/icons/no-transfer/index.d.ts +11 -0
  860. package/icons/no-transfer/index.js +4 -0
  861. package/icons/not-interested/index.d.ts +11 -0
  862. package/icons/not-interested/index.js +4 -0
  863. package/icons/not-listed-location/index.d.ts +11 -0
  864. package/icons/not-listed-location/index.js +4 -0
  865. package/icons/note/index.d.ts +11 -0
  866. package/icons/note/index.js +4 -0
  867. package/icons/notifications/index.d.ts +11 -0
  868. package/icons/notifications/index.js +4 -0
  869. package/icons/notifications-active/index.d.ts +11 -0
  870. package/icons/notifications-active/index.js +4 -0
  871. package/icons/notifications-off/index.d.ts +11 -0
  872. package/icons/notifications-off/index.js +4 -0
  873. package/icons/notifications-paused/index.d.ts +11 -0
  874. package/icons/notifications-paused/index.js +4 -0
  875. package/icons/oil-barrel/index.d.ts +11 -0
  876. package/icons/oil-barrel/index.js +4 -0
  877. package/icons/outdoor-grill/index.d.ts +11 -0
  878. package/icons/outdoor-grill/index.js +4 -0
  879. package/icons/pages/index.d.ts +11 -0
  880. package/icons/pages/index.js +4 -0
  881. package/icons/palette/index.d.ts +11 -0
  882. package/icons/palette/index.js +4 -0
  883. package/icons/panorama/index.d.ts +11 -0
  884. package/icons/panorama/index.js +4 -0
  885. package/icons/panorama-fish-eye/index.d.ts +11 -0
  886. package/icons/panorama-fish-eye/index.js +4 -0
  887. package/icons/panorama-horizontal/index.d.ts +11 -0
  888. package/icons/panorama-horizontal/index.js +4 -0
  889. package/icons/panorama-vertical/index.d.ts +11 -0
  890. package/icons/panorama-vertical/index.js +4 -0
  891. package/icons/panorama-wide-angle/index.d.ts +11 -0
  892. package/icons/panorama-wide-angle/index.js +4 -0
  893. package/icons/party-mode/index.d.ts +11 -0
  894. package/icons/party-mode/index.js +4 -0
  895. package/icons/pause/index.d.ts +11 -0
  896. package/icons/pause/index.js +4 -0
  897. package/icons/pause-circle-filled/index.d.ts +11 -0
  898. package/icons/pause-circle-filled/index.js +4 -0
  899. package/icons/pedal-bike/index.d.ts +11 -0
  900. package/icons/pedal-bike/index.js +4 -0
  901. package/icons/people/index.d.ts +11 -0
  902. package/icons/people/index.js +4 -0
  903. package/icons/people-alt/index.d.ts +11 -0
  904. package/icons/people-alt/index.js +4 -0
  905. package/icons/people-outline/index.d.ts +11 -0
  906. package/icons/people-outline/index.js +4 -0
  907. package/icons/person/index.d.ts +11 -0
  908. package/icons/person/index.js +4 -0
  909. package/icons/person-add/index.d.ts +11 -0
  910. package/icons/person-add/index.js +4 -0
  911. package/icons/person-add-alt-1/index.d.ts +11 -0
  912. package/icons/person-add-alt-1/index.js +4 -0
  913. package/icons/person-outline/index.d.ts +11 -0
  914. package/icons/person-outline/index.js +4 -0
  915. package/icons/person-pin/index.d.ts +11 -0
  916. package/icons/person-pin/index.js +4 -0
  917. package/icons/person-pin-circle/index.d.ts +11 -0
  918. package/icons/person-pin-circle/index.js +4 -0
  919. package/icons/person-remove/index.d.ts +11 -0
  920. package/icons/person-remove/index.js +4 -0
  921. package/icons/person-remove-alt-1/index.d.ts +11 -0
  922. package/icons/person-remove-alt-1/index.js +4 -0
  923. package/icons/pest-control/index.d.ts +11 -0
  924. package/icons/pest-control/index.js +4 -0
  925. package/icons/pest-control-rodent/index.d.ts +11 -0
  926. package/icons/pest-control-rodent/index.js +4 -0
  927. package/icons/phone-android/index.d.ts +11 -0
  928. package/icons/phone-android/index.js +4 -0
  929. package/icons/phone-iphone/index.d.ts +11 -0
  930. package/icons/phone-iphone/index.js +4 -0
  931. package/icons/phonelink/index.d.ts +11 -0
  932. package/icons/phonelink/index.js +4 -0
  933. package/icons/phonelink-off/index.d.ts +11 -0
  934. package/icons/phonelink-off/index.js +4 -0
  935. package/icons/photo/index.d.ts +11 -0
  936. package/icons/photo/index.js +4 -0
  937. package/icons/photo-album/index.d.ts +11 -0
  938. package/icons/photo-album/index.js +4 -0
  939. package/icons/photo-camera/index.d.ts +11 -0
  940. package/icons/photo-camera/index.js +4 -0
  941. package/icons/photo-filter/index.d.ts +11 -0
  942. package/icons/photo-filter/index.js +4 -0
  943. package/icons/photo-library/index.d.ts +11 -0
  944. package/icons/photo-library/index.js +4 -0
  945. package/icons/photo-size-select-actual/index.d.ts +11 -0
  946. package/icons/photo-size-select-actual/index.js +4 -0
  947. package/icons/photo-size-select-large/index.d.ts +11 -0
  948. package/icons/photo-size-select-large/index.js +4 -0
  949. package/icons/photo-size-select-small/index.d.ts +11 -0
  950. package/icons/photo-size-select-small/index.js +4 -0
  951. package/icons/picture-as-pdf/index.d.ts +11 -0
  952. package/icons/picture-as-pdf/index.js +4 -0
  953. package/icons/pin-drop/index.d.ts +11 -0
  954. package/icons/pin-drop/index.js +4 -0
  955. package/icons/place/index.d.ts +11 -0
  956. package/icons/place/index.js +4 -0
  957. package/icons/play-arrow/index.d.ts +11 -0
  958. package/icons/play-arrow/index.js +4 -0
  959. package/icons/play-circle-filled/index.d.ts +11 -0
  960. package/icons/play-circle-filled/index.js +4 -0
  961. package/icons/play-circle-outline/index.d.ts +2 -2
  962. package/icons/play-circle-outline/index.js +1 -1
  963. package/icons/playlist-add/index.d.ts +11 -0
  964. package/icons/playlist-add/index.js +4 -0
  965. package/icons/playlist-add-check/index.d.ts +11 -0
  966. package/icons/playlist-add-check/index.js +4 -0
  967. package/icons/playlist-play/index.d.ts +11 -0
  968. package/icons/playlist-play/index.js +4 -0
  969. package/icons/plumbing/index.d.ts +11 -0
  970. package/icons/plumbing/index.js +4 -0
  971. package/icons/plus-one/index.d.ts +11 -0
  972. package/icons/plus-one/index.js +4 -0
  973. package/icons/point-of-sale/index.d.ts +11 -0
  974. package/icons/point-of-sale/index.js +4 -0
  975. package/icons/poll/index.d.ts +11 -0
  976. package/icons/poll/index.js +4 -0
  977. package/icons/pool/index.d.ts +11 -0
  978. package/icons/pool/index.js +4 -0
  979. package/icons/portrait/index.d.ts +11 -0
  980. package/icons/portrait/index.js +4 -0
  981. package/icons/power-input/index.d.ts +11 -0
  982. package/icons/power-input/index.js +4 -0
  983. package/icons/precision-manufacturing/index.d.ts +11 -0
  984. package/icons/precision-manufacturing/index.js +4 -0
  985. package/icons/propane/index.d.ts +11 -0
  986. package/icons/propane/index.js +4 -0
  987. package/icons/propane-tank/index.d.ts +11 -0
  988. package/icons/propane-tank/index.js +4 -0
  989. package/icons/psychology/index.d.ts +11 -0
  990. package/icons/psychology/index.js +4 -0
  991. package/icons/public/index.d.ts +11 -0
  992. package/icons/public/index.js +4 -0
  993. package/icons/public-off/index.d.ts +11 -0
  994. package/icons/public-off/index.js +4 -0
  995. package/icons/queue/index.d.ts +11 -0
  996. package/icons/queue/index.js +4 -0
  997. package/icons/queue-music/index.d.ts +11 -0
  998. package/icons/queue-music/index.js +4 -0
  999. package/icons/queue-play-next/index.d.ts +11 -0
  1000. package/icons/queue-play-next/index.js +4 -0
  1001. package/icons/radio/index.d.ts +11 -0
  1002. package/icons/radio/index.js +4 -0
  1003. package/icons/radio-button-checked/index.d.ts +11 -0
  1004. package/icons/radio-button-checked/index.js +4 -0
  1005. package/icons/radio-button-unchecked/index.d.ts +11 -0
  1006. package/icons/radio-button-unchecked/index.js +4 -0
  1007. package/icons/rate-review/index.d.ts +11 -0
  1008. package/icons/rate-review/index.js +4 -0
  1009. package/icons/receipt-long/index.d.ts +11 -0
  1010. package/icons/receipt-long/index.js +4 -0
  1011. package/icons/recent-actors/index.d.ts +11 -0
  1012. package/icons/recent-actors/index.js +4 -0
  1013. package/icons/reduce-capacity/index.d.ts +11 -0
  1014. package/icons/reduce-capacity/index.js +4 -0
  1015. package/icons/remove-from-queue/index.d.ts +11 -0
  1016. package/icons/remove-from-queue/index.js +4 -0
  1017. package/icons/remove-red-eye/index.d.ts +11 -0
  1018. package/icons/remove-red-eye/index.js +4 -0
  1019. package/icons/repeat/index.d.ts +11 -0
  1020. package/icons/repeat/index.js +4 -0
  1021. package/icons/repeat-one/index.d.ts +11 -0
  1022. package/icons/repeat-one/index.js +4 -0
  1023. package/icons/replay/index.d.ts +11 -0
  1024. package/icons/replay/index.js +4 -0
  1025. package/icons/replay-10/index.d.ts +11 -0
  1026. package/icons/replay-10/index.js +4 -0
  1027. package/icons/replay-30/index.d.ts +11 -0
  1028. package/icons/replay-30/index.js +4 -0
  1029. package/icons/replay-5/index.d.ts +11 -0
  1030. package/icons/replay-5/index.js +4 -0
  1031. package/icons/restaurant/index.d.ts +11 -0
  1032. package/icons/restaurant/index.js +4 -0
  1033. package/icons/restaurant-menu/index.d.ts +11 -0
  1034. package/icons/restaurant-menu/index.js +4 -0
  1035. package/icons/rice-bowl/index.d.ts +11 -0
  1036. package/icons/rice-bowl/index.js +4 -0
  1037. package/icons/roller-shades/index.d.ts +11 -0
  1038. package/icons/roller-shades/index.js +4 -0
  1039. package/icons/roller-shades-closed/index.d.ts +11 -0
  1040. package/icons/roller-shades-closed/index.js +4 -0
  1041. package/icons/roofing/index.d.ts +11 -0
  1042. package/icons/roofing/index.js +4 -0
  1043. package/icons/room-preferences/index.d.ts +11 -0
  1044. package/icons/room-preferences/index.js +4 -0
  1045. package/icons/room-service/index.d.ts +11 -0
  1046. package/icons/room-service/index.js +4 -0
  1047. package/icons/rotate-90-degrees-ccw/index.d.ts +11 -0
  1048. package/icons/rotate-90-degrees-ccw/index.js +4 -0
  1049. package/icons/rotate-left/index.d.ts +11 -0
  1050. package/icons/rotate-left/index.js +4 -0
  1051. package/icons/rotate-right/index.d.ts +11 -0
  1052. package/icons/rotate-right/index.js +4 -0
  1053. package/icons/router/index.d.ts +11 -0
  1054. package/icons/router/index.js +4 -0
  1055. package/icons/run-circle/index.d.ts +11 -0
  1056. package/icons/run-circle/index.js +4 -0
  1057. package/icons/rv-hookup/index.d.ts +11 -0
  1058. package/icons/rv-hookup/index.js +4 -0
  1059. package/icons/sanitizer/index.d.ts +11 -0
  1060. package/icons/sanitizer/index.js +4 -0
  1061. package/icons/satellite/index.d.ts +11 -0
  1062. package/icons/satellite/index.js +4 -0
  1063. package/icons/scanner/index.d.ts +11 -0
  1064. package/icons/scanner/index.js +4 -0
  1065. package/icons/school/index.d.ts +11 -0
  1066. package/icons/school/index.js +4 -0
  1067. package/icons/science/index.d.ts +11 -0
  1068. package/icons/science/index.js +4 -0
  1069. package/icons/security/index.d.ts +11 -0
  1070. package/icons/security/index.js +4 -0
  1071. package/icons/self-improvement/index.d.ts +11 -0
  1072. package/icons/self-improvement/index.js +4 -0
  1073. package/icons/sensor-door/index.d.ts +11 -0
  1074. package/icons/sensor-door/index.js +4 -0
  1075. package/icons/sensor-occupied/index.d.ts +11 -0
  1076. package/icons/sensor-occupied/index.js +4 -0
  1077. package/icons/sensor-window/index.d.ts +11 -0
  1078. package/icons/sensor-window/index.js +4 -0
  1079. package/icons/sentiment-dissatisfied/index.d.ts +11 -0
  1080. package/icons/sentiment-dissatisfied/index.js +4 -0
  1081. package/icons/sentiment-neutral/index.d.ts +11 -0
  1082. package/icons/sentiment-neutral/index.js +4 -0
  1083. package/icons/sentiment-satisfied/index.d.ts +11 -0
  1084. package/icons/sentiment-satisfied/index.js +4 -0
  1085. package/icons/sentiment-very-dissatisfied/index.d.ts +11 -0
  1086. package/icons/sentiment-very-dissatisfied/index.js +4 -0
  1087. package/icons/sentiment-very-satisfied/index.d.ts +11 -0
  1088. package/icons/sentiment-very-satisfied/index.js +4 -0
  1089. package/icons/set-meal/index.d.ts +11 -0
  1090. package/icons/set-meal/index.js +4 -0
  1091. package/icons/share/index.d.ts +11 -0
  1092. package/icons/share/index.js +4 -0
  1093. package/icons/shield-moon/index.d.ts +11 -0
  1094. package/icons/shield-moon/index.js +4 -0
  1095. package/icons/shuffle/index.d.ts +11 -0
  1096. package/icons/shuffle/index.js +4 -0
  1097. package/icons/shutter-speed/index.d.ts +11 -0
  1098. package/icons/shutter-speed/index.js +4 -0
  1099. package/icons/sick/index.d.ts +11 -0
  1100. package/icons/sick/index.js +4 -0
  1101. package/icons/sim-card/index.d.ts +11 -0
  1102. package/icons/sim-card/index.js +4 -0
  1103. package/icons/single-bed/index.d.ts +11 -0
  1104. package/icons/single-bed/index.js +4 -0
  1105. package/icons/skip-next/index.d.ts +11 -0
  1106. package/icons/skip-next/index.js +4 -0
  1107. package/icons/skip-previous/index.d.ts +11 -0
  1108. package/icons/skip-previous/index.js +4 -0
  1109. package/icons/slideshow/index.d.ts +11 -0
  1110. package/icons/slideshow/index.js +4 -0
  1111. package/icons/slow-motion-video/index.d.ts +11 -0
  1112. package/icons/slow-motion-video/index.js +4 -0
  1113. package/icons/smart-toy/index.js +1 -1
  1114. package/icons/smartphone/index.d.ts +11 -0
  1115. package/icons/smartphone/index.js +4 -0
  1116. package/icons/smoke-free/index.d.ts +11 -0
  1117. package/icons/smoke-free/index.js +4 -0
  1118. package/icons/smoking-rooms/index.d.ts +11 -0
  1119. package/icons/smoking-rooms/index.js +4 -0
  1120. package/icons/snooze/index.d.ts +11 -0
  1121. package/icons/snooze/index.js +4 -0
  1122. package/icons/soap/index.d.ts +11 -0
  1123. package/icons/soap/index.js +4 -0
  1124. package/icons/solar-power/index.d.ts +11 -0
  1125. package/icons/solar-power/index.js +4 -0
  1126. package/icons/sort-by-alpha/index.d.ts +11 -0
  1127. package/icons/sort-by-alpha/index.js +4 -0
  1128. package/icons/spa/index.d.ts +11 -0
  1129. package/icons/spa/index.js +4 -0
  1130. package/icons/speaker/index.d.ts +11 -0
  1131. package/icons/speaker/index.js +4 -0
  1132. package/icons/speaker-group/index.d.ts +11 -0
  1133. package/icons/speaker-group/index.js +4 -0
  1134. package/icons/speed/index.d.ts +11 -0
  1135. package/icons/speed/index.js +4 -0
  1136. package/icons/sports/index.d.ts +11 -0
  1137. package/icons/sports/index.js +4 -0
  1138. package/icons/sports-bar/index.d.ts +11 -0
  1139. package/icons/sports-bar/index.js +4 -0
  1140. package/icons/sports-baseball/index.d.ts +11 -0
  1141. package/icons/sports-baseball/index.js +4 -0
  1142. package/icons/sports-basketball/index.d.ts +11 -0
  1143. package/icons/sports-basketball/index.js +4 -0
  1144. package/icons/sports-cricket/index.d.ts +11 -0
  1145. package/icons/sports-cricket/index.js +4 -0
  1146. package/icons/sports-esports/index.d.ts +11 -0
  1147. package/icons/sports-esports/index.js +4 -0
  1148. package/icons/sports-football/index.d.ts +11 -0
  1149. package/icons/sports-football/index.js +4 -0
  1150. package/icons/sports-golf/index.d.ts +11 -0
  1151. package/icons/sports-golf/index.js +4 -0
  1152. package/icons/sports-handball/index.d.ts +11 -0
  1153. package/icons/sports-handball/index.js +4 -0
  1154. package/icons/sports-hockey/index.d.ts +11 -0
  1155. package/icons/sports-hockey/index.js +4 -0
  1156. package/icons/sports-kabaddi/index.d.ts +11 -0
  1157. package/icons/sports-kabaddi/index.js +4 -0
  1158. package/icons/sports-mma/index.d.ts +11 -0
  1159. package/icons/sports-mma/index.js +4 -0
  1160. package/icons/sports-motorsports/index.d.ts +11 -0
  1161. package/icons/sports-motorsports/index.js +4 -0
  1162. package/icons/sports-rugby/index.d.ts +11 -0
  1163. package/icons/sports-rugby/index.js +4 -0
  1164. package/icons/sports-soccer/index.d.ts +11 -0
  1165. package/icons/sports-soccer/index.js +4 -0
  1166. package/icons/sports-tennis/index.d.ts +11 -0
  1167. package/icons/sports-tennis/index.js +4 -0
  1168. package/icons/sports-volleyball/index.d.ts +11 -0
  1169. package/icons/sports-volleyball/index.js +4 -0
  1170. package/icons/stairs/index.d.ts +11 -0
  1171. package/icons/stairs/index.js +4 -0
  1172. package/icons/star-border/index.d.ts +11 -0
  1173. package/icons/star-border/index.js +4 -0
  1174. package/icons/star-half/index.d.ts +11 -0
  1175. package/icons/star-half/index.js +4 -0
  1176. package/icons/stop-circle/index.d.ts +11 -0
  1177. package/icons/stop-circle/index.js +4 -0
  1178. package/icons/store-mall-directory/index.d.ts +11 -0
  1179. package/icons/store-mall-directory/index.js +4 -0
  1180. package/icons/storefront/index.d.ts +11 -0
  1181. package/icons/storefront/index.js +4 -0
  1182. package/icons/straighten/index.d.ts +11 -0
  1183. package/icons/straighten/index.js +4 -0
  1184. package/icons/streetview/index.d.ts +11 -0
  1185. package/icons/streetview/index.js +4 -0
  1186. package/icons/stroller/index.d.ts +11 -0
  1187. package/icons/stroller/index.js +4 -0
  1188. package/icons/style/index.d.ts +11 -0
  1189. package/icons/style/index.js +4 -0
  1190. package/icons/subscriptions/index.d.ts +11 -0
  1191. package/icons/subscriptions/index.js +4 -0
  1192. package/icons/subtitles/index.d.ts +11 -0
  1193. package/icons/subtitles/index.js +4 -0
  1194. package/icons/subway/index.d.ts +11 -0
  1195. package/icons/subway/index.js +4 -0
  1196. package/icons/surround-sound/index.d.ts +11 -0
  1197. package/icons/surround-sound/index.js +4 -0
  1198. package/icons/switch-camera/index.d.ts +11 -0
  1199. package/icons/switch-camera/index.js +4 -0
  1200. package/icons/switch-video/index.d.ts +11 -0
  1201. package/icons/switch-video/index.js +4 -0
  1202. package/icons/tablet/index.d.ts +11 -0
  1203. package/icons/tablet/index.js +4 -0
  1204. package/icons/tablet-android/index.d.ts +11 -0
  1205. package/icons/tablet-android/index.js +4 -0
  1206. package/icons/tablet-mac/index.d.ts +11 -0
  1207. package/icons/tablet-mac/index.js +4 -0
  1208. package/icons/tag-faces/index.d.ts +11 -0
  1209. package/icons/tag-faces/index.js +4 -0
  1210. package/icons/tapas/index.d.ts +11 -0
  1211. package/icons/tapas/index.js +4 -0
  1212. package/icons/terrain/index.d.ts +11 -0
  1213. package/icons/terrain/index.js +4 -0
  1214. package/icons/texture/index.d.ts +11 -0
  1215. package/icons/texture/index.js +4 -0
  1216. package/icons/thumb-down-alt/index.d.ts +11 -0
  1217. package/icons/thumb-down-alt/index.js +4 -0
  1218. package/icons/thumb-up-alt/index.d.ts +11 -0
  1219. package/icons/thumb-up-alt/index.js +4 -0
  1220. package/icons/timelapse/index.d.ts +11 -0
  1221. package/icons/timelapse/index.js +4 -0
  1222. package/icons/timer/index.d.ts +11 -0
  1223. package/icons/timer/index.js +4 -0
  1224. package/icons/timer-10/index.d.ts +11 -0
  1225. package/icons/timer-10/index.js +4 -0
  1226. package/icons/timer-3/index.d.ts +11 -0
  1227. package/icons/timer-3/index.js +4 -0
  1228. package/icons/timer-off/index.d.ts +11 -0
  1229. package/icons/timer-off/index.js +4 -0
  1230. package/icons/toggle-off/index.d.ts +11 -0
  1231. package/icons/toggle-off/index.js +4 -0
  1232. package/icons/toggle-on/index.d.ts +11 -0
  1233. package/icons/toggle-on/index.js +4 -0
  1234. package/icons/tonality/index.d.ts +11 -0
  1235. package/icons/tonality/index.js +4 -0
  1236. package/icons/toys/index.d.ts +11 -0
  1237. package/icons/toys/index.js +4 -0
  1238. package/icons/traffic/index.d.ts +11 -0
  1239. package/icons/traffic/index.js +4 -0
  1240. package/icons/train/index.d.ts +11 -0
  1241. package/icons/train/index.js +4 -0
  1242. package/icons/tram/index.d.ts +11 -0
  1243. package/icons/tram/index.js +4 -0
  1244. package/icons/transfer-within-a-station/index.d.ts +11 -0
  1245. package/icons/transfer-within-a-station/index.js +4 -0
  1246. package/icons/transform/index.d.ts +11 -0
  1247. package/icons/transform/index.js +4 -0
  1248. package/icons/transit-enterexit/index.d.ts +11 -0
  1249. package/icons/transit-enterexit/index.js +4 -0
  1250. package/icons/trip-origin/index.d.ts +11 -0
  1251. package/icons/trip-origin/index.js +4 -0
  1252. package/icons/tty/index.d.ts +11 -0
  1253. package/icons/tty/index.js +4 -0
  1254. package/icons/tune/index.d.ts +11 -0
  1255. package/icons/tune/index.js +4 -0
  1256. package/icons/tv/index.d.ts +11 -0
  1257. package/icons/tv/index.js +4 -0
  1258. package/icons/two-wheeler/index.d.ts +11 -0
  1259. package/icons/two-wheeler/index.js +4 -0
  1260. package/icons/types.d.ts +1 -0
  1261. package/icons/umbrella/index.d.ts +11 -0
  1262. package/icons/umbrella/index.js +4 -0
  1263. package/icons/vertical-shades/index.d.ts +11 -0
  1264. package/icons/vertical-shades/index.js +4 -0
  1265. package/icons/vertical-shades-closed/index.d.ts +11 -0
  1266. package/icons/vertical-shades-closed/index.js +4 -0
  1267. package/icons/video-call/index.d.ts +11 -0
  1268. package/icons/video-call/index.js +4 -0
  1269. package/icons/video-label/index.d.ts +11 -0
  1270. package/icons/video-label/index.js +4 -0
  1271. package/icons/video-library/index.d.ts +11 -0
  1272. package/icons/video-library/index.js +4 -0
  1273. package/icons/video-settings/index.d.ts +11 -0
  1274. package/icons/video-settings/index.js +4 -0
  1275. package/icons/videocam/index.d.ts +11 -0
  1276. package/icons/videocam/index.js +4 -0
  1277. package/icons/videocam-off/index.d.ts +11 -0
  1278. package/icons/videocam-off/index.js +4 -0
  1279. package/icons/videogame-asset/index.d.ts +11 -0
  1280. package/icons/videogame-asset/index.js +4 -0
  1281. package/icons/view-comfy/index.d.ts +11 -0
  1282. package/icons/view-comfy/index.js +4 -0
  1283. package/icons/view-compact/index.d.ts +11 -0
  1284. package/icons/view-compact/index.js +4 -0
  1285. package/icons/vignette/index.d.ts +11 -0
  1286. package/icons/vignette/index.js +4 -0
  1287. package/icons/volume-down/index.d.ts +11 -0
  1288. package/icons/volume-down/index.js +4 -0
  1289. package/icons/volume-mute/index.d.ts +11 -0
  1290. package/icons/volume-mute/index.js +4 -0
  1291. package/icons/wash/index.d.ts +11 -0
  1292. package/icons/wash/index.js +4 -0
  1293. package/icons/watch/index.d.ts +11 -0
  1294. package/icons/watch/index.js +4 -0
  1295. package/icons/water-damage/index.d.ts +11 -0
  1296. package/icons/water-damage/index.js +4 -0
  1297. package/icons/wb-auto/index.d.ts +11 -0
  1298. package/icons/wb-auto/index.js +4 -0
  1299. package/icons/wb-cloudy/index.d.ts +11 -0
  1300. package/icons/wb-cloudy/index.js +4 -0
  1301. package/icons/wb-incandescent/index.d.ts +11 -0
  1302. package/icons/wb-incandescent/index.js +4 -0
  1303. package/icons/wb-iridescent/index.d.ts +11 -0
  1304. package/icons/wb-iridescent/index.js +4 -0
  1305. package/icons/wb-sunny/index.d.ts +11 -0
  1306. package/icons/wb-sunny/index.js +4 -0
  1307. package/icons/web/index.d.ts +11 -0
  1308. package/icons/web/index.js +4 -0
  1309. package/icons/web-asset/index.d.ts +11 -0
  1310. package/icons/web-asset/index.js +4 -0
  1311. package/icons/whatshot/index.d.ts +11 -0
  1312. package/icons/whatshot/index.js +4 -0
  1313. package/icons/wheelchair-pickup/index.d.ts +11 -0
  1314. package/icons/wheelchair-pickup/index.js +4 -0
  1315. package/icons/wind-power/index.d.ts +11 -0
  1316. package/icons/wind-power/index.js +4 -0
  1317. package/icons/wine-bar/index.d.ts +11 -0
  1318. package/icons/wine-bar/index.js +4 -0
  1319. package/icons/wrong-location/index.d.ts +11 -0
  1320. package/icons/wrong-location/index.js +4 -0
  1321. package/icons/zoom-out-map/index.d.ts +11 -0
  1322. package/icons/zoom-out-map/index.js +4 -0
  1323. package/icons-branded/create-icon-class.d.ts +1 -1
  1324. package/icons-branded/types.d.ts +2 -0
  1325. package/icons-channel/create-icon-class.d.ts +1 -1
  1326. package/icons-channel/types.d.ts +1 -0
  1327. package/illustration/create-illustration-class.d.ts +1 -1
  1328. package/illustration/types.d.ts +1 -0
  1329. package/input/index.d.ts +1 -35
  1330. package/input/index.js +7 -4
  1331. package/input/types.d.ts +40 -0
  1332. package/input/types.js +1 -0
  1333. package/input/utils.d.ts +1 -0
  1334. package/input/utils.js +1 -0
  1335. package/link/index.d.ts +1 -19
  1336. package/link/types.d.ts +19 -0
  1337. package/link/types.js +1 -0
  1338. package/list/index.d.ts +11 -0
  1339. package/list/index.js +16 -0
  1340. package/list/types.d.ts +3 -0
  1341. package/list/types.js +1 -0
  1342. package/list-item/index.d.ts +12 -0
  1343. package/list-item/index.js +17 -0
  1344. package/list-item/types.d.ts +3 -0
  1345. package/list-item/types.js +1 -0
  1346. package/logo/create-logo-class.d.ts +1 -1
  1347. package/logo/types.d.ts +2 -0
  1348. package/package.json +1 -1
  1349. package/pagination/index.d.ts +1 -18
  1350. package/pagination/types.d.ts +19 -0
  1351. package/pagination/types.js +1 -0
  1352. package/popover/index.d.ts +1 -15
  1353. package/popover/types.d.ts +18 -0
  1354. package/popover/types.js +1 -0
  1355. package/radio/index.d.ts +1 -10
  1356. package/radio/types.d.ts +12 -0
  1357. package/radio/types.js +1 -0
  1358. package/radio-option/index.js +4 -2
  1359. package/radio-option/types.d.ts +4 -3
  1360. package/search/index.d.ts +1 -25
  1361. package/search/index.js +3 -3
  1362. package/search/types.d.ts +28 -0
  1363. package/search/types.js +1 -0
  1364. package/search-option/index.js +1 -14
  1365. package/search-option/types.d.ts +1 -1
  1366. package/segment/index.d.ts +1 -11
  1367. package/segment/types.d.ts +12 -0
  1368. package/segment/types.js +1 -0
  1369. package/segment-collapse/index.d.ts +1 -14
  1370. package/segment-collapse/index.js +2 -3
  1371. package/segment-collapse/types.d.ts +14 -0
  1372. package/segment-collapse/types.js +1 -0
  1373. package/segmented-control/index.d.ts +1 -10
  1374. package/segmented-control/types.d.ts +12 -0
  1375. package/segmented-control/types.js +1 -0
  1376. package/segmented-control-option/index.d.ts +1 -18
  1377. package/segmented-control-option/index.js +26 -20
  1378. package/segmented-control-option/types.d.ts +17 -0
  1379. package/segmented-control-option/types.js +1 -0
  1380. package/segmented-icon-control/index.d.ts +1 -12
  1381. package/segmented-icon-control/types.d.ts +13 -0
  1382. package/segmented-icon-control/types.js +1 -0
  1383. package/segmented-icon-control-option/index.d.ts +1 -16
  1384. package/segmented-icon-control-option/index.js +18 -18
  1385. package/segmented-icon-control-option/types.d.ts +14 -0
  1386. package/segmented-icon-control-option/types.js +1 -0
  1387. package/select/index.d.ts +1 -29
  1388. package/select/index.js +8 -4
  1389. package/select/types.d.ts +35 -0
  1390. package/select/types.js +1 -0
  1391. package/spinner/index.d.ts +1 -11
  1392. package/spinner/index.js +1 -1
  1393. package/spinner/types.d.ts +11 -0
  1394. package/spinner/types.js +1 -0
  1395. package/spinner/utils.d.ts +1 -0
  1396. package/spinner/utils.js +1 -0
  1397. package/table/index.d.ts +1 -3
  1398. package/table/types.d.ts +3 -0
  1399. package/table/types.js +1 -0
  1400. package/table-body/index.d.ts +1 -3
  1401. package/table-body/types.d.ts +3 -0
  1402. package/table-body/types.js +1 -0
  1403. package/table-cell/index.d.ts +1 -10
  1404. package/table-cell/index.js +1 -1
  1405. package/table-cell/types.d.ts +10 -0
  1406. package/table-cell/types.js +1 -0
  1407. package/table-cell/utils.d.ts +1 -0
  1408. package/table-cell/utils.js +1 -0
  1409. package/table-head/index.d.ts +1 -3
  1410. package/table-head/types.d.ts +3 -0
  1411. package/table-head/types.js +1 -0
  1412. package/table-head-cell/index.d.ts +1 -14
  1413. package/table-head-cell/index.js +1 -1
  1414. package/table-head-cell/types.d.ts +15 -0
  1415. package/table-head-cell/types.js +1 -0
  1416. package/table-row/index.d.ts +1 -9
  1417. package/table-row/types.d.ts +11 -0
  1418. package/table-row/types.js +1 -0
  1419. package/tabs/index.d.ts +1 -10
  1420. package/tabs/types.d.ts +12 -0
  1421. package/tabs/types.js +1 -0
  1422. package/tabs-option/index.js +28 -12
  1423. package/tabs-option/types.d.ts +4 -3
  1424. package/tag/index.d.ts +1 -16
  1425. package/tag/index.js +1 -1
  1426. package/tag/types.d.ts +19 -0
  1427. package/tag/types.js +1 -0
  1428. package/tag/utils.d.ts +1 -0
  1429. package/tag/utils.js +1 -0
  1430. package/tag-close/index.d.ts +1 -11
  1431. package/tag-close/types.d.ts +6 -0
  1432. package/tag-close/types.js +1 -0
  1433. package/text/index.d.ts +12 -0
  1434. package/text/index.js +65 -0
  1435. package/text/types.d.ts +16 -0
  1436. package/text/types.js +1 -0
  1437. package/text/utils.d.ts +5 -0
  1438. package/text/utils.js +6 -0
  1439. package/textarea/index.d.ts +1 -34
  1440. package/textarea/index.js +6 -3
  1441. package/textarea/types.d.ts +41 -0
  1442. package/textarea/types.js +1 -0
  1443. package/theme.css +22 -10
  1444. package/title/index.d.ts +1 -15
  1445. package/title/index.js +5 -18
  1446. package/title/types.d.ts +17 -0
  1447. package/title/types.js +1 -0
  1448. package/title/utils.d.ts +8 -0
  1449. package/title/utils.js +12 -0
  1450. package/toggle/index.d.ts +1 -22
  1451. package/toggle/index.js +7 -3
  1452. package/toggle/types.d.ts +26 -0
  1453. package/toggle/types.js +1 -0
  1454. package/tooltip/types.d.ts +4 -0
  1455. package/types.d.ts +6 -2
  1456. package/utils.d.ts +2 -2
  1457. package/utils.js +14 -9
  1458. package/card-button/utils.d.ts +0 -2
  1459. package/card-button/utils.js +0 -3
  1460. package/card-link/utils.d.ts +0 -2
  1461. package/card-link/utils.js +0 -3
package/button/index.d.ts CHANGED
@@ -1,25 +1,4 @@
1
- import type { TSinchElementReact } from '../types';
2
- import type { FocusEvent, MouseEvent } from 'react';
3
- declare const buttonTypes: readonly ["primary", "secondary", "cta-primary", "cta-secondary", "destructive"];
4
- export declare type TSinchButtonType = typeof buttonTypes[number];
5
- export declare type TSinchButtonElement = HTMLElement & {
6
- type: TSinchButtonType;
7
- text: string;
8
- disabled: boolean;
9
- small: boolean;
10
- focus(): void;
11
- blur(): void;
12
- };
13
- export declare type TSinchButtonReact = TSinchElementReact<TSinchButtonElement> & {
14
- type: TSinchButtonType;
15
- text: string;
16
- 'aria-label': string;
17
- disabled?: boolean;
18
- small?: boolean;
19
- onClick: (e: MouseEvent<TSinchButtonElement>) => void;
20
- onFocus?: (e: FocusEvent<TSinchButtonElement>) => void;
21
- onBlur?: (e: FocusEvent<TSinchButtonElement>) => void;
22
- };
1
+ import type { TSinchButtonElement, TSinchButtonReact } from './types';
23
2
  declare global {
24
3
  namespace JSX {
25
4
  interface IntrinsicElements {
@@ -30,4 +9,3 @@ declare global {
30
9
  'sinch-button': TSinchButtonElement;
31
10
  }
32
11
  }
33
- export {};
package/button/index.js CHANGED
@@ -8,8 +8,8 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
8
8
  function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
9
9
 
10
10
  import { defineCustomElement, getBooleanAttribute, getAttribute, getLiteralAttribute, isAttrTrue, updateBooleanAttribute, updateAttribute, updateLiteralAttribute, NectaryElement } from '../utils';
11
- const templateHTML = '<style>:host{--sinch-color-button-background:var(--sinch-color-tropical-500);--sinch-color-button-background-hover:var(--sinch-color-tropical-400);--sinch-color-button-background-focus:var(--sinch-color-tropical-500);--sinch-color-button-background-active:var(--sinch-color-tropical-600);--sinch-color-button-background-disabled:var(--sinch-color-tropical-100);--sinch-color-button-text:var(--sinch-color-text-inverted);--sinch-color-button-text-disabled:var(--sinch-color-text-inverted);--sinch-color-button-border:var(--sinch-color-transparent);--sinch-color-button-border-hover:var(--sinch-color-transparent);--sinch-color-button-border-focus:var(--sinch-color-tropical-700);--sinch-color-button-border-active:var(--sinch-color-transparent);--sinch-color-button-border-disabled:var(--sinch-color-transparent);--sinch-color-spinner-bg:var(--sinch-color-tropical-300);--sinch-color-spinner-fg:var(--sinch-color-snow-100);--sinch-color-icon:var(--sinch-color-text-inverted);display:inline-block;vertical-align:middle;outline:0}:host([type=secondary]){--sinch-color-button-background:var(--sinch-color-snow-100);--sinch-color-button-background-hover:var(--sinch-color-tropical-100);--sinch-color-button-background-focus:var(--sinch-color-snow-100);--sinch-color-button-background-active:var(--sinch-color-tropical-100);--sinch-color-button-background-disabled:var(--sinch-color-snow-100);--sinch-color-button-text:var(--sinch-color-tropical-500);--sinch-color-button-text-disabled:var(--sinch-color-tropical-100);--sinch-color-button-border:var(--sinch-color-tropical-500);--sinch-color-button-border-hover:var(--sinch-color-tropical-500);--sinch-color-button-border-focus:var(--sinch-color-tropical-700);--sinch-color-button-border-active:var(--sinch-color-tropical-500);--sinch-color-button-border-disabled:var(--sinch-color-tropical-100);--sinch-color-spinner-bg:var(--sinch-color-tropical-100);--sinch-color-spinner-fg:var(--sinch-color-tropical-500);--sinch-color-icon:var(--sinch-color-tropical-500)}:host([type=secondary]) button:is(:hover,:active){--sinch-color-spinner-bg:var(--sinch-color-tropical-300);--sinch-color-spinner-fg:var(--sinch-color-snow-100)}:host([type=secondary]) button:disabled{--sinch-color-spinner-bg:var(--sinch-color-tropical-200);--sinch-color-spinner-fg:var(--sinch-color-tropical-400)}:host([type=cta-primary]){--sinch-color-button-background:var(--sinch-color-honey-500);--sinch-color-button-background-hover:var(--sinch-color-honey-400);--sinch-color-button-background-focus:var(--sinch-color-honey-500);--sinch-color-button-background-active:var(--sinch-color-honey-600);--sinch-color-button-background-disabled:var(--sinch-color-honey-100);--sinch-color-button-text:var(--sinch-color-text-default);--sinch-color-button-text-disabled:var(--sinch-color-stormy-300);--sinch-color-button-border:var(--sinch-color-transparent);--sinch-color-button-border-hover:var(--sinch-color-transparent);--sinch-color-button-border-focus:var(--sinch-color-text-default);--sinch-color-button-border-active:var(--sinch-color-transparent);--sinch-color-button-border-disabled:var(--sinch-color-transparent);--sinch-color-spinner-bg:var(--sinch-color-honey-700);--sinch-color-spinner-fg:var(--sinch-color-stormy-600);--sinch-color-icon:var(--sinch-color-text-default)}:host([type=cta-primary]) button:disabled{--sinch-color-spinner-bg:var(--sinch-color-snow-100);--sinch-color-spinner-fg:var(--sinch-color-stormy-300)}:host([type=cta-secondary]){--sinch-color-button-background:var(--sinch-color-snow-100);--sinch-color-button-background-hover:var(--sinch-color-snow-500);--sinch-color-button-background-focus:var(--sinch-color-snow-100);--sinch-color-button-background-active:var(--sinch-color-snow-500);--sinch-color-button-background-disabled:var(--sinch-color-snow-100);--sinch-color-button-text:var(--sinch-color-stormy-500);--sinch-color-button-text-disabled:var(--sinch-color-stormy-200);--sinch-color-button-border:var(--sinch-color-stormy-500);--sinch-color-button-border-hover:var(--sinch-color-stormy-500);--sinch-color-button-border-focus:var(--sinch-color-stormy-500);--sinch-color-button-border-active:var(--sinch-color-stormy-500);--sinch-color-button-border-disabled:var(--sinch-color-stormy-200);--sinch-color-spinner-bg:var(--sinch-color-snow-800);--sinch-color-spinner-fg:var(--sinch-color-stormy-600);--sinch-color-icon:var(--sinch-color-stormy-500)}:host([type=cta-secondary]) button:disabled{--sinch-color-spinner-bg:var(--sinch-color-snow-600);--sinch-color-spinner-fg:var(--sinch-color-stormy-200);--sinch-color-icon:var(--sinch-color-stormy-200)}:host([type=destructive]){--sinch-color-button-background:var(--sinch-color-snow-100);--sinch-color-button-background-hover:var(--sinch-color-error-200);--sinch-color-button-background-focus:var(--sinch-color-snow-100);--sinch-color-button-background-active:var(--sinch-color-error-200);--sinch-color-button-background-disabled:var(--sinch-color-snow-100);--sinch-color-button-text:var(--sinch-color-text-invalid);--sinch-color-button-text-disabled:var(--sinch-color-error-200);--sinch-color-button-border:var(--sinch-color-error-500);--sinch-color-button-border-hover:var(--sinch-color-error-500);--sinch-color-button-border-focus:var(--sinch-color-error-800);--sinch-color-button-border-active:var(--sinch-color-error-500);--sinch-color-button-border-disabled:var(--sinch-color-error-200);--sinch-color-spinner-bg:var(--sinch-color-raspberry-100);--sinch-color-spinner-fg:var(--sinch-color-raspberry-500);--sinch-color-icon:var(--sinch-color-text-invalid)}:host([type=destructive]) button:is(:hover,:active){--sinch-color-spinner-bg:var(--sinch-color-raspberry-200);--sinch-color-spinner-fg:var(--sinch-color-raspberry-500)}:host([type=destructive]) button:disabled{--sinch-color-spinner-bg:var(--sinch-color-raspberry-100);--sinch-color-spinner-fg:var(--sinch-color-raspberry-500)}button{all:initial;display:flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;width:100%;height:48px;padding:12px;border-radius:4px;font:var(--sinch-font-title-s);color:var(--sinch-color-button-text);background-color:var(--sinch-color-button-background);box-shadow:0 0 0 1px var(--sinch-color-button-border) inset;cursor:pointer;--sinch-size-icon:24px}button:focus{background-color:var(--sinch-color-button-background-focus);box-shadow:0 0 0 2px var(--sinch-color-button-border-focus) inset}button:hover{background-color:var(--sinch-color-button-background-hover);box-shadow:0 0 0 1px var(--sinch-color-button-border-hover) inset}button:active{background-color:var(--sinch-color-button-background-active);box-shadow:0 0 0 2px var(--sinch-color-button-border-active) inset}button:disabled{color:var(--sinch-color-button-text-disabled);background-color:var(--sinch-color-button-background-disabled);box-shadow:0 0 0 1px var(--sinch-color-button-border-disabled) inset;cursor:initial;--sinch-color-spinner-bg:var(--sinch-color-snow-100);--sinch-color-spinner-fg:var(--sinch-color-tropical-200);--sinch-color-icon:var(--sinch-color-button-text-disabled)}button>*{pointer-events:none}#text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:none}:host([text]:not([text=""])) #text{display:initial}:host([text]:not([text=""])) button{padding:12px 24px}:host([small]:not([small=false]))>button{height:32px;padding:8px;line-height:16px;font-size:14px;gap:8px;--sinch-size-icon:16px}:host([text]:not([text=""])[small]:not([small=false])) button{padding:8px 16px}</style><button><slot name="left-icon"></slot><span id="text"></span><slot name="right-icon"></slot></button>';
12
- const buttonTypes = ['primary', 'secondary', 'cta-primary', 'cta-secondary', 'destructive'];
11
+ const templateHTML = '<style>:host{--sinch-color-button-background:var(--sinch-color-tropical-500);--sinch-color-button-background-hover:var(--sinch-color-tropical-400);--sinch-color-button-background-focus:var(--sinch-color-tropical-500);--sinch-color-button-background-active:var(--sinch-color-tropical-600);--sinch-color-button-background-disabled:var(--sinch-color-tropical-100);--sinch-color-button-text:var(--sinch-color-text-inverted);--sinch-color-button-text-disabled:var(--sinch-color-text-inverted);--sinch-color-button-border:var(--sinch-color-transparent);--sinch-color-button-border-hover:var(--sinch-color-transparent);--sinch-color-button-border-focus:var(--sinch-color-tropical-700);--sinch-color-button-border-active:var(--sinch-color-transparent);--sinch-color-button-border-disabled:var(--sinch-color-transparent);--sinch-color-spinner-bg:var(--sinch-color-tropical-300);--sinch-color-spinner-fg:var(--sinch-color-snow-100);--sinch-color-icon:var(--sinch-color-text-inverted);display:inline-block;vertical-align:middle;outline:0}:host([type=secondary]){--sinch-color-button-background:var(--sinch-color-snow-100);--sinch-color-button-background-hover:var(--sinch-color-tropical-100);--sinch-color-button-background-focus:var(--sinch-color-snow-100);--sinch-color-button-background-active:var(--sinch-color-tropical-100);--sinch-color-button-background-disabled:var(--sinch-color-snow-100);--sinch-color-button-text:var(--sinch-color-tropical-500);--sinch-color-button-text-disabled:var(--sinch-color-tropical-100);--sinch-color-button-border:var(--sinch-color-tropical-500);--sinch-color-button-border-hover:var(--sinch-color-tropical-500);--sinch-color-button-border-focus:var(--sinch-color-tropical-700);--sinch-color-button-border-active:var(--sinch-color-tropical-500);--sinch-color-button-border-disabled:var(--sinch-color-tropical-100);--sinch-color-spinner-bg:var(--sinch-color-tropical-100);--sinch-color-spinner-fg:var(--sinch-color-tropical-500);--sinch-color-icon:var(--sinch-color-tropical-500)}:host([type=secondary]) button:is(:hover,:active){--sinch-color-spinner-bg:var(--sinch-color-tropical-300);--sinch-color-spinner-fg:var(--sinch-color-snow-100)}:host([type=secondary]) button:disabled{--sinch-color-spinner-bg:var(--sinch-color-tropical-200);--sinch-color-spinner-fg:var(--sinch-color-tropical-400)}:host([type=cta-primary]){--sinch-color-button-background:var(--sinch-color-honey-500);--sinch-color-button-background-hover:var(--sinch-color-honey-400);--sinch-color-button-background-focus:var(--sinch-color-honey-500);--sinch-color-button-background-active:var(--sinch-color-honey-600);--sinch-color-button-background-disabled:var(--sinch-color-honey-100);--sinch-color-button-text:var(--sinch-color-text-default);--sinch-color-button-text-disabled:var(--sinch-color-stormy-300);--sinch-color-button-border:var(--sinch-color-transparent);--sinch-color-button-border-hover:var(--sinch-color-transparent);--sinch-color-button-border-focus:var(--sinch-color-text-default);--sinch-color-button-border-active:var(--sinch-color-transparent);--sinch-color-button-border-disabled:var(--sinch-color-transparent);--sinch-color-spinner-bg:var(--sinch-color-honey-700);--sinch-color-spinner-fg:var(--sinch-color-stormy-600);--sinch-color-icon:var(--sinch-color-text-default)}:host([type=cta-primary]) button:disabled{--sinch-color-spinner-bg:var(--sinch-color-snow-100);--sinch-color-spinner-fg:var(--sinch-color-stormy-300)}:host([type=cta-secondary]){--sinch-color-button-background:var(--sinch-color-snow-100);--sinch-color-button-background-hover:var(--sinch-color-snow-500);--sinch-color-button-background-focus:var(--sinch-color-snow-100);--sinch-color-button-background-active:var(--sinch-color-snow-500);--sinch-color-button-background-disabled:var(--sinch-color-snow-100);--sinch-color-button-text:var(--sinch-color-stormy-500);--sinch-color-button-text-disabled:var(--sinch-color-stormy-200);--sinch-color-button-border:var(--sinch-color-stormy-500);--sinch-color-button-border-hover:var(--sinch-color-stormy-500);--sinch-color-button-border-focus:var(--sinch-color-stormy-500);--sinch-color-button-border-active:var(--sinch-color-stormy-500);--sinch-color-button-border-disabled:var(--sinch-color-stormy-200);--sinch-color-spinner-bg:var(--sinch-color-snow-800);--sinch-color-spinner-fg:var(--sinch-color-stormy-600);--sinch-color-icon:var(--sinch-color-stormy-500)}:host([type=cta-secondary]) button:disabled{--sinch-color-spinner-bg:var(--sinch-color-snow-600);--sinch-color-spinner-fg:var(--sinch-color-stormy-200);--sinch-color-icon:var(--sinch-color-stormy-200)}:host([type=destructive]){--sinch-color-button-background:var(--sinch-color-snow-100);--sinch-color-button-background-hover:var(--sinch-color-error-200);--sinch-color-button-background-focus:var(--sinch-color-snow-100);--sinch-color-button-background-active:var(--sinch-color-error-200);--sinch-color-button-background-disabled:var(--sinch-color-snow-100);--sinch-color-button-text:var(--sinch-color-text-invalid);--sinch-color-button-text-disabled:var(--sinch-color-error-200);--sinch-color-button-border:var(--sinch-color-error-500);--sinch-color-button-border-hover:var(--sinch-color-error-500);--sinch-color-button-border-focus:var(--sinch-color-error-800);--sinch-color-button-border-active:var(--sinch-color-error-500);--sinch-color-button-border-disabled:var(--sinch-color-error-200);--sinch-color-spinner-bg:var(--sinch-color-raspberry-100);--sinch-color-spinner-fg:var(--sinch-color-raspberry-500);--sinch-color-icon:var(--sinch-color-text-invalid)}:host([type=destructive]) button:is(:hover,:active){--sinch-color-spinner-bg:var(--sinch-color-raspberry-200);--sinch-color-spinner-fg:var(--sinch-color-raspberry-500)}:host([type=destructive]) button:disabled{--sinch-color-spinner-bg:var(--sinch-color-raspberry-100);--sinch-color-spinner-fg:var(--sinch-color-raspberry-500)}button{all:initial;position:relative;display:flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;width:100%;height:48px;padding:12px;border-radius:4px;font:var(--sinch-font-title-s);color:var(--sinch-color-button-text);background-color:var(--sinch-color-button-background);cursor:pointer;--sinch-size-icon:24px}button::before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;border:1px solid var(--sinch-color-button-border);border-radius:4px}button:focus{background-color:var(--sinch-color-button-background-focus)}button:focus::before{border-color:var(--sinch-color-button-border-focus);border-width:2px}button:hover{background-color:var(--sinch-color-button-background-hover)}button:hover::before{border-color:var(--sinch-color-button-border-hover)}button:active{background-color:var(--sinch-color-button-background-active)}button:active::before{border-color:var(--sinch-color-button-border-active);border-width:2px}button:disabled{color:var(--sinch-color-button-text-disabled);background-color:var(--sinch-color-button-background-disabled);cursor:initial;--sinch-color-spinner-bg:var(--sinch-color-snow-100);--sinch-color-spinner-fg:var(--sinch-color-tropical-200);--sinch-color-icon:var(--sinch-color-button-text-disabled)}button:disabled::before{border-color:var(--sinch-color-button-border-disabled)}button>*{pointer-events:none}#text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:none}:host([text]:not([text=""])) #text{display:initial}:host([text]:not([text=""])) button{padding:12px 24px}:host([small]:not([small=false]))>button{height:32px;padding:8px;line-height:16px;font-size:14px;gap:8px;--sinch-size-icon:16px}:host([text]:not([text=""])[small]:not([small=false])) button{padding:8px 16px}</style><button><slot name="left-icon"></slot><span id="text"></span><slot name="right-icon"></slot></button>';
12
+ import { buttonTypes } from './utils';
13
13
  const template = document.createElement('template');
14
14
  template.innerHTML = templateHTML;
15
15
  defineCustomElement('sinch-button', (_$button = new WeakMap(), _$text = new WeakMap(), class extends NectaryElement {
@@ -52,7 +52,9 @@ defineCustomElement('sinch-button', (_$button = new WeakMap(), _$text = new Weak
52
52
 
53
53
  case 'disabled':
54
54
  {
55
- _classPrivateFieldGet(this, _$button).disabled = isAttrTrue(newVal);
55
+ const isDisabled = isAttrTrue(newVal);
56
+ _classPrivateFieldGet(this, _$button).disabled = isDisabled;
57
+ updateBooleanAttribute(this, 'disabled', isDisabled);
56
58
  break;
57
59
  }
58
60
  }
package/button/types.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import type { TSinchElementReact } from '../types';
2
+ import type { buttonTypes } from './utils';
3
+ export declare type TSinchButtonType = typeof buttonTypes[number];
4
+ export declare type TSinchButtonElement = HTMLElement & {
5
+ type: TSinchButtonType;
6
+ text: string;
7
+ disabled: boolean;
8
+ small: boolean;
9
+ focus(): void;
10
+ blur(): void;
11
+ setAttribute(attr: 'type', value: TSinchButtonType): void;
12
+ setAttribute(attr: 'text', value: string): void;
13
+ setAttribute(attr: 'disabled', value: ''): void;
14
+ setAttribute(attr: 'small', value: ''): void;
15
+ };
16
+ export declare type TSinchButtonReact = TSinchElementReact<TSinchButtonElement> & {
17
+ type: TSinchButtonType;
18
+ text: string;
19
+ 'aria-label': string;
20
+ disabled?: boolean;
21
+ small?: boolean;
22
+ };
package/button/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/button/utils.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const buttonTypes: readonly ["primary", "secondary", "cta-primary", "cta-secondary", "destructive"];
package/button/utils.js ADDED
@@ -0,0 +1 @@
1
+ export const buttonTypes = ['primary', 'secondary', 'cta-primary', 'cta-secondary', 'destructive'];
package/card/index.d.ts CHANGED
@@ -1,16 +1,4 @@
1
- import type { TSinchElementReact } from '../types';
2
- export declare type TSinchCardElement = HTMLElement & {
3
- text: string;
4
- label: string;
5
- header: string;
6
- disabled: boolean;
7
- };
8
- export declare type TSinchCardReact = TSinchElementReact<TSinchCardElement> & {
9
- text: string;
10
- label?: string;
11
- header: string;
12
- disabled?: boolean;
13
- };
1
+ import type { TSinchCardElement, TSinchCardReact } from './types';
14
2
  declare global {
15
3
  namespace JSX {
16
4
  interface IntrinsicElements {
package/card/index.js CHANGED
@@ -1,17 +1,17 @@
1
1
  import _classPrivateFieldGet from '@babel/runtime/helpers/classPrivateFieldGet';
2
2
  import _classPrivateFieldSet from '@babel/runtime/helpers/classPrivateFieldSet';
3
3
 
4
- var _$text, _$label, _$title, _$illustrationSlot, _$actionSlot, _$illustrationSlotWrapper, _onIllustrationSlotChange, _updateDisabledAttributeInChildren;
4
+ var _$text, _$label, _$caption, _$illustrationSlot, _$actionSlot, _$illustrationSlotWrapper, _onIllustrationSlotChange, _updateDisabledAttributeInChildren;
5
5
 
6
6
  function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
7
7
 
8
8
  function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
9
9
 
10
10
  import { defineCustomElement, getBooleanAttribute, getAttribute, updateBooleanAttribute, updateAttribute, setClass, NectaryElement } from '../utils';
11
- const templateHTML = '<style>:host{display:block;outline:0}#wrapper{position:relative}#card-body{padding:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;background-color:var(--sinch-color-snow-100);border-radius:8px;border:1px solid var(--sinch-color-snow-700)}#illustration-wrapper{display:none;flex-direction:column;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;background-color:var(--sinch-color-stormy-500);height:240px}#illustration-wrapper.active{display:flex}#illustration-wrapper.active+#card-body{border-top-left-radius:0;border-top-right-radius:0;border-top:none}#label{margin:0;font:var(--sinch-font-title-xs);color:var(--sinch-color-stormy-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#label:empty{display:none}#header{display:flex;flex-direction:row;align-items:center;gap:8px;--sinch-size-icon:48px}#title{font:var(--sinch-font-title-m);color:var(--sinch-color-stormy-500);flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#description{margin:0;font:var(--sinch-font-body);color:var(--sinch-color-stormy-500);flex:1;min-height:0;max-height:120px;overflow-y:auto}#description:empty{display:none}:host([disabled]:not([disabled=false])) :is(#illustration-wrapper,#description,#header,#label){opacity:.6}::slotted(sinch-card-button),::slotted(sinch-card-link){margin-top:20px;align-self:flex-start;max-width:100%}</style><div id="wrapper"><div id="illustration-wrapper"><slot name="illustration"></slot></div><div id="card-body"><p id="label"></p><div id="header"><slot name="icon"></slot><span id="title"></span></div><p id="description"></p><slot name="action"></slot></div></div>';
11
+ const templateHTML = '<style>:host{display:block;outline:0}#wrapper{position:relative}#card-body{padding:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;background-color:var(--sinch-color-snow-100);border-radius:8px;border:1px solid var(--sinch-color-snow-700)}#illustration-wrapper{display:none;flex-direction:column;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;background-color:var(--sinch-color-stormy-500);height:240px}#illustration-wrapper.active{display:flex}#illustration-wrapper.active+#card-body{border-top-left-radius:0;border-top-right-radius:0;border-top:none}#label{margin:0;font:var(--sinch-font-title-xs);color:var(--sinch-color-stormy-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#label:empty{display:none}#header{display:flex;flex-direction:row;align-items:center;gap:8px;--sinch-size-icon:48px}#caption{font:var(--sinch-font-title-m);color:var(--sinch-color-stormy-500);flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#description{margin:0;font:var(--sinch-font-body);color:var(--sinch-color-stormy-500);flex:1;min-height:0;max-height:120px;overflow-y:auto}#description:empty{display:none}:host([disabled]:not([disabled=false])) :is(#illustration-wrapper,#description,#header,#label){opacity:.6}::slotted(sinch-card-button),::slotted(sinch-card-link){margin-top:20px;align-self:flex-start;max-width:100%}</style><div id="wrapper"><div id="illustration-wrapper"><slot name="illustration"></slot></div><div id="card-body"><p id="label"></p><div id="header"><slot name="icon"></slot><span id="caption"></span></div><p id="description"></p><slot name="action"></slot></div></div>';
12
12
  const template = document.createElement('template');
13
13
  template.innerHTML = templateHTML;
14
- defineCustomElement('sinch-card', (_$text = new WeakMap(), _$label = new WeakMap(), _$title = new WeakMap(), _$illustrationSlot = new WeakMap(), _$actionSlot = new WeakMap(), _$illustrationSlotWrapper = new WeakMap(), _onIllustrationSlotChange = new WeakMap(), _updateDisabledAttributeInChildren = new WeakMap(), class extends NectaryElement {
14
+ defineCustomElement('sinch-card', (_$text = new WeakMap(), _$label = new WeakMap(), _$caption = new WeakMap(), _$illustrationSlot = new WeakMap(), _$actionSlot = new WeakMap(), _$illustrationSlotWrapper = new WeakMap(), _onIllustrationSlotChange = new WeakMap(), _updateDisabledAttributeInChildren = new WeakMap(), class extends NectaryElement {
15
15
  constructor() {
16
16
  super();
17
17
 
@@ -25,7 +25,7 @@ defineCustomElement('sinch-card', (_$text = new WeakMap(), _$label = new WeakMap
25
25
  value: void 0
26
26
  });
27
27
 
28
- _classPrivateFieldInitSpec(this, _$title, {
28
+ _classPrivateFieldInitSpec(this, _$caption, {
29
29
  writable: true,
30
30
  value: void 0
31
31
  });
@@ -68,7 +68,7 @@ defineCustomElement('sinch-card', (_$text = new WeakMap(), _$label = new WeakMap
68
68
 
69
69
  _classPrivateFieldSet(this, _$label, shadowRoot.querySelector('#label'));
70
70
 
71
- _classPrivateFieldSet(this, _$title, shadowRoot.querySelector('#title'));
71
+ _classPrivateFieldSet(this, _$caption, shadowRoot.querySelector('#caption'));
72
72
 
73
73
  _classPrivateFieldSet(this, _$illustrationSlot, shadowRoot.querySelector('slot[name="illustration"]'));
74
74
 
@@ -90,7 +90,7 @@ defineCustomElement('sinch-card', (_$text = new WeakMap(), _$label = new WeakMap
90
90
  }
91
91
 
92
92
  static get observedAttributes() {
93
- return ['text', 'label', 'header', 'disabled'];
93
+ return ['text', 'label', 'caption', 'disabled'];
94
94
  }
95
95
 
96
96
  attributeChangedCallback(name, _, newVal) {
@@ -107,9 +107,9 @@ defineCustomElement('sinch-card', (_$text = new WeakMap(), _$label = new WeakMap
107
107
  break;
108
108
  }
109
109
 
110
- case 'header':
110
+ case 'caption':
111
111
  {
112
- _classPrivateFieldGet(this, _$title).textContent = newVal;
112
+ _classPrivateFieldGet(this, _$caption).textContent = newVal;
113
113
  break;
114
114
  }
115
115
 
@@ -130,12 +130,12 @@ defineCustomElement('sinch-card', (_$text = new WeakMap(), _$label = new WeakMap
130
130
  return getAttribute(this, 'text', '');
131
131
  }
132
132
 
133
- set header(value) {
134
- updateAttribute(this, 'header', value);
133
+ set caption(value) {
134
+ updateAttribute(this, 'caption', value);
135
135
  }
136
136
 
137
- get header() {
138
- return getAttribute(this, 'header', '');
137
+ get caption() {
138
+ return getAttribute(this, 'caption', '');
139
139
  }
140
140
 
141
141
  set label(value) {
package/card/types.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import type { TSinchElementReact } from '../types';
2
+ export declare type TSinchCardElement = HTMLElement & {
3
+ text: string;
4
+ label: string;
5
+ caption: string;
6
+ disabled: boolean;
7
+ setAttribute(name: 'text', value: string): void;
8
+ setAttribute(name: 'label', value: string): void;
9
+ setAttribute(name: 'caption', value: string): void;
10
+ setAttribute(name: 'disabled', value: ''): void;
11
+ };
12
+ export declare type TSinchCardReact = TSinchElementReact<TSinchCardElement> & {
13
+ text: string;
14
+ label?: string;
15
+ caption: string;
16
+ disabled?: boolean;
17
+ };
package/card/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/card-button/index.d.ts CHANGED
@@ -1,19 +1,4 @@
1
- import type { TSinchElementReact } from '../types';
2
- import type { FocusEvent, MouseEvent } from 'react';
3
- export declare type TSinchCardButtonElement = HTMLElement & {
4
- text: string;
5
- disabled: boolean;
6
- focus(): void;
7
- blur(): void;
8
- };
9
- export declare type TSinchCardButtonReact = TSinchElementReact<TSinchCardButtonElement> & {
10
- text: string;
11
- 'aria-label': string;
12
- disabled?: boolean;
13
- onClick: (e: MouseEvent<TSinchCardButtonElement>) => void;
14
- onFocus?: (e: FocusEvent<TSinchCardButtonElement>) => void;
15
- onBlur?: (e: FocusEvent<TSinchCardButtonElement>) => void;
16
- };
1
+ import type { TSinchCardButtonElement, TSinchCardButtonReact } from './types';
17
2
  declare global {
18
3
  namespace JSX {
19
4
  interface IntrinsicElements {
package/card-button/types.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import type { TSinchElementReact } from '../types';
2
+ export declare type TSinchCardButtonElement = HTMLElement & {
3
+ text: string;
4
+ disabled: boolean;
5
+ focus(): void;
6
+ blur(): void;
7
+ setAttribute(name: 'text', value: string): void;
8
+ setAttribute(name: 'disabled', value: ''): void;
9
+ };
10
+ export declare type TSinchCardButtonReact = TSinchElementReact<TSinchCardButtonElement> & {
11
+ text: string;
12
+ 'aria-label': string;
13
+ disabled?: boolean;
14
+ };
package/card-button/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/card-container/index.d.ts CHANGED
@@ -1,6 +1,4 @@
1
- import type { TSinchElementReact } from '../types';
2
- export declare type TSinchCardContainerElement = HTMLElement & {};
3
- export declare type TSinchCardContainerReact = TSinchElementReact<TSinchCardContainerElement> & {};
1
+ import type { TSinchCardContainerElement, TSinchCardContainerReact } from './types';
4
2
  declare global {
5
3
  namespace JSX {
6
4
  interface IntrinsicElements {
package/card-container/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineCustomElement, NectaryElement } from '../utils';
2
- const templateHTML = '<style>:host{display:block}#wrapper{position:relative;padding:24px;box-sizing:border-box;background-color:var(--sinch-color-snow-100);border-radius:8px;border:1px solid var(--sinch-color-snow-700)}</style><div id="wrapper"><slot></slot></div>';
2
+ const templateHTML = '<style>:host{display:block}#wrapper{height:100%;padding:24px;box-sizing:border-box;background-color:var(--sinch-color-snow-100);border-radius:8px;border:1px solid var(--sinch-color-snow-700);font:var(--sinch-font-body)}#scroll{overflow:auto;height:100%}</style><div id="wrapper"><div id="scroll"><slot></slot></div></div>';
3
3
  const template = document.createElement('template');
4
4
  template.innerHTML = templateHTML;
5
5
  defineCustomElement('sinch-card-container', class extends NectaryElement {
package/card-container/types.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { TSinchElementReact } from '../types';
2
+ export declare type TSinchCardContainerElement = HTMLElement;
3
+ export declare type TSinchCardContainerReact = TSinchElementReact<TSinchCardContainerElement>;
package/card-container/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/card-link/index.d.ts CHANGED
@@ -1,21 +1,5 @@
1
1
  import '../icons/arrow-forward';
2
- import type { TSinchElementReact } from '../types';
3
- import type { FocusEvent, MouseEvent } from 'react';
4
- export declare type TSinchCardLinkElement = HTMLElement & {
5
- text: string;
6
- href: string;
7
- disabled: boolean;
8
- focus(): void;
9
- blur(): void;
10
- };
11
- export declare type TSinchCardLinkReact = TSinchElementReact<TSinchCardLinkElement> & {
12
- text: string;
13
- href: string;
14
- disabled?: boolean;
15
- onClick?: (e: MouseEvent<TSinchCardLinkElement>) => void;
16
- onFocus?: (e: FocusEvent<TSinchCardLinkElement>) => void;
17
- onBlur?: (e: FocusEvent<TSinchCardLinkElement>) => void;
18
- };
2
+ import type { TSinchCardLinkElement, TSinchCardLinkReact } from './types';
19
3
  declare global {
20
4
  namespace JSX {
21
5
  interface IntrinsicElements {
package/card-link/types.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import type { TSinchElementReact } from '../types';
2
+ export declare type TSinchCardLinkElement = HTMLElement & {
3
+ text: string;
4
+ href: string;
5
+ disabled: boolean;
6
+ focus(): void;
7
+ blur(): void;
8
+ setAttribute(name: 'text', value: string): void;
9
+ setAttribute(name: 'href', value: string): void;
10
+ setAttribute(name: 'disabled', value: ''): void;
11
+ };
12
+ export declare type TSinchCardLinkReact = TSinchElementReact<TSinchCardLinkElement> & {
13
+ text: string;
14
+ href: string;
15
+ disabled?: boolean;
16
+ };
package/card-link/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/chat/index.d.ts CHANGED
@@ -1,6 +1,4 @@
1
- import type { TSinchElementReact } from '../types';
2
- export declare type TSinchChatElement = HTMLElement & {};
3
- export declare type TSinchChatReact = TSinchElementReact<TSinchChatElement> & {};
1
+ import type { TSinchChatElement, TSinchChatReact } from './types';
4
2
  declare global {
5
3
  namespace JSX {
6
4
  interface IntrinsicElements {
package/chat/types.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { TSinchElementReact } from '../types';
2
+ export declare type TSinchChatElement = HTMLElement;
3
+ export declare type TSinchChatReact = TSinchElementReact<TSinchChatElement>;
package/chat/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/chat-avatar/index.d.ts CHANGED
@@ -1,14 +1,5 @@
1
1
  import '../avatar';
2
- import type { TSinchAvatarElement, TSinchAvatarReact } from '../avatar';
3
- import type { TSinchElementReact } from '../types';
4
- export declare type TSinchChatAvatarElement = HTMLElement & {
5
- alt: TSinchAvatarElement['alt'];
6
- src: TSinchAvatarElement['src'];
7
- };
8
- export declare type TSinchChatAvatarReact = TSinchElementReact<TSinchChatAvatarElement> & {
9
- alt: TSinchAvatarReact['alt'];
10
- src?: TSinchAvatarReact['src'];
11
- };
2
+ import type { TSinchChatAvatarElement, TSinchChatAvatarReact } from './types';
12
3
  declare global {
13
4
  namespace JSX {
14
5
  interface IntrinsicElements {
package/chat-avatar/types.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import type { TSinchAvatarElement, TSinchAvatarReact } from '../avatar/types';
2
+ import type { TSinchElementReact } from '../types';
3
+ export declare type TSinchChatAvatarElement = HTMLElement & {
4
+ alt: TSinchAvatarElement['alt'];
5
+ src: TSinchAvatarElement['src'];
6
+ setAttribute(name: 'alt', value: string): void;
7
+ setAttribute(name: 'src', value: string): void;
8
+ };
9
+ export declare type TSinchChatAvatarReact = TSinchElementReact<TSinchChatAvatarElement> & {
10
+ alt: TSinchAvatarReact['alt'];
11
+ src?: TSinchAvatarReact['src'];
12
+ };
package/chat-avatar/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/chat-block/index.d.ts CHANGED
@@ -1,17 +1,4 @@
1
- import type { TSinchChatBubbleType } from '../chat-bubble/types';
2
- import type { TSinchElementReact } from '../types';
3
- export declare type TSinchChatBlockElement = HTMLElement & {
4
- type: TSinchChatBubbleType | null;
5
- firstName: string | null;
6
- lastName: string | null;
7
- timestamp: string | null;
8
- };
9
- export declare type TSinchChatBlockReact = TSinchElementReact<TSinchChatBlockElement> & {
10
- type: TSinchChatBubbleType;
11
- firstName?: string;
12
- lastName?: string;
13
- timestamp?: string;
14
- };
1
+ import type { TSinchChatBlockElement, TSinchChatBlockReact } from './types';
15
2
  declare global {
16
3
  namespace JSX {
17
4
  interface IntrinsicElements {
package/chat-block/types.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import type { TSinchChatBubbleType } from '../chat-bubble/types';
2
+ import type { TSinchElementReact } from '../types';
3
+ export declare type TSinchChatBlockElement = HTMLElement & {
4
+ type: TSinchChatBubbleType | null;
5
+ firstName: string | null;
6
+ lastName: string | null;
7
+ timestamp: string | null;
8
+ setAttribute(name: 'type', value: TSinchChatBubbleType): void;
9
+ setAttribute(name: 'firstName', value: string): void;
10
+ setAttribute(name: 'lastName', value: string): void;
11
+ setAttribute(name: 'timestamp', value: string): void;
12
+ };
13
+ export declare type TSinchChatBlockReact = TSinchElementReact<TSinchChatBlockElement> & {
14
+ type: TSinchChatBubbleType;
15
+ firstName?: string;
16
+ lastName?: string;
17
+ timestamp?: string;
18
+ };
package/chat-block/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/chat-bubble/types.d.ts CHANGED
@@ -6,6 +6,8 @@ export declare type TSinchChatBubbleElement = HTMLElement & {
6
6
  readonly type: TSinchChatBubbleType | null;
7
7
  text: string;
8
8
  status: TSinchChatBubbleStatus | null;
9
+ setAttribute(name: 'text', value: string): void;
10
+ setAttribute(name: 'status', value: TSinchChatBubbleStatus): void;
9
11
  };
10
12
  export declare type TSinchChatBubbleReact = TSinchElementReact<TSinchChatBubbleElement> & {
11
13
  text: string;
package/checkbox/index.d.ts CHANGED
@@ -1,25 +1,4 @@
1
- import type { TSinchElementReact } from '../types';
2
- import type { FocusEvent, SyntheticEvent } from 'react';
3
- export declare type TSinchCheckboxElement = HTMLElement & {
4
- checked: boolean;
5
- indeterminate: boolean;
6
- disabled: boolean;
7
- invalid: boolean;
8
- text: string | null;
9
- focus(): void;
10
- blur(): void;
11
- };
12
- export declare type TSinchCheckboxReact = TSinchElementReact<TSinchCheckboxElement> & {
13
- checked?: boolean;
14
- indeterminate?: boolean;
15
- disabled?: boolean;
16
- invalid?: boolean;
17
- text?: string;
18
- 'aria-label': string;
19
- onChange: (event: SyntheticEvent<TSinchCheckboxElement, CustomEvent<boolean>>) => void;
20
- onFocus?: (e: FocusEvent<TSinchCheckboxElement>) => void;
21
- onBlur?: (e: FocusEvent<TSinchCheckboxElement>) => void;
22
- };
1
+ import type { TSinchCheckboxElement, TSinchCheckboxReact } from './types';
23
2
  declare global {
24
3
  namespace JSX {
25
4
  interface IntrinsicElements {
package/checkbox/index.js CHANGED
@@ -7,8 +7,8 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
7
7
 
8
8
  function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
9
9
 
10
- import { defineCustomElement, getAttribute, getBooleanAttribute, isAttrTrue, NectaryElement, updateAttribute, updateBooleanAttribute } from '../utils';
11
- const templateHTML = '<style>:host{--sinch-color-checkbox-circle:var(--sinch-color-transparent);--sinch-color-checkbox-background:var(--sinch-color-snow-100);--sinch-color-checkbox-border:var(--sinch-color-stormy-300);--sinch-color-checkbox-circle-checked:var(--sinch-color-transparent);--sinch-color-checkbox-background-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-border-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-circle-hover:var(--sinch-color-snow-500);--sinch-color-checkbox-background-hover:var(--sinch-color-snow-100);--sinch-color-checkbox-border-hover:var(--sinch-color-stormy-300);--sinch-color-checkbox-circle-hover-checked:var(--sinch-color-tropical-100);--sinch-color-checkbox-background-hover-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-border-hover-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-circle-focus:var(--sinch-color-snow-800);--sinch-color-checkbox-background-focus:var(--sinch-color-snow-100);--sinch-color-checkbox-border-focus:var(--sinch-color-stormy-300);--sinch-color-checkbox-circle-focus-checked:var(--sinch-color-tropical-200);--sinch-color-checkbox-background-focus-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-border-focus-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-circle-active:var(--sinch-color-stormy-100);--sinch-color-checkbox-background-active:var(--sinch-color-snow-100);--sinch-color-checkbox-border-active:var(--sinch-color-stormy-300);--sinch-color-checkbox-circle-active-checked:var(--sinch-color-tropical-300);--sinch-color-checkbox-background-active-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-border-active-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-circle-disabled:var(--sinch-color-transparent);--sinch-color-checkbox-background-disabled:var(--sinch-color-snow-100);--sinch-color-checkbox-border-disabled:var(--sinch-color-stormy-100);--sinch-color-checkbox-circle-disabled-checked:var(--sinch-color-transparent);--sinch-color-checkbox-background-disabled-checked:var(--sinch-color-stormy-100);--sinch-color-checkbox-border-disabled-checked:var(--sinch-color-stormy-100);--sinch-color-checkbox-text:var(--sinch-color-text-default);--sinch-color-checkbox-text-disabled:var(--sinch-color-stormy-200);display:inline-block;vertical-align:middle;outline:0}:host([invalid]:not([invalid=false])){--sinch-color-checkbox-border:var(--sinch-color-raspberry-500);--sinch-color-checkbox-background-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-hover:var(--sinch-color-raspberry-500);--sinch-color-checkbox-circle-hover-checked:var(--sinch-color-raspberry-100);--sinch-color-checkbox-background-hover-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-hover-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-focus:var(--sinch-color-raspberry-500);--sinch-color-checkbox-circle-focus-checked:var(--sinch-color-raspberry-200);--sinch-color-checkbox-background-focus-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-focus-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-active:var(--sinch-color-raspberry-500);--sinch-color-checkbox-circle-active-checked:var(--sinch-color-raspberry-300);--sinch-color-checkbox-background-active-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-active-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-disabled:var(--sinch-color-raspberry-200);--sinch-color-checkbox-background-disabled-checked:var(--sinch-color-raspberry-200);--sinch-color-checkbox-border-disabled-checked:var(--sinch-color-raspberry-200);--sinch-color-checkbox-text:var(--sinch-color-text-invalid);--sinch-color-checkbox-text-disabled:var(--sinch-color-raspberry-200)}#wrapper{display:flex;flex-direction:row;box-sizing:border-box;width:100%;height:32px}#checkbox{all:initial;display:block;width:32px;height:32px;cursor:pointer}#checkbox:disabled{cursor:initial}#icon-container{position:relative;width:32px;height:32px}#checkbox::before{content:"";position:absolute;top:0;left:0;width:32px;height:32px;border-radius:16px;pointer-events:none;background-color:var(--sinch-color-checkbox-circle);transition:background-color .1s linear}#checkbox::after{content:"";position:absolute;top:7px;left:7px;width:18px;height:18px;border-radius:2px;pointer-events:none;background-color:var(--sinch-color-checkbox-background);box-shadow:0 0 0 2px var(--sinch-color-checkbox-border) inset;transition:background-color .1s linear}#icon-checkmark{position:absolute;left:9px;top:10px;transition:opacity .1s linear;opacity:0;pointer-events:none}#icon-indeterminate{position:absolute;left:10px;top:15px;transition:opacity .1s linear;opacity:0;pointer-events:none}@media (prefers-reduced-motion){#checkbox::after,#checkbox::before,#icon-checkmark,#icon-indeterminate{transition:none}}#label{display:none;flex:1;align-self:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:6px;font:var(--sinch-font-body);color:var(--sinch-color-checkbox-text)}:host([text]:not([text=""])) #label{display:block}:host([disabled]:not([disabled=false])) #label{color:var(--sinch-color-checkbox-text-disabled)}:host(:is(:not([indeterminate]),[indeterminate=false])) #checkbox:checked~#icon-checkmark{opacity:1}:host([indeterminate]:not([indeterminate=false])) #checkbox:checked~#icon-indeterminate{opacity:1}#checkbox:checked::before{background-color:var(--sinch-color-checkbox-circle-checked)}#checkbox:checked::after{background-color:var(--sinch-color-checkbox-background-checked);box-shadow:0 0 0 2px var(--sinch-color-checkbox-border-checked) inset}#checkbox:focus::before{background-color:var(--sinch-color-checkbox-circle-focus)}#checkbox:focus::after{background-color:var(--sinch-color-checkbox-background-focus);box-shadow:0 0 0 2px var(--sinch-color-checkbox-border-focus) inset}#checkbox:hover::before{background-color:var(--sinch-color-checkbox-circle-hover)}#checkbox:hover::after{background-color:var(--sinch-color-checkbox-background-hover);box-shadow:0 0 0 2px var(--sinch-color-checkbox-border-hover) inset}#checkbox:active::before{background-color:var(--sinch-color-checkbox-circle-active)}#checkbox:active::after{background-color:var(--sinch-color-checkbox-background-active);box-shadow:0 0 0 2px var(--sinch-color-checkbox-border-active) inset}#checkbox:disabled::before{background-color:var(--sinch-color-checkbox-circle-disabled)}#checkbox:disabled::after{background-color:var(--sinch-color-checkbox-background-disabled);box-shadow:0 0 0 2px var(--sinch-color-checkbox-border-disabled) inset}#checkbox:focus:checked::before{background-color:var(--sinch-color-checkbox-circle-focus-checked)}#checkbox:focus:checked::after{background-color:var(--sinch-color-checkbox-background-focus-checked);box-shadow:0 0 0 2px var(--sinch-color-checkbox-border-focus-checked) inset}#checkbox:hover:checked::before{background-color:var(--sinch-color-checkbox-circle-hover-checked)}#checkbox:hover:checked::after{background-color:var(--sinch-color-checkbox-background-hover-checked);box-shadow:0 0 0 2px var(--sinch-color-checkbox-border-hover-checked) inset}#checkbox:active:checked::before{background-color:var(--sinch-color-checkbox-circle-active-checked)}#checkbox:active:checked::after{background-color:var(--sinch-color-checkbox-background-active-checked);box-shadow:0 0 0 2px var(--sinch-color-checkbox-border-active-checked) inset}#checkbox:disabled:checked::before{background-color:var(--sinch-color-checkbox-circle-disabled-checked)}#checkbox:disabled:checked::after{background-color:var(--sinch-color-checkbox-background-disabled-checked);box-shadow:0 0 0 2px var(--sinch-color-checkbox-border-disabled-checked) inset}</style><div id="wrapper"><div id="icon-container"><input id="checkbox" type="checkbox"/> <svg id="icon-checkmark" width="14" height="11" aria-hidden="true"><path d="M14 1.99999L12.59 0.579987L4.98995 8.17L1.49997 4.5L0.0799694 5.91L4.98995 11L14 1.99999Z" fill="white"/></svg> <svg id="icon-indeterminate" width="12" height="2" aria-hidden="true"><line y1="1" x2="12" y2="1" stroke="white" stroke-width="2"/></svg></div><label for="checkbox" id="label"></label></div>';
10
+ import { defineCustomElement, getAttribute, getBooleanAttribute, isAttrTrue, NectaryElement, updateAttribute, updateBooleanAttribute, updateExplicitBooleanAttribute } from '../utils';
11
+ const templateHTML = '<style>:host{--sinch-color-checkbox-circle:var(--sinch-color-transparent);--sinch-color-checkbox-background:var(--sinch-color-snow-100);--sinch-color-checkbox-border:var(--sinch-color-stormy-300);--sinch-color-checkbox-circle-checked:var(--sinch-color-transparent);--sinch-color-checkbox-background-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-border-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-circle-hover:var(--sinch-color-snow-500);--sinch-color-checkbox-background-hover:var(--sinch-color-snow-100);--sinch-color-checkbox-border-hover:var(--sinch-color-stormy-300);--sinch-color-checkbox-circle-hover-checked:var(--sinch-color-tropical-100);--sinch-color-checkbox-background-hover-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-border-hover-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-circle-focus:var(--sinch-color-snow-800);--sinch-color-checkbox-background-focus:var(--sinch-color-snow-100);--sinch-color-checkbox-border-focus:var(--sinch-color-stormy-300);--sinch-color-checkbox-circle-focus-checked:var(--sinch-color-tropical-200);--sinch-color-checkbox-background-focus-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-border-focus-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-circle-active:var(--sinch-color-stormy-100);--sinch-color-checkbox-background-active:var(--sinch-color-snow-100);--sinch-color-checkbox-border-active:var(--sinch-color-stormy-300);--sinch-color-checkbox-circle-active-checked:var(--sinch-color-tropical-300);--sinch-color-checkbox-background-active-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-border-active-checked:var(--sinch-color-tropical-500);--sinch-color-checkbox-circle-disabled:var(--sinch-color-transparent);--sinch-color-checkbox-background-disabled:var(--sinch-color-snow-100);--sinch-color-checkbox-border-disabled:var(--sinch-color-stormy-100);--sinch-color-checkbox-circle-disabled-checked:var(--sinch-color-transparent);--sinch-color-checkbox-background-disabled-checked:var(--sinch-color-stormy-100);--sinch-color-checkbox-border-disabled-checked:var(--sinch-color-stormy-100);--sinch-color-checkbox-text:var(--sinch-color-text-default);--sinch-color-checkbox-text-disabled:var(--sinch-color-stormy-200);display:inline-block;vertical-align:middle;outline:0}:host([invalid]:not([invalid=false])){--sinch-color-checkbox-border:var(--sinch-color-raspberry-500);--sinch-color-checkbox-background-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-hover:var(--sinch-color-raspberry-500);--sinch-color-checkbox-circle-hover-checked:var(--sinch-color-raspberry-100);--sinch-color-checkbox-background-hover-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-hover-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-focus:var(--sinch-color-raspberry-500);--sinch-color-checkbox-circle-focus-checked:var(--sinch-color-raspberry-200);--sinch-color-checkbox-background-focus-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-focus-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-active:var(--sinch-color-raspberry-500);--sinch-color-checkbox-circle-active-checked:var(--sinch-color-raspberry-300);--sinch-color-checkbox-background-active-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-active-checked:var(--sinch-color-raspberry-500);--sinch-color-checkbox-border-disabled:var(--sinch-color-raspberry-200);--sinch-color-checkbox-background-disabled-checked:var(--sinch-color-raspberry-200);--sinch-color-checkbox-border-disabled-checked:var(--sinch-color-raspberry-200);--sinch-color-checkbox-text:var(--sinch-color-text-invalid);--sinch-color-checkbox-text-disabled:var(--sinch-color-raspberry-200)}#wrapper{display:flex;flex-direction:row;box-sizing:border-box;width:100%;height:32px}#checkbox{all:initial;display:block;width:32px;height:32px;cursor:pointer}#checkbox:disabled{cursor:initial}#icon-container{position:relative;width:32px;height:32px}#checkbox::before{content:"";position:absolute;top:0;left:0;width:32px;height:32px;border-radius:16px;pointer-events:none;background-color:var(--sinch-color-checkbox-circle);transition:background-color .1s linear}#checkbox::after{content:"";position:absolute;top:7px;left:7px;width:18px;height:18px;border-radius:2px;pointer-events:none;background-color:var(--sinch-color-checkbox-background);border:2px solid var(--sinch-color-checkbox-border);transition:background-color .1s linear;box-sizing:border-box}#icon-checkmark{position:absolute;left:9px;top:10px;transition:opacity .1s linear;opacity:0;pointer-events:none}#icon-indeterminate{position:absolute;left:10px;top:15px;transition:opacity .1s linear;opacity:0;pointer-events:none}@media (prefers-reduced-motion){#checkbox::after,#checkbox::before,#icon-checkmark,#icon-indeterminate{transition:none}}#label{display:none;flex:1;align-self:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:6px;font:var(--sinch-font-body);color:var(--sinch-color-checkbox-text)}:host([text]:not([text=""])) #label{display:block}:host([disabled]:not([disabled=false])) #label{color:var(--sinch-color-checkbox-text-disabled)}:host(:is(:not([indeterminate]),[indeterminate=false])) #checkbox:checked~#icon-checkmark{opacity:1}:host([indeterminate]:not([indeterminate=false])) #checkbox:checked~#icon-indeterminate{opacity:1}#checkbox:checked::before{background-color:var(--sinch-color-checkbox-circle-checked)}#checkbox:checked::after{background-color:var(--sinch-color-checkbox-background-checked);border-color:var(--sinch-color-checkbox-border-checked)}#checkbox:focus::before{background-color:var(--sinch-color-checkbox-circle-focus)}#checkbox:focus::after{background-color:var(--sinch-color-checkbox-background-focus);border-color:var(--sinch-color-checkbox-border-focus)}#checkbox:hover::before{background-color:var(--sinch-color-checkbox-circle-hover)}#checkbox:hover::after{background-color:var(--sinch-color-checkbox-background-hover);border-color:var(--sinch-color-checkbox-border-hover)}#checkbox:active::before{background-color:var(--sinch-color-checkbox-circle-active)}#checkbox:active::after{background-color:var(--sinch-color-checkbox-background-active);border-color:var(--sinch-color-checkbox-border-active)}#checkbox:disabled::before{background-color:var(--sinch-color-checkbox-circle-disabled)}#checkbox:disabled::after{background-color:var(--sinch-color-checkbox-background-disabled);border-color:var(--sinch-color-checkbox-border-disabled)}#checkbox:focus:checked::before{background-color:var(--sinch-color-checkbox-circle-focus-checked)}#checkbox:focus:checked::after{background-color:var(--sinch-color-checkbox-background-focus-checked);border-color:var(--sinch-color-checkbox-border-focus-checked)}#checkbox:hover:checked::before{background-color:var(--sinch-color-checkbox-circle-hover-checked)}#checkbox:hover:checked::after{background-color:var(--sinch-color-checkbox-background-hover-checked);border-color:var(--sinch-color-checkbox-border-hover-checked)}#checkbox:active:checked::before{background-color:var(--sinch-color-checkbox-circle-active-checked)}#checkbox:active:checked::after{background-color:var(--sinch-color-checkbox-background-active-checked);border-color:var(--sinch-color-checkbox-border-active-checked)}#checkbox:disabled:checked::before{background-color:var(--sinch-color-checkbox-circle-disabled-checked)}#checkbox:disabled:checked::after{background-color:var(--sinch-color-checkbox-background-disabled-checked);border-color:var(--sinch-color-checkbox-border-disabled-checked)}</style><div id="wrapper"><div id="icon-container"><input id="checkbox" type="checkbox"/> <svg id="icon-checkmark" width="14" height="11" aria-hidden="true"><path d="M14 1.99999L12.59 0.579987L4.98995 8.17L1.49997 4.5L0.0799694 5.91L4.98995 11L14 1.99999Z" fill="white"/></svg> <svg id="icon-indeterminate" width="12" height="2" aria-hidden="true"><line y1="1" x2="12" y2="1" stroke="white" stroke-width="2"/></svg></div><label for="checkbox" id="label"></label></div>';
12
12
  const template = document.createElement('template');
13
13
  template.innerHTML = templateHTML;
14
14
  defineCustomElement('sinch-checkbox', (_$input = new WeakMap(), _$label = new WeakMap(), _onCheckboxInput = new WeakMap(), class extends NectaryElement {
@@ -116,14 +116,17 @@ defineCustomElement('sinch-checkbox', (_$input = new WeakMap(), _$label = new We
116
116
 
117
117
  case 'checked':
118
118
  {
119
- _classPrivateFieldGet(this, _$input).checked = isAttrTrue(newVal);
120
- updateAttribute(this, 'aria-checked', isAttrTrue(newVal));
119
+ const isChecked = isAttrTrue(newVal);
120
+ _classPrivateFieldGet(this, _$input).checked = isChecked;
121
+ updateExplicitBooleanAttribute(this, 'aria-checked', isChecked);
121
122
  break;
122
123
  }
123
124
 
124
125
  case 'disabled':
125
126
  {
126
- _classPrivateFieldGet(this, _$input).disabled = isAttrTrue(newVal);
127
+ const isDisabled = isAttrTrue(newVal);
128
+ _classPrivateFieldGet(this, _$input).disabled = isDisabled;
129
+ updateBooleanAttribute(this, 'disabled', isDisabled);
127
130
  break;
128
131
  }
129
132
  }
package/checkbox/types.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ import type { TSinchElementReact } from '../types';
2
+ import type { SyntheticEvent } from 'react';
3
+ export declare type TSinchCheckboxElement = HTMLElement & {
4
+ checked: boolean;
5
+ indeterminate: boolean;
6
+ disabled: boolean;
7
+ invalid: boolean;
8
+ text: string | null;
9
+ focus(): void;
10
+ blur(): void;
11
+ addEventListener(type: 'change', listener: (e: CustomEvent<boolean>) => void): void;
12
+ setAttribute(name: 'checked', value: ''): void;
13
+ setAttribute(name: 'indeterminate', value: ''): void;
14
+ setAttribute(name: 'disabled', value: ''): void;
15
+ setAttribute(name: 'invalid', value: ''): void;
16
+ setAttribute(name: 'text', value: string): void;
17
+ };
18
+ export declare type TSinchCheckboxReact = TSinchElementReact<TSinchCheckboxElement> & {
19
+ checked?: boolean;
20
+ indeterminate?: boolean;
21
+ disabled?: boolean;
22
+ invalid?: boolean;
23
+ text?: string;
24
+ 'aria-label': string;
25
+ onChange: (event: SyntheticEvent<TSinchCheckboxElement, CustomEvent<boolean>>) => void;
26
+ };
package/checkbox/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dialog/index.d.ts CHANGED
@@ -1,18 +1,6 @@
1
1
  import '../icon-button';
2
2
  import '../icons/close';
3
- import type { TRect, TSinchElementReact } from '../types';
4
- import type { SyntheticEvent } from 'react';
5
- export declare type TSinchDialogElement = HTMLElement & {
6
- caption: string;
7
- readonly dialogRect: TRect;
8
- readonly closeButtonRect: TRect;
9
- };
10
- export declare type TSinchDialogReact = TSinchElementReact<TSinchDialogElement> & {
11
- open: boolean;
12
- caption: string;
13
- 'aria-label': string;
14
- onClose: (event: SyntheticEvent<TSinchDialogElement, CustomEvent<void>>) => void;
15
- };
3
+ import type { TSinchDialogElement, TSinchDialogReact } from './types';
16
4
  declare global {
17
5
  namespace JSX {
18
6
  interface IntrinsicElements {
package/dialog/types.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import type { TRect, TSinchElementReact } from '../types';
2
+ import type { SyntheticEvent } from 'react';
3
+ export declare type TSinchDialogElement = HTMLElement & {
4
+ caption: string;
5
+ readonly dialogRect: TRect;
6
+ readonly closeButtonRect: TRect;
7
+ addEventListener(type: 'close', listener: (e: CustomEvent<void>) => void): void;
8
+ setAttribute(name: 'caption', value: string): void;
9
+ };
10
+ export declare type TSinchDialogReact = TSinchElementReact<TSinchDialogElement> & {
11
+ open: boolean;
12
+ caption: string;
13
+ 'aria-label': string;
14
+ onClose: (event: SyntheticEvent<TSinchDialogElement, CustomEvent<void>>) => void;
15
+ };