@alfalab/core-components 48.11.0 → 48.12.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (751) hide show
  1. package/calendar/components/calendar-mobile/Component.js +1 -1
  2. package/calendar/components/calendar-mobile/calendarMonthOnlyView.js +1 -1
  3. package/calendar/components/calendar-mobile/index.d.ts +1 -1
  4. package/calendar/components/calendar-mobile/index.js +1 -1
  5. package/calendar/esm/Component.responsive.js +1 -1
  6. package/calendar/esm/components/calendar-mobile/Component.js +1 -1
  7. package/calendar/esm/components/calendar-mobile/calendarMonthOnlyView.js +1 -1
  8. package/calendar/esm/components/calendar-mobile/index.d.ts +1 -1
  9. package/calendar/esm/components/calendar-mobile/index.js +1 -1
  10. package/calendar/esm/index.js +1 -1
  11. package/calendar/esm/mobile/index.js +1 -1
  12. package/calendar/mobile/index.js +1 -1
  13. package/calendar/modern/Component.responsive.js +1 -1
  14. package/calendar/modern/components/calendar-mobile/Component.js +1 -1
  15. package/calendar/modern/components/calendar-mobile/calendarMonthOnlyView.js +1 -1
  16. package/calendar/modern/components/calendar-mobile/index.d.ts +1 -1
  17. package/calendar/modern/components/calendar-mobile/index.js +1 -1
  18. package/calendar/modern/index.js +1 -1
  19. package/calendar/modern/mobile/index.js +1 -1
  20. package/calendar-range/esm/Component.js +1 -1
  21. package/calendar-range/esm/index.js +1 -1
  22. package/calendar-range/esm/views/popover.js +1 -1
  23. package/calendar-range/esm/views/static.js +1 -1
  24. package/calendar-range/modern/Component.js +1 -1
  25. package/calendar-range/modern/index.js +1 -1
  26. package/calendar-range/modern/views/popover.js +1 -1
  27. package/calendar-range/modern/views/static.js +1 -1
  28. package/calendar-range/views/popover.js +1 -1
  29. package/calendar-range/views/static.js +1 -1
  30. package/confirmation/components/screens/initial/component.js +1 -1
  31. package/confirmation/components/screens/initial/countdown-section.js +1 -1
  32. package/confirmation/esm/component.responsive.js +1 -1
  33. package/confirmation/esm/components/base-confirmation/component.js +1 -1
  34. package/confirmation/esm/components/base-confirmation/index.js +1 -1
  35. package/confirmation/esm/components/index.js +1 -1
  36. package/confirmation/esm/components/screens/index.js +1 -1
  37. package/confirmation/esm/components/screens/initial/component.js +1 -1
  38. package/confirmation/esm/components/screens/initial/countdown-section.js +1 -1
  39. package/confirmation/esm/components/screens/initial/index.js +1 -1
  40. package/confirmation/esm/desktop/component.desktop.js +1 -1
  41. package/confirmation/esm/desktop/index.js +1 -1
  42. package/confirmation/esm/index.js +1 -1
  43. package/confirmation/esm/mobile/component.mobile.js +1 -1
  44. package/confirmation/esm/mobile/index.js +1 -1
  45. package/confirmation/esm/shared/index.js +1 -1
  46. package/confirmation/modern/component.responsive.js +1 -1
  47. package/confirmation/modern/components/base-confirmation/component.js +1 -1
  48. package/confirmation/modern/components/base-confirmation/index.js +1 -1
  49. package/confirmation/modern/components/index.js +1 -1
  50. package/confirmation/modern/components/screens/index.js +1 -1
  51. package/confirmation/modern/components/screens/initial/component.js +1 -1
  52. package/confirmation/modern/components/screens/initial/countdown-section.js +1 -1
  53. package/confirmation/modern/components/screens/initial/index.js +1 -1
  54. package/confirmation/modern/desktop/component.desktop.js +1 -1
  55. package/confirmation/modern/desktop/index.js +1 -1
  56. package/confirmation/modern/index.js +1 -1
  57. package/confirmation/modern/mobile/component.mobile.js +1 -1
  58. package/confirmation/modern/mobile/index.js +1 -1
  59. package/confirmation/modern/shared/index.js +1 -1
  60. package/file-upload-item/components/actions-control/actions.js +1 -1
  61. package/file-upload-item/components/actions-control/components/delete-button/delete-button.js +1 -1
  62. package/file-upload-item/components/actions-control/components/download-button/download-button.js +1 -1
  63. package/file-upload-item/components/actions-control/components/restore-button/restore-button.js +1 -1
  64. package/file-upload-item/components/content/content.css +3 -4
  65. package/file-upload-item/cssm/components/content/content.module.css +3 -4
  66. package/file-upload-item/esm/Component.js +1 -1
  67. package/file-upload-item/esm/components/actions-control/actions.js +1 -1
  68. package/file-upload-item/esm/components/actions-control/components/delete-button/delete-button.js +1 -1
  69. package/file-upload-item/esm/components/actions-control/components/delete-button/index.js +1 -1
  70. package/file-upload-item/esm/components/actions-control/components/download-button/download-button.js +1 -1
  71. package/file-upload-item/esm/components/actions-control/components/download-button/index.js +1 -1
  72. package/file-upload-item/esm/components/actions-control/components/restore-button/index.js +1 -1
  73. package/file-upload-item/esm/components/actions-control/components/restore-button/restore-button.js +1 -1
  74. package/file-upload-item/esm/components/actions-control/index.js +1 -1
  75. package/file-upload-item/esm/components/content/content.css +3 -4
  76. package/file-upload-item/esm/index.js +1 -1
  77. package/file-upload-item/modern/Component.js +1 -1
  78. package/file-upload-item/modern/components/actions-control/actions.js +1 -1
  79. package/file-upload-item/modern/components/actions-control/components/delete-button/delete-button.js +1 -1
  80. package/file-upload-item/modern/components/actions-control/components/delete-button/index.js +1 -1
  81. package/file-upload-item/modern/components/actions-control/components/download-button/download-button.js +1 -1
  82. package/file-upload-item/modern/components/actions-control/components/download-button/index.js +1 -1
  83. package/file-upload-item/modern/components/actions-control/components/restore-button/index.js +1 -1
  84. package/file-upload-item/modern/components/actions-control/components/restore-button/restore-button.js +1 -1
  85. package/file-upload-item/modern/components/actions-control/index.js +1 -1
  86. package/file-upload-item/modern/components/content/content.css +3 -4
  87. package/file-upload-item/modern/index.js +1 -1
  88. package/file-upload-item/moderncssm/components/content/content.module.css +5 -4
  89. package/gallery/components/buttons/index.css +1 -4
  90. package/gallery/components/buttons/index.js +9 -9
  91. package/gallery/components/image-preview/index.css +1 -1
  92. package/gallery/components/image-viewer/component.js +17 -16
  93. package/gallery/components/image-viewer/hooks.d.ts +11 -0
  94. package/gallery/components/image-viewer/hooks.js +44 -5
  95. package/gallery/components/image-viewer/index.css +4 -7
  96. package/gallery/components/image-viewer/single.js +7 -6
  97. package/gallery/components/image-viewer/slide.d.ts +3 -1
  98. package/gallery/components/image-viewer/slide.js +13 -17
  99. package/gallery/components/info-bar/Component.js +1 -1
  100. package/gallery/cssm/components/buttons/index.js +9 -9
  101. package/gallery/cssm/components/buttons/index.module.css +1 -4
  102. package/gallery/cssm/components/image-preview/index.module.css +1 -1
  103. package/gallery/cssm/components/image-viewer/component.js +2 -2
  104. package/gallery/cssm/components/image-viewer/index.module.css +4 -7
  105. package/gallery/cssm/components/image-viewer/single.js +2 -2
  106. package/gallery/cssm/components/image-viewer/slide.d.ts +3 -1
  107. package/gallery/cssm/components/image-viewer/slide.js +5 -10
  108. package/gallery/cssm/components/info-bar/Component.js +1 -1
  109. package/gallery/cssm/utils/constants.d.ts +1 -1
  110. package/gallery/cssm/utils/constants.js +1 -1
  111. package/gallery/esm/Component.js +2 -2
  112. package/gallery/esm/components/buttons/index.css +1 -4
  113. package/gallery/esm/components/buttons/index.js +9 -9
  114. package/gallery/esm/components/image-preview/index.css +1 -1
  115. package/gallery/esm/components/image-viewer/component.js +4 -4
  116. package/gallery/esm/components/image-viewer/hooks.d.ts +11 -0
  117. package/gallery/esm/components/image-viewer/hooks.js +43 -4
  118. package/gallery/esm/components/image-viewer/index.css +4 -7
  119. package/gallery/esm/components/image-viewer/index.js +2 -2
  120. package/gallery/esm/components/image-viewer/single.js +4 -4
  121. package/gallery/esm/components/image-viewer/slide.d.ts +3 -1
  122. package/gallery/esm/components/image-viewer/slide.js +6 -11
  123. package/gallery/esm/components/index.js +2 -2
  124. package/gallery/esm/components/info-bar/Component.js +1 -1
  125. package/gallery/esm/index.js +2 -2
  126. package/gallery/esm/index.module-adb20276.js +4 -0
  127. package/gallery/esm/utils/constants.d.ts +1 -1
  128. package/gallery/esm/utils/constants.js +1 -1
  129. package/gallery/index.module-0c364004.js +4 -0
  130. package/gallery/modern/Component.js +2 -2
  131. package/gallery/modern/components/buttons/index.css +1 -4
  132. package/gallery/modern/components/buttons/index.js +9 -9
  133. package/gallery/modern/components/image-preview/index.css +1 -1
  134. package/gallery/modern/components/image-viewer/component.js +4 -4
  135. package/gallery/modern/components/image-viewer/hooks.d.ts +11 -0
  136. package/gallery/modern/components/image-viewer/hooks.js +42 -4
  137. package/gallery/modern/components/image-viewer/index.css +4 -7
  138. package/gallery/modern/components/image-viewer/index.js +2 -2
  139. package/gallery/modern/components/image-viewer/single.js +4 -4
  140. package/gallery/modern/components/image-viewer/slide.d.ts +3 -1
  141. package/gallery/modern/components/image-viewer/slide.js +6 -11
  142. package/gallery/modern/components/index.js +2 -2
  143. package/gallery/modern/components/info-bar/Component.js +1 -1
  144. package/gallery/modern/index.js +2 -2
  145. package/gallery/modern/index.module-68655d26.js +4 -0
  146. package/gallery/modern/utils/constants.d.ts +1 -1
  147. package/gallery/modern/utils/constants.js +1 -1
  148. package/gallery/moderncssm/Component.js +0 -1
  149. package/gallery/moderncssm/components/buttons/index.js +9 -9
  150. package/gallery/moderncssm/components/buttons/index.module.css +1 -3
  151. package/gallery/moderncssm/components/image-preview/index.module.css +1 -1
  152. package/gallery/moderncssm/components/image-viewer/component.js +2 -3
  153. package/gallery/moderncssm/components/image-viewer/index.js +0 -1
  154. package/gallery/moderncssm/components/image-viewer/index.module.css +3 -8
  155. package/gallery/moderncssm/components/image-viewer/single.js +2 -3
  156. package/gallery/moderncssm/components/image-viewer/slide.d.ts +3 -1
  157. package/gallery/moderncssm/components/image-viewer/slide.js +5 -11
  158. package/gallery/moderncssm/components/index.js +0 -1
  159. package/gallery/moderncssm/components/info-bar/Component.js +1 -1
  160. package/gallery/moderncssm/index.js +0 -1
  161. package/gallery/moderncssm/utils/constants.d.ts +1 -1
  162. package/gallery/moderncssm/utils/constants.js +1 -1
  163. package/gallery/utils/constants.d.ts +1 -1
  164. package/gallery/utils/constants.js +1 -1
  165. package/icon-view/components/index.js +0 -13
  166. package/icon-view/components/super-ellipse/component.d.ts +1 -23
  167. package/icon-view/components/super-ellipse/component.js +0 -6
  168. package/icon-view/components/super-ellipse/index.d.ts +0 -1
  169. package/icon-view/components/super-ellipse/index.js +0 -13
  170. package/icon-view/components/super-ellipse/paths.d.ts +1 -216
  171. package/icon-view/components/super-ellipse/paths.js +140 -219
  172. package/icon-view/cssm/components/index.js +0 -13
  173. package/icon-view/cssm/components/super-ellipse/component.d.ts +1 -23
  174. package/icon-view/cssm/components/super-ellipse/component.js +0 -6
  175. package/icon-view/cssm/components/super-ellipse/index.d.ts +0 -1
  176. package/icon-view/cssm/components/super-ellipse/index.js +0 -13
  177. package/icon-view/cssm/components/super-ellipse/paths.d.ts +1 -216
  178. package/icon-view/cssm/components/super-ellipse/paths.js +140 -219
  179. package/icon-view/cssm/super-ellipse/index.js +0 -13
  180. package/icon-view/esm/components/index.js +2 -2
  181. package/icon-view/esm/components/super-ellipse/component.d.ts +1 -23
  182. package/icon-view/esm/components/super-ellipse/component.js +2 -7
  183. package/icon-view/esm/components/super-ellipse/index.d.ts +0 -1
  184. package/icon-view/esm/components/super-ellipse/index.js +2 -2
  185. package/icon-view/esm/components/super-ellipse/paths.d.ts +1 -216
  186. package/icon-view/esm/components/super-ellipse/paths.js +141 -208
  187. package/icon-view/esm/super-ellipse/index.js +2 -2
  188. package/icon-view/modern/components/index.js +2 -2
  189. package/icon-view/modern/components/super-ellipse/component.d.ts +1 -23
  190. package/icon-view/modern/components/super-ellipse/component.js +1 -3
  191. package/icon-view/modern/components/super-ellipse/index.d.ts +0 -1
  192. package/icon-view/modern/components/super-ellipse/index.js +2 -2
  193. package/icon-view/modern/components/super-ellipse/paths.d.ts +1 -216
  194. package/icon-view/modern/components/super-ellipse/paths.js +141 -208
  195. package/icon-view/modern/super-ellipse/index.js +2 -2
  196. package/icon-view/moderncssm/components/index.js +2 -2
  197. package/icon-view/moderncssm/components/super-ellipse/component.d.ts +1 -23
  198. package/icon-view/moderncssm/components/super-ellipse/component.js +1 -3
  199. package/icon-view/moderncssm/components/super-ellipse/index.d.ts +0 -1
  200. package/icon-view/moderncssm/components/super-ellipse/index.js +2 -2
  201. package/icon-view/moderncssm/components/super-ellipse/paths.d.ts +1 -216
  202. package/icon-view/moderncssm/components/super-ellipse/paths.js +141 -208
  203. package/icon-view/moderncssm/super-ellipse/index.js +2 -2
  204. package/icon-view/super-ellipse/index.js +0 -13
  205. package/international-phone-input/Component.responsive.d.ts +4 -4
  206. package/international-phone-input/components/base-international-phone-input/Component.js +11 -1
  207. package/international-phone-input/cssm/Component.responsive.d.ts +4 -4
  208. package/international-phone-input/cssm/components/base-international-phone-input/Component.js +11 -1
  209. package/{system-message/cssm/index-064acd29.d.ts → international-phone-input/cssm/index-464d40a4.d.ts} +11 -1
  210. package/international-phone-input/cssm/types.d.ts +1 -10
  211. package/international-phone-input/cssm/typings-d515b24c.d.ts +1 -1
  212. package/international-phone-input/cssm/utils/index.d.ts +3 -2
  213. package/international-phone-input/cssm/utils/index.js +11 -5
  214. package/international-phone-input/esm/Component.responsive.d.ts +4 -4
  215. package/international-phone-input/esm/Component.responsive.js +1 -1
  216. package/international-phone-input/esm/components/base-international-phone-input/Component.js +12 -3
  217. package/international-phone-input/esm/components/base-international-phone-input/index.js +1 -1
  218. package/international-phone-input/esm/desktop/Component.desktop.js +1 -1
  219. package/international-phone-input/esm/desktop/index.js +1 -1
  220. package/{system-message/esm/index-064acd29.d.ts → international-phone-input/esm/index-464d40a4.d.ts} +11 -1
  221. package/international-phone-input/esm/index.js +1 -1
  222. package/international-phone-input/esm/mobile/Component.mobile.js +1 -1
  223. package/international-phone-input/esm/mobile/index.js +1 -1
  224. package/international-phone-input/esm/types.d.ts +1 -10
  225. package/international-phone-input/esm/typings-d515b24c.d.ts +1 -1
  226. package/international-phone-input/esm/utils/index.d.ts +3 -2
  227. package/international-phone-input/esm/utils/index.js +11 -5
  228. package/{system-message/index-064acd29.d.ts → international-phone-input/index-464d40a4.d.ts} +11 -1
  229. package/international-phone-input/modern/Component.responsive.d.ts +4 -4
  230. package/international-phone-input/modern/Component.responsive.js +1 -1
  231. package/international-phone-input/modern/components/base-international-phone-input/Component.js +10 -3
  232. package/international-phone-input/modern/components/base-international-phone-input/index.js +1 -1
  233. package/international-phone-input/modern/data/country-data.d.ts +9 -1
  234. package/international-phone-input/modern/data/country-data.js +0 -19
  235. package/international-phone-input/modern/desktop/Component.desktop.js +1 -1
  236. package/international-phone-input/modern/desktop/index.js +1 -1
  237. package/international-phone-input/modern/index-235f6347.d.ts +251 -0
  238. package/{system-message/modern/index-064acd29.d.ts → international-phone-input/modern/index-464d40a4.d.ts} +11 -1
  239. package/international-phone-input/modern/index.js +1 -1
  240. package/international-phone-input/modern/mobile/Component.mobile.js +1 -1
  241. package/international-phone-input/modern/mobile/index.js +1 -1
  242. package/international-phone-input/modern/types-464d40a4.d.ts +289 -0
  243. package/international-phone-input/modern/types.d.ts +1 -10
  244. package/international-phone-input/modern/typings-d515b24c.d.ts +10 -534
  245. package/international-phone-input/modern/utils/index.d.ts +3 -2
  246. package/international-phone-input/modern/utils/index.js +9 -5
  247. package/international-phone-input/moderncssm/Component.responsive.d.ts +4 -4
  248. package/international-phone-input/moderncssm/Component.responsive.js +1 -1
  249. package/international-phone-input/moderncssm/components/base-international-phone-input/Component.js +10 -3
  250. package/international-phone-input/moderncssm/components/base-international-phone-input/index.js +1 -1
  251. package/international-phone-input/moderncssm/desktop/Component.desktop.js +1 -1
  252. package/international-phone-input/moderncssm/desktop/index.js +1 -1
  253. package/international-phone-input/moderncssm/index-464d40a4.d.ts +23 -0
  254. package/international-phone-input/moderncssm/index.js +1 -1
  255. package/international-phone-input/moderncssm/mobile/Component.mobile.js +1 -1
  256. package/international-phone-input/moderncssm/mobile/index.js +1 -1
  257. package/international-phone-input/moderncssm/types.d.ts +1 -10
  258. package/international-phone-input/moderncssm/typings-d515b24c.d.ts +1 -1
  259. package/international-phone-input/moderncssm/utils/index.d.ts +3 -2
  260. package/international-phone-input/moderncssm/utils/index.js +9 -5
  261. package/international-phone-input/types.d.ts +1 -10
  262. package/international-phone-input/typings-d515b24c.d.ts +1 -1
  263. package/international-phone-input/utils/index.d.ts +3 -2
  264. package/international-phone-input/utils/index.js +11 -5
  265. package/modal/components/controls/Component.js +1 -1
  266. package/modal/components/footer/Component.js +1 -1
  267. package/modal/esm/Component.responsive.js +1 -1
  268. package/modal/esm/components/controls/Component.js +1 -1
  269. package/modal/esm/components/controls/index.js +1 -1
  270. package/modal/esm/components/footer/Component.js +1 -1
  271. package/modal/esm/desktop/Component.desktop.js +1 -1
  272. package/modal/esm/desktop/index.js +1 -1
  273. package/modal/esm/index.js +1 -1
  274. package/modal/esm/mobile/Component.mobile.js +1 -1
  275. package/modal/esm/mobile/index.js +1 -1
  276. package/modal/modern/Component.responsive.js +1 -1
  277. package/modal/modern/components/controls/Component.js +1 -1
  278. package/modal/modern/components/controls/index.js +1 -1
  279. package/modal/modern/components/footer/Component.js +1 -1
  280. package/modal/modern/desktop/Component.desktop.js +1 -1
  281. package/modal/modern/desktop/index.js +1 -1
  282. package/modal/modern/index.js +1 -1
  283. package/modal/modern/mobile/Component.mobile.js +1 -1
  284. package/modal/modern/mobile/index.js +1 -1
  285. package/package.json +1 -1
  286. package/picker-button/Component-c44170fe.d.ts +1 -1
  287. package/picker-button/cssm/field/Component.d.ts +1 -1
  288. package/picker-button/cssm/field/Component.js +1 -1
  289. package/picker-button/esm/field/Component.d.ts +1 -1
  290. package/picker-button/esm/field/Component.js +1 -1
  291. package/picker-button/field/Component.d.ts +1 -1
  292. package/picker-button/field/Component.js +1 -1
  293. package/picker-button/modern/field/Component.d.ts +1 -1
  294. package/picker-button/modern/field/Component.js +1 -1
  295. package/picker-button/moderncssm/field/Component.d.ts +1 -1
  296. package/picker-button/moderncssm/field/Component.js +1 -1
  297. package/picker-button/transformSize-ebda875c.d.ts +1 -1
  298. package/plate/cssm/index-a8f55d3a.d.ts +12 -2
  299. package/plate/esm/index-a8f55d3a.d.ts +12 -2
  300. package/plate/index-a8f55d3a.d.ts +12 -2
  301. package/plate/modern/index-a8f55d3a.d.ts +12 -2
  302. package/plate/moderncssm/index-a8f55d3a.d.ts +12 -2
  303. package/pure-cell/component.js +1 -1
  304. package/pure-cell/components/addon/component.js +1 -1
  305. package/pure-cell/components/addon/index.d.ts +1 -1
  306. package/pure-cell/components/addon/index.js +1 -1
  307. package/pure-cell/components/amount/component.js +1 -1
  308. package/pure-cell/components/amount/index.d.ts +1 -1
  309. package/pure-cell/components/amount/index.js +1 -1
  310. package/pure-cell/components/amount-title/component.js +1 -1
  311. package/pure-cell/components/amount-title/index.d.ts +1 -1
  312. package/pure-cell/components/amount-title/index.js +1 -1
  313. package/pure-cell/components/category/component.js +1 -1
  314. package/pure-cell/components/category/index.d.ts +1 -1
  315. package/pure-cell/components/category/index.js +1 -1
  316. package/pure-cell/components/content/component.js +1 -1
  317. package/pure-cell/components/content/index.d.ts +1 -1
  318. package/pure-cell/components/content/index.js +1 -1
  319. package/pure-cell/components/footer/component.js +1 -1
  320. package/pure-cell/components/footer/index.d.ts +1 -1
  321. package/pure-cell/components/footer/index.js +1 -1
  322. package/pure-cell/components/footer-button/component.js +1 -1
  323. package/pure-cell/components/footer-button/index.d.ts +1 -1
  324. package/pure-cell/components/footer-button/index.js +1 -1
  325. package/pure-cell/components/footer-text/component.js +1 -1
  326. package/pure-cell/components/footer-text/index.d.ts +1 -1
  327. package/pure-cell/components/footer-text/index.js +1 -1
  328. package/pure-cell/components/graphics/component.js +1 -1
  329. package/pure-cell/components/graphics/index.d.ts +1 -1
  330. package/pure-cell/components/graphics/index.js +1 -1
  331. package/pure-cell/components/main/component.js +1 -1
  332. package/pure-cell/components/main/index.d.ts +1 -1
  333. package/pure-cell/components/main/index.js +1 -1
  334. package/pure-cell/components/text/component.js +1 -1
  335. package/pure-cell/components/text/index.d.ts +1 -1
  336. package/pure-cell/components/text/index.js +1 -1
  337. package/pure-cell/esm/component.js +1 -1
  338. package/pure-cell/esm/components/addon/component.js +1 -1
  339. package/pure-cell/esm/components/addon/index.d.ts +1 -1
  340. package/pure-cell/esm/components/addon/index.js +1 -1
  341. package/pure-cell/esm/components/amount/component.js +1 -1
  342. package/pure-cell/esm/components/amount/index.d.ts +1 -1
  343. package/pure-cell/esm/components/amount/index.js +1 -1
  344. package/pure-cell/esm/components/amount-title/component.js +1 -1
  345. package/pure-cell/esm/components/amount-title/index.d.ts +1 -1
  346. package/pure-cell/esm/components/amount-title/index.js +1 -1
  347. package/pure-cell/esm/components/category/component.js +1 -1
  348. package/pure-cell/esm/components/category/index.d.ts +1 -1
  349. package/pure-cell/esm/components/category/index.js +1 -1
  350. package/pure-cell/esm/components/content/component.js +1 -1
  351. package/pure-cell/esm/components/content/index.d.ts +1 -1
  352. package/pure-cell/esm/components/content/index.js +1 -1
  353. package/pure-cell/esm/components/footer/component.js +1 -1
  354. package/pure-cell/esm/components/footer/index.d.ts +1 -1
  355. package/pure-cell/esm/components/footer/index.js +1 -1
  356. package/pure-cell/esm/components/footer-button/component.js +1 -1
  357. package/pure-cell/esm/components/footer-button/index.d.ts +1 -1
  358. package/pure-cell/esm/components/footer-button/index.js +1 -1
  359. package/pure-cell/esm/components/footer-text/component.js +1 -1
  360. package/pure-cell/esm/components/footer-text/index.d.ts +1 -1
  361. package/pure-cell/esm/components/footer-text/index.js +1 -1
  362. package/pure-cell/esm/components/graphics/component.js +1 -1
  363. package/pure-cell/esm/components/graphics/index.d.ts +1 -1
  364. package/pure-cell/esm/components/graphics/index.js +1 -1
  365. package/pure-cell/esm/components/main/component.js +1 -1
  366. package/pure-cell/esm/components/main/index.d.ts +1 -1
  367. package/pure-cell/esm/components/main/index.js +1 -1
  368. package/pure-cell/esm/components/text/component.js +1 -1
  369. package/pure-cell/esm/components/text/index.d.ts +1 -1
  370. package/pure-cell/esm/components/text/index.js +1 -1
  371. package/pure-cell/esm/index.js +1 -1
  372. package/pure-cell/index.js +1 -1
  373. package/pure-cell/modern/component.js +1 -1
  374. package/pure-cell/modern/components/addon/component.js +1 -1
  375. package/pure-cell/modern/components/addon/index.d.ts +1 -1
  376. package/pure-cell/modern/components/addon/index.js +1 -1
  377. package/pure-cell/modern/components/amount/component.js +1 -1
  378. package/pure-cell/modern/components/amount/index.d.ts +1 -1
  379. package/pure-cell/modern/components/amount/index.js +1 -1
  380. package/pure-cell/modern/components/amount-title/component.js +1 -1
  381. package/pure-cell/modern/components/amount-title/index.d.ts +1 -1
  382. package/pure-cell/modern/components/amount-title/index.js +1 -1
  383. package/pure-cell/modern/components/category/component.js +1 -1
  384. package/pure-cell/modern/components/category/index.d.ts +1 -1
  385. package/pure-cell/modern/components/category/index.js +1 -1
  386. package/pure-cell/modern/components/content/component.js +1 -1
  387. package/pure-cell/modern/components/content/index.d.ts +1 -1
  388. package/pure-cell/modern/components/content/index.js +1 -1
  389. package/pure-cell/modern/components/footer/component.js +1 -1
  390. package/pure-cell/modern/components/footer/index.d.ts +1 -1
  391. package/pure-cell/modern/components/footer/index.js +1 -1
  392. package/pure-cell/modern/components/footer-button/component.js +1 -1
  393. package/pure-cell/modern/components/footer-button/index.d.ts +1 -1
  394. package/pure-cell/modern/components/footer-button/index.js +1 -1
  395. package/pure-cell/modern/components/footer-text/component.js +1 -1
  396. package/pure-cell/modern/components/footer-text/index.d.ts +1 -1
  397. package/pure-cell/modern/components/footer-text/index.js +1 -1
  398. package/pure-cell/modern/components/graphics/component.js +1 -1
  399. package/pure-cell/modern/components/graphics/index.d.ts +1 -1
  400. package/pure-cell/modern/components/graphics/index.js +1 -1
  401. package/pure-cell/modern/components/main/component.js +1 -1
  402. package/pure-cell/modern/components/main/index.d.ts +1 -1
  403. package/pure-cell/modern/components/main/index.js +1 -1
  404. package/pure-cell/modern/components/text/component.js +1 -1
  405. package/pure-cell/modern/components/text/index.d.ts +1 -1
  406. package/pure-cell/modern/components/text/index.js +1 -1
  407. package/pure-cell/modern/index.js +1 -1
  408. package/select/components/base-select/Component.js +2 -2
  409. package/select/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  410. package/select/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  411. package/select/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  412. package/select/{hook-4d462686.js → cssm/hook-08576e87.js} +1 -0
  413. package/select/cssm/{hook-94ef1330.d.ts → hook-b8d44131.d.ts} +1 -0
  414. package/select/cssm/mobile/Component.mobile.js +1 -1
  415. package/select/cssm/presets/index.d.ts +1 -1
  416. package/select/cssm/presets/index.js +1 -1
  417. package/select/cssm/presets/useSelectWithApply/hook.js +1 -1
  418. package/select/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  419. package/select/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  420. package/select/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  421. package/select/cssm/shared/index.js +1 -1
  422. package/select/cssm/typings.d.ts +1 -1
  423. package/select/esm/Component.responsive.js +3 -3
  424. package/select/esm/components/base-select/Component.js +2 -2
  425. package/select/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  426. package/select/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  427. package/select/esm/components/base-select/components/list-mobile/list-mobile.js +1 -1
  428. package/select/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  429. package/select/esm/components/base-select/index.js +2 -2
  430. package/select/esm/components/index.js +2 -2
  431. package/select/esm/desktop/Component.desktop.js +2 -2
  432. package/select/esm/desktop/index.js +2 -2
  433. package/select/esm/{hook-d1496a1f.js → hook-a9706401.js} +1 -0
  434. package/select/{modern/hook-94ef1330.d.ts → esm/hook-b8d44131.d.ts} +1 -0
  435. package/select/esm/index.js +3 -3
  436. package/select/esm/mobile/Component.mobile.js +3 -3
  437. package/select/esm/mobile/Component.modal.mobile.js +3 -3
  438. package/select/esm/mobile/index.js +3 -3
  439. package/select/esm/presets/index.d.ts +1 -1
  440. package/select/esm/presets/index.js +1 -1
  441. package/select/esm/presets/useSelectWithApply/hook.js +1 -1
  442. package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  443. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  444. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  445. package/select/esm/shared/index.js +3 -3
  446. package/select/esm/typings.d.ts +1 -1
  447. package/select/{cssm/hook-928265a3.js → hook-4ece6157.js} +1 -0
  448. package/select/{esm/hook-94ef1330.d.ts → hook-b8d44131.d.ts} +1 -0
  449. package/select/mobile/Component.mobile.js +1 -1
  450. package/select/modern/Component.responsive.js +3 -3
  451. package/select/modern/components/base-select/Component.js +2 -2
  452. package/select/modern/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +1 -1
  453. package/select/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  454. package/select/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  455. package/select/modern/components/base-select/components/list-mobile/list-mobile.js +1 -1
  456. package/select/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  457. package/select/modern/components/base-select/index.js +2 -2
  458. package/select/modern/components/index.js +2 -2
  459. package/select/modern/desktop/Component.desktop.js +2 -2
  460. package/select/modern/desktop/index.js +2 -2
  461. package/select/modern/{hook-e1bb3e1e.js → hook-65a71ee9.js} +1 -0
  462. package/select/{hook-94ef1330.d.ts → modern/hook-b8d44131.d.ts} +1 -0
  463. package/select/modern/index.js +3 -3
  464. package/select/modern/mobile/Component.mobile.js +3 -3
  465. package/select/modern/mobile/Component.modal.mobile.js +3 -3
  466. package/select/modern/mobile/index.js +3 -3
  467. package/select/modern/presets/index.d.ts +1 -1
  468. package/select/modern/presets/index.js +1 -1
  469. package/select/modern/presets/useSelectWithApply/hook.js +1 -1
  470. package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  471. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  472. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  473. package/select/modern/shared/index.js +3 -3
  474. package/select/modern/typings.d.ts +1 -1
  475. package/select/moderncssm/Component.responsive.js +1 -1
  476. package/select/moderncssm/{hook-0c8b8277.js → hook-50057c35.js} +1 -0
  477. package/select/moderncssm/hook-b8d44131.d.ts +112 -0
  478. package/select/moderncssm/index.js +1 -1
  479. package/select/moderncssm/mobile/Component.mobile.js +1 -1
  480. package/select/moderncssm/mobile/Component.modal.mobile.js +1 -1
  481. package/select/moderncssm/mobile/index.js +1 -1
  482. package/select/moderncssm/presets/index.d.ts +1 -1
  483. package/select/moderncssm/presets/index.js +1 -1
  484. package/select/moderncssm/presets/useSelectWithApply/hook.js +1 -1
  485. package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  486. package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  487. package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  488. package/select/moderncssm/shared/index.js +1 -1
  489. package/select/moderncssm/typings.d.ts +1 -1
  490. package/select/presets/index.d.ts +1 -1
  491. package/select/presets/index.js +1 -1
  492. package/select/presets/useSelectWithApply/hook.js +1 -1
  493. package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  494. package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  495. package/select/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  496. package/select/shared/index.js +1 -1
  497. package/select/typings.d.ts +1 -1
  498. package/shared/createPaddingStyle.d.ts +1 -6
  499. package/shared/cssm/createPaddingStyle.d.ts +1 -6
  500. package/shared/cssm/index-464d40a4.d.ts +23 -0
  501. package/shared/cssm/maskUtils.d.ts +3 -1
  502. package/shared/cssm/maskUtils.js +24 -15
  503. package/shared/esm/createPaddingStyle.d.ts +1 -6
  504. package/shared/esm/index-464d40a4.d.ts +23 -0
  505. package/shared/esm/maskUtils.d.ts +3 -1
  506. package/shared/esm/maskUtils.js +25 -16
  507. package/shared/index-464d40a4.d.ts +23 -0
  508. package/shared/maskUtils.d.ts +3 -1
  509. package/shared/maskUtils.js +24 -15
  510. package/shared/modern/createPaddingStyle.d.ts +1 -6
  511. package/shared/modern/index-464d40a4.d.ts +23 -0
  512. package/shared/modern/maskUtils.d.ts +3 -1
  513. package/shared/modern/maskUtils.js +23 -16
  514. package/shared/moderncssm/createPaddingStyle.d.ts +1 -6
  515. package/shared/moderncssm/index-464d40a4.d.ts +23 -0
  516. package/shared/moderncssm/maskUtils.d.ts +3 -1
  517. package/shared/moderncssm/maskUtils.js +23 -16
  518. package/side-panel/components/controls/Component.js +1 -1
  519. package/side-panel/components/footer/Component.js +1 -1
  520. package/side-panel/esm/Component.responsive.js +1 -1
  521. package/side-panel/esm/components/controls/Component.js +1 -1
  522. package/side-panel/esm/components/controls/index.js +1 -1
  523. package/side-panel/esm/components/footer/Component.desktop.js +1 -1
  524. package/side-panel/esm/components/footer/Component.js +1 -1
  525. package/side-panel/esm/components/footer/Component.mobile.js +1 -1
  526. package/side-panel/esm/desktop/Component.desktop.js +1 -1
  527. package/side-panel/esm/desktop/index.js +1 -1
  528. package/side-panel/esm/index.js +1 -1
  529. package/side-panel/esm/mobile/Component.mobile.js +1 -1
  530. package/side-panel/esm/mobile/index.js +1 -1
  531. package/side-panel/modern/Component.responsive.js +1 -1
  532. package/side-panel/modern/components/controls/Component.js +1 -1
  533. package/side-panel/modern/components/controls/index.js +1 -1
  534. package/side-panel/modern/components/footer/Component.desktop.js +1 -1
  535. package/side-panel/modern/components/footer/Component.js +1 -1
  536. package/side-panel/modern/components/footer/Component.mobile.js +1 -1
  537. package/side-panel/modern/desktop/Component.desktop.js +1 -1
  538. package/side-panel/modern/desktop/index.js +1 -1
  539. package/side-panel/modern/index.js +1 -1
  540. package/side-panel/modern/mobile/Component.mobile.js +1 -1
  541. package/side-panel/modern/mobile/index.js +1 -1
  542. package/system-message/Components.responsive.d.ts +5 -5
  543. package/system-message/components/caption/Component.d.ts +1 -1
  544. package/system-message/components/controls/Component.d.ts +1 -1
  545. package/system-message/components/graphic/Component.d.ts +1 -1
  546. package/system-message/components/subtitle/Component.d.ts +1 -1
  547. package/system-message/components/title/Component.d.ts +1 -1
  548. package/system-message/cssm/Components.responsive.d.ts +5 -5
  549. package/system-message/cssm/components/caption/Component.d.ts +1 -1
  550. package/system-message/cssm/components/controls/Component.d.ts +1 -1
  551. package/system-message/cssm/components/graphic/Component.d.ts +1 -1
  552. package/system-message/cssm/components/subtitle/Component.d.ts +1 -1
  553. package/system-message/cssm/components/title/Component.d.ts +1 -1
  554. package/system-message/cssm/desktop/Component.desktop.d.ts +5 -5
  555. package/system-message/cssm/index-464d40a4.d.ts +23 -0
  556. package/system-message/cssm/mobile/Component.mobile.d.ts +5 -5
  557. package/system-message/cssm/types.d.ts +1 -1
  558. package/system-message/cssm/utils.d.ts +5 -5
  559. package/system-message/desktop/Component.desktop.d.ts +5 -5
  560. package/system-message/esm/Components.responsive.d.ts +5 -5
  561. package/system-message/esm/components/caption/Component.d.ts +1 -1
  562. package/system-message/esm/components/controls/Component.d.ts +1 -1
  563. package/system-message/esm/components/graphic/Component.d.ts +1 -1
  564. package/system-message/esm/components/subtitle/Component.d.ts +1 -1
  565. package/system-message/esm/components/title/Component.d.ts +1 -1
  566. package/system-message/esm/desktop/Component.desktop.d.ts +5 -5
  567. package/system-message/esm/index-464d40a4.d.ts +23 -0
  568. package/system-message/esm/mobile/Component.mobile.d.ts +5 -5
  569. package/system-message/esm/types.d.ts +1 -1
  570. package/system-message/esm/utils.d.ts +5 -5
  571. package/system-message/index-464d40a4.d.ts +23 -0
  572. package/system-message/mobile/Component.mobile.d.ts +5 -5
  573. package/system-message/modern/Components.responsive.d.ts +5 -5
  574. package/system-message/modern/components/caption/Component.d.ts +1 -1
  575. package/system-message/modern/components/controls/Component.d.ts +1 -1
  576. package/system-message/modern/components/graphic/Component.d.ts +1 -1
  577. package/system-message/modern/components/subtitle/Component.d.ts +1 -1
  578. package/system-message/modern/components/title/Component.d.ts +1 -1
  579. package/system-message/modern/desktop/Component.desktop.d.ts +5 -5
  580. package/system-message/modern/index-464d40a4.d.ts +23 -0
  581. package/system-message/modern/mobile/Component.mobile.d.ts +5 -5
  582. package/system-message/modern/types.d.ts +1 -1
  583. package/system-message/modern/utils.d.ts +5 -5
  584. package/system-message/moderncssm/Components.responsive.d.ts +5 -5
  585. package/system-message/moderncssm/components/caption/Component.d.ts +1 -1
  586. package/system-message/moderncssm/components/controls/Component.d.ts +1 -1
  587. package/system-message/moderncssm/components/graphic/Component.d.ts +1 -1
  588. package/system-message/moderncssm/components/subtitle/Component.d.ts +1 -1
  589. package/system-message/moderncssm/components/title/Component.d.ts +1 -1
  590. package/system-message/moderncssm/desktop/Component.desktop.d.ts +5 -5
  591. package/system-message/moderncssm/index-464d40a4.d.ts +23 -0
  592. package/system-message/moderncssm/mobile/Component.mobile.d.ts +5 -5
  593. package/system-message/moderncssm/types.d.ts +1 -1
  594. package/system-message/moderncssm/utils.d.ts +5 -5
  595. package/system-message/types.d.ts +1 -1
  596. package/system-message/utils.d.ts +5 -5
  597. package/table/component.d.ts +1 -8
  598. package/table/components/texpandable-row/Component.d.ts +1 -3
  599. package/table/components/texpandable-row/Component.js +2 -2
  600. package/table/components/trow/Component.d.ts +1 -22
  601. package/table/components/trow/Component.js +3 -4
  602. package/table/cssm/component.d.ts +1 -8
  603. package/table/cssm/components/texpandable-row/Component.d.ts +1 -3
  604. package/table/cssm/components/texpandable-row/Component.js +2 -2
  605. package/table/cssm/components/trow/Component.d.ts +1 -22
  606. package/table/cssm/components/trow/Component.js +3 -4
  607. package/table/esm/component.d.ts +1 -8
  608. package/table/esm/components/texpandable-row/Component.d.ts +1 -3
  609. package/table/esm/components/texpandable-row/Component.js +2 -2
  610. package/table/esm/components/trow/Component.d.ts +1 -22
  611. package/table/esm/components/trow/Component.js +4 -5
  612. package/table/modern/component.d.ts +1 -8
  613. package/table/modern/components/texpandable-row/Component.d.ts +1 -3
  614. package/table/modern/components/texpandable-row/Component.js +2 -2
  615. package/table/modern/components/trow/Component.d.ts +1 -22
  616. package/table/modern/components/trow/Component.js +3 -4
  617. package/table/moderncssm/component.d.ts +1 -8
  618. package/table/moderncssm/components/texpandable-row/Component.d.ts +1 -3
  619. package/table/moderncssm/components/texpandable-row/Component.js +2 -2
  620. package/table/moderncssm/components/trow/Component.d.ts +1 -22
  621. package/table/moderncssm/components/trow/Component.js +3 -4
  622. package/tabs/components/title/Component.js +2 -2
  623. package/tabs/cssm/components/title/Component.js +2 -2
  624. package/tabs/cssm/hooks/use-tablist-titles.d.ts +1 -1
  625. package/tabs/cssm/hooks/use-tabs.d.ts +1 -1
  626. package/tabs/cssm/hooks/use-tabs.js +1 -1
  627. package/tabs/esm/components/title/Component.js +2 -2
  628. package/tabs/esm/hooks/use-tablist-titles.d.ts +1 -1
  629. package/tabs/esm/hooks/use-tabs.d.ts +1 -1
  630. package/tabs/esm/hooks/use-tabs.js +1 -1
  631. package/tabs/hooks/use-tablist-titles.d.ts +1 -1
  632. package/tabs/hooks/use-tabs.d.ts +1 -1
  633. package/tabs/hooks/use-tabs.js +1 -1
  634. package/tabs/modern/components/title/Component.js +2 -2
  635. package/tabs/modern/hooks/use-tablist-titles.d.ts +1 -1
  636. package/tabs/modern/hooks/use-tabs.d.ts +1 -1
  637. package/tabs/modern/hooks/use-tabs.js +1 -1
  638. package/tabs/moderncssm/components/title/Component.js +2 -2
  639. package/tabs/moderncssm/hooks/use-tablist-titles.d.ts +1 -1
  640. package/tabs/moderncssm/hooks/use-tabs.d.ts +1 -1
  641. package/tabs/moderncssm/hooks/use-tabs.js +1 -1
  642. package/textarea/Component.d.ts +1 -1
  643. package/textarea/cssm/Component.d.ts +1 -1
  644. package/themes/compiled/mobile-dark-bluetint.css +43 -43
  645. package/typography/esm/component.js +2 -2
  646. package/typography/esm/index.js +2 -2
  647. package/typography/esm/text/component.js +1 -1
  648. package/typography/esm/text/index.js +1 -1
  649. package/typography/esm/title/component.js +1 -1
  650. package/typography/esm/title/index.js +2 -2
  651. package/typography/esm/title-mobile/component.js +2 -2
  652. package/typography/esm/title-mobile/index.js +2 -2
  653. package/typography/esm/title-responsive/component.js +2 -2
  654. package/typography/esm/title-responsive/index.js +2 -2
  655. package/typography/modern/component.js +2 -2
  656. package/typography/modern/index.js +2 -2
  657. package/typography/modern/text/component.js +1 -1
  658. package/typography/modern/text/index.js +1 -1
  659. package/typography/modern/title/component.js +1 -1
  660. package/typography/modern/title/index.js +2 -2
  661. package/typography/modern/title-mobile/component.js +2 -2
  662. package/typography/modern/title-mobile/index.js +2 -2
  663. package/typography/modern/title-responsive/component.js +2 -2
  664. package/typography/modern/title-responsive/index.js +2 -2
  665. package/typography/text/component.js +1 -1
  666. package/typography/title/component.js +1 -1
  667. package/typography/title/index.js +1 -1
  668. package/typography/title-mobile/component.js +1 -1
  669. package/underlay/Component.d.ts +2 -2
  670. package/underlay/cssm/Component.d.ts +2 -2
  671. package/underlay/cssm/index-464d40a4.d.ts +23 -0
  672. package/underlay/cssm/types.d.ts +1 -1
  673. package/underlay/cssm/utils/getClasses.d.ts +1 -1
  674. package/underlay/esm/Component.d.ts +2 -2
  675. package/underlay/esm/index-464d40a4.d.ts +23 -0
  676. package/underlay/esm/types.d.ts +1 -1
  677. package/underlay/esm/utils/getClasses.d.ts +1 -1
  678. package/underlay/index-464d40a4.d.ts +23 -0
  679. package/underlay/modern/Component.d.ts +2 -2
  680. package/underlay/modern/index-464d40a4.d.ts +23 -0
  681. package/underlay/modern/types.d.ts +1 -1
  682. package/underlay/modern/utils/getClasses.d.ts +1 -1
  683. package/underlay/moderncssm/Component.d.ts +2 -2
  684. package/underlay/moderncssm/index-464d40a4.d.ts +23 -0
  685. package/underlay/moderncssm/types.d.ts +1 -1
  686. package/underlay/moderncssm/utils/getClasses.d.ts +1 -1
  687. package/underlay/types.d.ts +1 -1
  688. package/underlay/utils/getClasses.d.ts +1 -1
  689. package/gallery/esm/hooks-c438ee1a.d.ts +0 -11
  690. package/gallery/esm/hooks-c438ee1a.js +0 -45
  691. package/gallery/hooks-a35c1388.d.ts +0 -11
  692. package/gallery/hooks-a35c1388.js +0 -50
  693. package/gallery/modern/hooks-a03bb3f0.d.ts +0 -11
  694. package/gallery/modern/hooks-a03bb3f0.js +0 -44
  695. package/select/moderncssm/hook-94ef1330.d.ts +0 -111
  696. package/system-message/moderncssm/index-064acd29.d.ts +0 -13
  697. package/underlay/cssm/index-064acd29.d.ts +0 -13
  698. package/underlay/esm/index-064acd29.d.ts +0 -13
  699. package/underlay/index-064acd29.d.ts +0 -13
  700. package/underlay/modern/index-064acd29.d.ts +0 -13
  701. package/underlay/moderncssm/index-064acd29.d.ts +0 -13
  702. /package/calendar/{calendarMonthOnlyView-87b3a87a.d.ts → calendarMonthOnlyView-188056ce.d.ts} +0 -0
  703. /package/calendar/{calendarMonthOnlyView-87b3a87a.js → calendarMonthOnlyView-188056ce.js} +0 -0
  704. /package/calendar/esm/{calendarMonthOnlyView-9103f4fb.d.ts → calendarMonthOnlyView-50579d84.d.ts} +0 -0
  705. /package/calendar/esm/{calendarMonthOnlyView-9103f4fb.js → calendarMonthOnlyView-50579d84.js} +0 -0
  706. /package/calendar/modern/{calendarMonthOnlyView-4a36aa7d.d.ts → calendarMonthOnlyView-7a1831cf.d.ts} +0 -0
  707. /package/calendar/modern/{calendarMonthOnlyView-4a36aa7d.js → calendarMonthOnlyView-7a1831cf.js} +0 -0
  708. /package/calendar-range/esm/{index.module-c15f7e0c.js → index.module-f313c5b3.js} +0 -0
  709. /package/calendar-range/{index.module-56793e63.js → index.module-36f7eaa4.js} +0 -0
  710. /package/calendar-range/modern/{index.module-319c3b3a.js → index.module-fde9a637.js} +0 -0
  711. /package/confirmation/{countdown-section-a7e8cff2.d.ts → countdown-section-278d5360.d.ts} +0 -0
  712. /package/confirmation/{countdown-section-a7e8cff2.js → countdown-section-278d5360.js} +0 -0
  713. /package/confirmation/esm/{countdown-section-e9988245.d.ts → countdown-section-d2a44506.d.ts} +0 -0
  714. /package/confirmation/esm/{countdown-section-e9988245.js → countdown-section-d2a44506.js} +0 -0
  715. /package/confirmation/modern/{countdown-section-a8302468.d.ts → countdown-section-fe1ed80a.d.ts} +0 -0
  716. /package/confirmation/modern/{countdown-section-a8302468.js → countdown-section-fe1ed80a.js} +0 -0
  717. /package/file-upload-item/{actions-control.module-8919e0f7.js → actions-control.module-1ddc97cc.js} +0 -0
  718. /package/file-upload-item/esm/{actions-control.module-8fc7a048.js → actions-control.module-f85c43ed.js} +0 -0
  719. /package/file-upload-item/modern/{actions-control.module-2b172512.js → actions-control.module-7e2cae91.js} +0 -0
  720. /package/modal/esm/{layout.module-680119be.js → layout.module-b9b85094.js} +0 -0
  721. /package/modal/{layout.module-754626dc.js → layout.module-b394bf8b.js} +0 -0
  722. /package/modal/modern/{layout.module-37a933c4.js → layout.module-f430d660.js} +0 -0
  723. /package/pure-cell/{component-9497a2ae.d.ts → component-d78ef0da.d.ts} +0 -0
  724. /package/pure-cell/{component-9497a2ae.js → component-d78ef0da.js} +0 -0
  725. /package/pure-cell/esm/{component-9f6d43b7.d.ts → component-ef21f54f.d.ts} +0 -0
  726. /package/pure-cell/esm/{component-9f6d43b7.js → component-ef21f54f.js} +0 -0
  727. /package/pure-cell/modern/{component-b48c9c18.d.ts → component-cd76d9eb.d.ts} +0 -0
  728. /package/pure-cell/modern/{component-b48c9c18.js → component-cd76d9eb.js} +0 -0
  729. /package/select/cssm/{hook-928265a3.d.ts → hook-08576e87.d.ts} +0 -0
  730. /package/select/esm/{hook-d1496a1f.d.ts → hook-a9706401.d.ts} +0 -0
  731. /package/select/esm/{list-popover-desktop-2ecb3c74.d.ts → list-popover-desktop-d21aa1da.d.ts} +0 -0
  732. /package/select/esm/{list-popover-desktop-2ecb3c74.js → list-popover-desktop-d21aa1da.js} +0 -0
  733. /package/select/esm/{mobile.module-0044dacb.js → mobile.module-1a81e23f.js} +0 -0
  734. /package/select/{hook-4d462686.d.ts → hook-4ece6157.d.ts} +0 -0
  735. /package/select/{list-popover-desktop-5ac1964a.d.ts → list-popover-desktop-6cd39e7e.d.ts} +0 -0
  736. /package/select/{list-popover-desktop-5ac1964a.js → list-popover-desktop-6cd39e7e.js} +0 -0
  737. /package/select/{mobile.module-10633efa.js → mobile.module-f0f7fdbc.js} +0 -0
  738. /package/select/modern/{hook-e1bb3e1e.d.ts → hook-65a71ee9.d.ts} +0 -0
  739. /package/select/modern/{list-popover-desktop-edd27f5e.d.ts → list-popover-desktop-b4058f29.d.ts} +0 -0
  740. /package/select/modern/{list-popover-desktop-edd27f5e.js → list-popover-desktop-b4058f29.js} +0 -0
  741. /package/select/modern/{mobile.module-b160a7de.js → mobile.module-77acf76d.js} +0 -0
  742. /package/select/moderncssm/{hook-0c8b8277.d.ts → hook-50057c35.d.ts} +0 -0
  743. /package/side-panel/esm/{layout.module-584a0d75.js → layout.module-be8781f2.js} +0 -0
  744. /package/side-panel/{layout.module-1eb41f4c.js → layout.module-76301aef.js} +0 -0
  745. /package/side-panel/modern/{layout.module-a28a1841.js → layout.module-25f4cbd6.js} +0 -0
  746. /package/typography/{colors.module-d719d7a7.js → colors.module-8b955f16.js} +0 -0
  747. /package/typography/{common.module-f17c2083.js → common.module-de21204e.js} +0 -0
  748. /package/typography/esm/{colors.module-8158a5a9.js → colors.module-ad3a833e.js} +0 -0
  749. /package/typography/esm/{common.module-235549ff.js → common.module-e8acf5e1.js} +0 -0
  750. /package/typography/modern/{colors.module-d067c54d.js → colors.module-3255d61f.js} +0 -0
  751. /package/typography/modern/{common.module-ca60f34c.js → common.module-63378ab4.js} +0 -0
package/gallery/components/image-viewer/index.css CHANGED
@@ -6,8 +6,8 @@
6
6
  --color-static-neutral-0-inverted: #262629;
7
7
  --color-static-neutral-0-inverted-hover: #2f2f32;
8
8
  --color-static-neutral-0-inverted-press: #353539;
9
+ --color-static-neutral-100-inverted: #1c1c1e;
9
10
  --color-static-neutral-300-inverted: #29292c;
10
- --color-static-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
11
11
  --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
12
12
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
13
13
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -76,11 +76,8 @@
76
76
  width: 100%;
77
77
  height: 100%;
78
78
  } .gallery__slideLoading_qvwfw {
79
- background-color: var(--color-static-neutral-translucent-100-inverted);
79
+ background-color: var(--color-static-neutral-100-inverted);
80
80
  border-radius: var(--border-radius-8);
81
- } .gallery__spinner_qvwfw {
82
- position: absolute;
83
- color: var(--color-static-neutral-translucent-1300-inverted);
84
81
  } .gallery__image_qvwfw {
85
82
  width: 0;
86
83
  height: 0;
@@ -124,8 +121,8 @@
124
121
  display: flex;
125
122
  justify-content: center;
126
123
  align-items: center;
127
- width: 100%;
128
- height: 100%;
124
+ width: 400px;
125
+ height: 300px;
129
126
  border-radius: var(--border-radius-8);
130
127
  background-color: var(--color-static-neutral-300-inverted);
131
128
  } .gallery__brokenImgWrapper_qvwfw {
package/gallery/components/image-viewer/single.js CHANGED
@@ -4,8 +4,9 @@ var React = require('react');
4
4
  var cn = require('classnames');
5
5
  var context = require('../../context.js');
6
6
  var utils_utils = require('../../utils/utils.js');
7
- var components_imageViewer_hooks = require('../../hooks-a35c1388.js');
7
+ var components_imageViewer_hooks = require('./hooks.js');
8
8
  var components_imageViewer_slide = require('./slide.js');
9
+ var index_module = require('../../index.module-0c364004.js');
9
10
 
10
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
11
12
 
@@ -16,7 +17,7 @@ var Single = function () {
16
17
  var _a;
17
18
  var _b;
18
19
  var _c = React.useContext(context.GalleryContext), fullScreen = _c.fullScreen, currentSlideIndex = _c.currentSlideIndex, getCurrentImage = _c.getCurrentImage, getCurrentImageMeta = _c.getCurrentImageMeta;
19
- var _d = components_imageViewer_hooks.useHandleImageViewer(), handleWrapperClick = _d.handleWrapperClick, isMobile = _d.isMobile;
20
+ var _d = components_imageViewer_hooks.useHandleImageViewer(), handleLoad = _d.handleLoad, handleLoadError = _d.handleLoadError, handleWrapperClick = _d.handleWrapperClick, isMobile = _d.isMobile;
20
21
  var wrapperRef = React.useRef(null);
21
22
  var currentImage = getCurrentImage();
22
23
  var currentImageMeta = getCurrentImageMeta();
@@ -29,11 +30,11 @@ var Single = function () {
29
30
  var wrapperAspectRatio = ((wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.width) || 1) / ((wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.height) || 1);
30
31
  return (
31
32
  /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
32
- React__default.default.createElement("div", { className: components_imageViewer_hooks.styles.component, onClick: handleWrapperClick }, fullScreen && !utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src) ? (React__default.default.createElement("img", { src: currentImage === null || currentImage === void 0 ? void 0 : currentImage.src, alt: currentImage ? utils_utils.getImageAlt(currentImage, currentSlideIndex) : '', className: components_imageViewer_hooks.styles.fullScreenImage })) : (React__default.default.createElement("div", { className: cn__default.default(components_imageViewer_hooks.styles.singleSlideContainer, (_a = {},
33
- _a[components_imageViewer_hooks.styles.mobile] = isMobile,
34
- _a[components_imageViewer_hooks.styles.mobileVideo] = isMobile && utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
33
+ React__default.default.createElement("div", { className: index_module.styles.component, onClick: handleWrapperClick }, fullScreen && !utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src) ? (React__default.default.createElement("img", { src: currentImage === null || currentImage === void 0 ? void 0 : currentImage.src, alt: currentImage ? utils_utils.getImageAlt(currentImage, currentSlideIndex) : '', className: index_module.styles.fullScreenImage })) : (React__default.default.createElement("div", { className: cn__default.default(index_module.styles.singleSlideContainer, (_a = {},
34
+ _a[index_module.styles.mobile] = isMobile,
35
+ _a[index_module.styles.mobileVideo] = isMobile && utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
35
36
  _a)), ref: wrapperRef },
36
- React__default.default.createElement(components_imageViewer_slide.Slide, { isActive: true, containerAspectRatio: wrapperAspectRatio, image: currentImage, containerHeight: (wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.height) || 0, meta: currentImageMeta, index: 0, imageAspectRatio: imageAspectRatio, slideVisible: true })))));
37
+ React__default.default.createElement(components_imageViewer_slide.Slide, { isActive: true, containerAspectRatio: wrapperAspectRatio, image: currentImage, containerHeight: (wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.height) || 0, meta: currentImageMeta, index: 0, imageAspectRatio: imageAspectRatio, slideVisible: true, handleLoad: handleLoad, handleLoadError: handleLoadError })))));
37
38
  };
38
39
 
39
40
  exports.Single = Single;
package/gallery/components/image-viewer/slide.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { FC } from 'react';
1
+ import { FC, SyntheticEvent } from 'react';
2
2
  import { GalleryImage, ImageMeta } from "../../types";
3
3
  type SlideProps = {
4
4
  isActive: boolean;
@@ -9,6 +9,8 @@ type SlideProps = {
9
9
  index: number;
10
10
  containerHeight: number;
11
11
  slideVisible: boolean;
12
+ handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
13
+ handleLoadError: (index: number) => void;
12
14
  };
13
15
  declare const Slide: FC<SlideProps>;
14
16
  export { Slide };
package/gallery/components/image-viewer/slide.js CHANGED
@@ -2,14 +2,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
2
2
 
3
3
  var React = require('react');
4
4
  var cn = require('classnames');
5
- var coreComponentsSpinner = require('../../../spinner');
6
5
  var coreComponentsTypography = require('../../../typography');
7
6
  var context = require('../../context.js');
8
7
  var utils_utils = require('../../utils/utils.js');
9
8
  var utils_constants = require('../../utils/constants.js');
10
- var components_imageViewer_hooks = require('../../hooks-a35c1388.js');
11
9
  var components_imageViewer_paths = require('./paths.js');
12
10
  var components_imageViewer_video_index = require('./video/index.js');
11
+ var index_module = require('../../index.module-0c364004.js');
13
12
 
14
13
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
15
14
 
@@ -18,9 +17,9 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
17
 
19
18
  var SlideInner = function (_a) {
20
19
  var _b;
21
- var children = _a.children, broken = _a.broken, loading = _a.loading, isVideoView = _a.isVideoView;
22
- var content = broken ? (React__default.default.createElement("div", { className: components_imageViewer_hooks.styles.brokenImgWrapper },
23
- React__default.default.createElement("div", { className: components_imageViewer_hooks.styles.brokenImgIcon },
20
+ var children = _a.children, broken = _a.broken, loading = _a.loading, withPlaceholder = _a.withPlaceholder, isVideoView = _a.isVideoView;
21
+ var content = broken ? (React__default.default.createElement("div", { className: index_module.styles.brokenImgWrapper },
22
+ React__default.default.createElement("div", { className: index_module.styles.brokenImgIcon },
24
23
  React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '80', viewBox: '0 0 80 80', fill: 'none' },
25
24
  React__default.default.createElement("rect", { width: '80', height: '80', fill: 'none' }),
26
25
  React__default.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: components_imageViewer_paths.NoImagePaths.baseImage, fill: '#89898A' }),
@@ -28,30 +27,27 @@ var SlideInner = function (_a) {
28
27
  React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-small', color: 'static-secondary-light' },
29
28
  "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C ",
30
29
  isVideoView ? 'видео' : 'изображение'))) : (children);
31
- return (React__default.default.createElement("div", { className: cn__default.default(components_imageViewer_hooks.styles.slide, (_b = {}, _b[components_imageViewer_hooks.styles.slideLoading] = loading, _b)) },
32
- broken ? React__default.default.createElement("div", { className: components_imageViewer_hooks.styles.placeholder }, content) : content,
33
- React__default.default.createElement(coreComponentsSpinner.Spinner, { className: components_imageViewer_hooks.styles.spinner, preset: 48, visible: loading })));
30
+ return (React__default.default.createElement("div", { className: cn__default.default(index_module.styles.slide, (_b = {}, _b[index_module.styles.slideLoading] = loading, _b)) }, withPlaceholder ? React__default.default.createElement("div", { className: index_module.styles.placeholder }, content) : content));
34
31
  };
35
32
  var Slide = function (_a) {
36
33
  var _b;
37
- var isActive = _a.isActive, meta = _a.meta, containerAspectRatio = _a.containerAspectRatio, imageAspectRatio = _a.imageAspectRatio, image = _a.image, index = _a.index, containerHeight = _a.containerHeight, slideVisible = _a.slideVisible;
34
+ var isActive = _a.isActive, meta = _a.meta, containerAspectRatio = _a.containerAspectRatio, imageAspectRatio = _a.imageAspectRatio, image = _a.image, index = _a.index, containerHeight = _a.containerHeight, slideVisible = _a.slideVisible, handleLoad = _a.handleLoad, handleLoadError = _a.handleLoadError;
38
35
  var view = React.useContext(context.GalleryContext).view;
39
- var _c = components_imageViewer_hooks.useHandleImageViewer(), handleLoad = _c.handleLoad, handleLoadError = _c.handleLoadError;
40
36
  var broken = Boolean(meta === null || meta === void 0 ? void 0 : meta.broken);
41
37
  var small = utils_utils.isSmallImage(meta);
42
38
  var verticalImageFit = !small && containerAspectRatio > imageAspectRatio;
43
39
  var horizontalImageFit = !small && containerAspectRatio <= imageAspectRatio;
44
40
  if (utils_utils.isVideo(image.src)) {
45
- return (React__default.default.createElement(SlideInner, { isVideoView: true, active: isActive, broken: broken, loading: !meta },
41
+ return (React__default.default.createElement(SlideInner, { isVideoView: true, active: isActive, broken: broken, withPlaceholder: broken, loading: !meta },
46
42
  React__default.default.createElement(components_imageViewer_video_index.Video, { url: image.src, index: index, isActive: isActive })));
47
43
  }
48
- return (React__default.default.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta },
44
+ return (React__default.default.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta, withPlaceholder: small || broken },
49
45
  React__default.default.createElement("img", { src: image.src, alt: utils_utils.getImageAlt(image, index), className: cn__default.default((_b = {},
50
- _b[components_imageViewer_hooks.styles.smallImage] = small,
51
- _b[components_imageViewer_hooks.styles.image] = !small && meta,
52
- _b[components_imageViewer_hooks.styles.mobile] = view === 'mobile',
53
- _b[components_imageViewer_hooks.styles.verticalImageFit] = verticalImageFit,
54
- _b[components_imageViewer_hooks.styles.horizontalImageFit] = horizontalImageFit,
46
+ _b[index_module.styles.smallImage] = small,
47
+ _b[index_module.styles.image] = !small && meta,
48
+ _b[index_module.styles.mobile] = view === 'mobile',
49
+ _b[index_module.styles.verticalImageFit] = verticalImageFit,
50
+ _b[index_module.styles.horizontalImageFit] = horizontalImageFit,
55
51
  _b)), onLoad: function (event) { return handleLoad(event, index); }, onError: function () { return handleLoadError(index); }, style: {
56
52
  maxHeight: "".concat(containerHeight, "px"),
57
53
  }, "data-test-id": slideVisible ? utils_constants.TestIds.ACTIVE_IMAGE : undefined })));
package/gallery/components/info-bar/Component.js CHANGED
@@ -39,7 +39,7 @@ var InfoBar = function () {
39
39
  }, [playingVideo, setPlayingVideo]);
40
40
  return utils_utils.isVideo(image === null || image === void 0 ? void 0 : image.src) ? (React__default.default.createElement("section", { className: styles.videoButtons },
41
41
  playingVideo ? (React__default.default.createElement(components_buttons_index.Pause, { onClick: handlePlayVideo, className: styles.center })) : (React__default.default.createElement(components_buttons_index.Play, { onClick: handlePlayVideo, className: styles.center })),
42
- mutedVideo ? (React__default.default.createElement(components_buttons_index.UnmuteVideo, { onClick: handleMuteVideo, className: styles.right })) : (React__default.default.createElement(components_buttons_index.MuteVideo, { onClick: handleMuteVideo, className: styles.right })))) : (React__default.default.createElement(coreComponentsTypography.Text, { className: styles.description, tag: 'div', view: 'component', color: 'static-primary-light' }, image === null || image === void 0 ? void 0 : image.name));
42
+ mutedVideo ? (React__default.default.createElement(components_buttons_index.UnmuteVideo, { onClick: handleMuteVideo, className: styles.right })) : (React__default.default.createElement(components_buttons_index.MuteVideo, { onClick: handleMuteVideo, className: styles.right })))) : (React__default.default.createElement(coreComponentsTypography.Text, { className: styles.description, tag: 'div', view: 'component', color: 'primary-inverted' }, image === null || image === void 0 ? void 0 : image.name));
43
43
  };
44
44
 
45
45
  exports.InfoBar = InfoBar;
package/gallery/cssm/components/buttons/index.js CHANGED
@@ -25,38 +25,38 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
25
25
  var Fullscreen = function (_a) {
26
26
  var buttonRef = _a.buttonRef, restProps = tslib.__rest(_a, ["buttonRef"]);
27
27
  return (React__default.default.createElement(desktop.TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u043C \u0440\u0435\u0436\u0438\u043C\u0435', fallbackPlacements: ['bottom-end'] },
28
- React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowsOutwardMIcon.ArrowsOutwardMIcon, "aria-label": '\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u043C \u0440\u0435\u0436\u0438\u043C\u0435', className: styles__default.default.iconButton }))));
28
+ React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowsOutwardMIcon.ArrowsOutwardMIcon, colors: 'inverted', "aria-label": '\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u043C \u0440\u0435\u0436\u0438\u043C\u0435', className: styles__default.default.iconButton }))));
29
29
  };
30
30
  var BackArrow = function (_a) {
31
31
  var buttonRef = _a.buttonRef, restProps = tslib.__rest(_a, ["buttonRef"]);
32
- return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowLeftMIcon.ArrowLeftMIcon, "aria-label": '\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430\u0437\u0430\u0434', className: styles__default.default.iconButton })));
32
+ return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowLeftMIcon.ArrowLeftMIcon, colors: 'inverted', "aria-label": '\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430\u0437\u0430\u0434', className: styles__default.default.iconButton })));
33
33
  };
34
34
  var Play = function (_a) {
35
35
  var buttonRef = _a.buttonRef, className = _a.className, restProps = tslib.__rest(_a, ["buttonRef", "className"]);
36
- return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: PlayCompactMIcon.PlayCompactMIcon, "aria-label": '\u041F\u0440\u043E\u0438\u0433\u0440\u0430\u0442\u044C \u0432\u0438\u0434\u0435\u043E', className: cn__default.default(styles__default.default.iconButton, className) })));
36
+ return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: PlayCompactMIcon.PlayCompactMIcon, colors: 'inverted', "aria-label": '\u041F\u0440\u043E\u0438\u0433\u0440\u0430\u0442\u044C \u0432\u0438\u0434\u0435\u043E', className: cn__default.default(styles__default.default.iconButton, className) })));
37
37
  };
38
38
  var Pause = function (_a) {
39
39
  var buttonRef = _a.buttonRef, className = _a.className, restProps = tslib.__rest(_a, ["buttonRef", "className"]);
40
- return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: PauseCompactMIcon.PauseCompactMIcon, "aria-label": '\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043F\u0430\u0443\u0437\u0443 \u043D\u0430 \u0432\u0438\u0434\u0435\u043E', className: cn__default.default(styles__default.default.iconButton, className) })));
40
+ return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: PauseCompactMIcon.PauseCompactMIcon, colors: 'inverted', "aria-label": '\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043F\u0430\u0443\u0437\u0443 \u043D\u0430 \u0432\u0438\u0434\u0435\u043E', className: cn__default.default(styles__default.default.iconButton, className) })));
41
41
  };
42
42
  var ExitFullscreen = function (_a) {
43
43
  var buttonRef = _a.buttonRef, restProps = tslib.__rest(_a, ["buttonRef"]);
44
44
  return (React__default.default.createElement(desktop.TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430', fallbackPlacements: ['bottom-end'] },
45
- React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowsInwardMIcon.ArrowsInwardMIcon, "aria-label": '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430', className: styles__default.default.iconButton }))));
45
+ React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowsInwardMIcon.ArrowsInwardMIcon, colors: 'inverted', "aria-label": '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430', className: styles__default.default.iconButton }))));
46
46
  };
47
47
  var MuteVideo = function (_a) {
48
48
  var buttonRef = _a.buttonRef, className = _a.className, restProps = tslib.__rest(_a, ["buttonRef", "className"]);
49
49
  return (React__default.default.createElement(desktop.TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u0412\u044B\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', fallbackPlacements: ['bottom-end'], targetClassName: className },
50
- React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: SoundMIcon.SoundMIcon, "aria-label": '\u0412\u044B\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', className: styles__default.default.iconButton }))));
50
+ React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: SoundMIcon.SoundMIcon, colors: 'inverted', "aria-label": '\u0412\u044B\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', className: styles__default.default.iconButton }))));
51
51
  };
52
52
  var UnmuteVideo = function (_a) {
53
53
  var buttonRef = _a.buttonRef, className = _a.className, restProps = tslib.__rest(_a, ["buttonRef", "className"]);
54
54
  return (React__default.default.createElement(desktop.TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u0412\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', fallbackPlacements: ['bottom-end'], targetClassName: className },
55
- React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: SoundCrossMIcon.SoundCrossMIcon, "aria-label": '\u0412\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', className: styles__default.default.iconButton }))));
55
+ React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: SoundCrossMIcon.SoundCrossMIcon, colors: 'inverted', "aria-label": '\u0412\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', className: styles__default.default.iconButton }))));
56
56
  };
57
57
  var Download = function (props) { return (React__default.default.createElement(desktop.TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u0421\u043A\u0430\u0447\u0430\u0442\u044C', fallbackPlacements: ['bottom-end'] },
58
- React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, props, { icon: PointerDownMIcon.PointerDownMIcon, "aria-label": '\u0421\u043A\u0430\u0447\u0430\u0442\u044C', className: styles__default.default.iconButton })))); };
59
- var Exit = function (props) { return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, props, { icon: CrossMIcon.CrossMIcon, "aria-label": '\u0417\u0430\u043A\u0440\u044B\u0442\u044C', className: styles__default.default.iconButton }))); };
58
+ React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, props, { icon: PointerDownMIcon.PointerDownMIcon, colors: 'inverted', "aria-label": '\u0421\u043A\u0430\u0447\u0430\u0442\u044C', className: styles__default.default.iconButton })))); };
59
+ var Exit = function (props) { return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, props, { icon: CrossMIcon.CrossMIcon, colors: 'inverted', "aria-label": '\u0417\u0430\u043A\u0440\u044B\u0442\u044C', className: styles__default.default.iconButton }))); };
60
60
 
61
61
  exports.BackArrow = BackArrow;
62
62
  exports.Download = Download;
package/gallery/cssm/components/buttons/index.module.css CHANGED
@@ -1,6 +1,5 @@
1
1
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
2
  } /* deprecated */ :root {
3
- --color-static-neutral-100: #f2f3f5;
4
3
  --color-static-neutral-100-hover: #e7e8eb;
5
4
  --color-static-neutral-100-press: #dcdde1;
6
5
  --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,9 +27,7 @@
28
27
  padding-left: var(--gap-32)
29
28
  } .buttons path {
30
29
  color: var(--color-static-neutral-translucent-1300-inverted);
31
- } .iconButton path {
32
- color: var(--color-static-neutral-100);
33
- } .iconButton:hover path {
30
+ } /* TODO: применять static цвет через prop IconButton'а */ .iconButton:hover path {
34
31
  color: var(--color-static-neutral-100-hover);
35
32
  } .iconButton:active path {
36
33
  color: var(--color-static-neutral-100-press);
package/gallery/cssm/components/image-preview/index.module.css CHANGED
@@ -49,7 +49,7 @@
49
49
  -webkit-user-select: none;
50
50
  user-select: none
51
51
  } .preview.mobile {
52
- width: 46px;
52
+ width: 36px;
53
53
  height: 46px;
54
54
  border-radius: var(--border-radius-8);
55
55
  } .image {
package/gallery/cssm/components/image-viewer/component.js CHANGED
@@ -27,7 +27,7 @@ SwiperCore__default.default.use([SwiperCore.EffectFade, SwiperCore.A11y, SwiperC
27
27
  var ImageViewer = function () {
28
28
  var _a, _b, _c;
29
29
  var _d = React.useContext(context.GalleryContext), images = _d.images, imagesMeta = _d.imagesMeta, fullScreen = _d.fullScreen, currentSlideIndex = _d.currentSlideIndex, initialSlide = _d.initialSlide, setCurrentSlideIndex = _d.setCurrentSlideIndex, getSwiper = _d.getSwiper, setSwiper = _d.setSwiper, slidePrev = _d.slidePrev, slideNext = _d.slideNext, getCurrentImage = _d.getCurrentImage;
30
- var _e = components_imageViewer_hooks.useHandleImageViewer(), handleWrapperClick = _e.handleWrapperClick, isMobile = _e.isMobile, rightArrowRef = _e.rightArrowRef, leftArrowRef = _e.leftArrowRef;
30
+ var _e = components_imageViewer_hooks.useHandleImageViewer(), handleLoad = _e.handleLoad, handleLoadError = _e.handleLoadError, handleWrapperClick = _e.handleWrapperClick, isMobile = _e.isMobile, rightArrowRef = _e.rightArrowRef, leftArrowRef = _e.leftArrowRef;
31
31
  var leftArrowFocused = hooks.useFocus(leftArrowRef, 'keyboard')[0];
32
32
  var rightArrowFocused = hooks.useFocus(rightArrowRef, 'keyboard')[0];
33
33
  var swiper = getSwiper();
@@ -111,7 +111,7 @@ var ImageViewer = function () {
111
111
  transitionProperty: 'opacity',
112
112
  } }, function (_a) {
113
113
  var isActive = _a.isActive;
114
- return (React__default.default.createElement(components_imageViewer_slide.Slide, { isActive: isActive, containerAspectRatio: swiperAspectRatio, image: image, containerHeight: swiperHeight, meta: meta, index: index, imageAspectRatio: imageAspectRatio, slideVisible: slideVisible }));
114
+ return (React__default.default.createElement(components_imageViewer_slide.Slide, { isActive: isActive, containerAspectRatio: swiperAspectRatio, image: image, containerHeight: swiperHeight, meta: meta, index: index, imageAspectRatio: imageAspectRatio, slideVisible: slideVisible, handleLoad: handleLoad, handleLoadError: handleLoadError }));
115
115
  }));
116
116
  })),
117
117
  showControls && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.arrow, (_c = {},
package/gallery/cssm/components/image-viewer/index.module.css CHANGED
@@ -5,8 +5,8 @@
5
5
  --color-static-neutral-0-inverted: #262629;
6
6
  --color-static-neutral-0-inverted-hover: #2f2f32;
7
7
  --color-static-neutral-0-inverted-press: #353539;
8
+ --color-static-neutral-100-inverted: #1c1c1e;
8
9
  --color-static-neutral-300-inverted: #29292c;
9
- --color-static-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
10
10
  --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
11
11
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
12
12
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -75,11 +75,8 @@
75
75
  width: 100%;
76
76
  height: 100%;
77
77
  } .slideLoading {
78
- background-color: var(--color-static-neutral-translucent-100-inverted);
78
+ background-color: var(--color-static-neutral-100-inverted);
79
79
  border-radius: var(--border-radius-8);
80
- } .spinner {
81
- position: absolute;
82
- color: var(--color-static-neutral-translucent-1300-inverted);
83
80
  } .image {
84
81
  width: 0;
85
82
  height: 0;
@@ -123,8 +120,8 @@
123
120
  display: flex;
124
121
  justify-content: center;
125
122
  align-items: center;
126
- width: 100%;
127
- height: 100%;
123
+ width: 400px;
124
+ height: 300px;
128
125
  border-radius: var(--border-radius-8);
129
126
  background-color: var(--color-static-neutral-300-inverted);
130
127
  } .brokenImgWrapper {
package/gallery/cssm/components/image-viewer/single.js CHANGED
@@ -18,7 +18,7 @@ var Single = function () {
18
18
  var _a;
19
19
  var _b;
20
20
  var _c = React.useContext(context.GalleryContext), fullScreen = _c.fullScreen, currentSlideIndex = _c.currentSlideIndex, getCurrentImage = _c.getCurrentImage, getCurrentImageMeta = _c.getCurrentImageMeta;
21
- var _d = components_imageViewer_hooks.useHandleImageViewer(), handleWrapperClick = _d.handleWrapperClick, isMobile = _d.isMobile;
21
+ var _d = components_imageViewer_hooks.useHandleImageViewer(), handleLoad = _d.handleLoad, handleLoadError = _d.handleLoadError, handleWrapperClick = _d.handleWrapperClick, isMobile = _d.isMobile;
22
22
  var wrapperRef = React.useRef(null);
23
23
  var currentImage = getCurrentImage();
24
24
  var currentImageMeta = getCurrentImageMeta();
@@ -35,7 +35,7 @@ var Single = function () {
35
35
  _a[styles__default.default.mobile] = isMobile,
36
36
  _a[styles__default.default.mobileVideo] = isMobile && utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
37
37
  _a)), ref: wrapperRef },
38
- React__default.default.createElement(components_imageViewer_slide.Slide, { isActive: true, containerAspectRatio: wrapperAspectRatio, image: currentImage, containerHeight: (wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.height) || 0, meta: currentImageMeta, index: 0, imageAspectRatio: imageAspectRatio, slideVisible: true })))));
38
+ React__default.default.createElement(components_imageViewer_slide.Slide, { isActive: true, containerAspectRatio: wrapperAspectRatio, image: currentImage, containerHeight: (wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.height) || 0, meta: currentImageMeta, index: 0, imageAspectRatio: imageAspectRatio, slideVisible: true, handleLoad: handleLoad, handleLoadError: handleLoadError })))));
39
39
  };
40
40
 
41
41
  exports.Single = Single;
package/gallery/cssm/components/image-viewer/slide.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { FC } from 'react';
1
+ import { FC, SyntheticEvent } from 'react';
2
2
  import { GalleryImage, ImageMeta } from "../../types";
3
3
  type SlideProps = {
4
4
  isActive: boolean;
@@ -9,6 +9,8 @@ type SlideProps = {
9
9
  index: number;
10
10
  containerHeight: number;
11
11
  slideVisible: boolean;
12
+ handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
13
+ handleLoadError: (index: number) => void;
12
14
  };
13
15
  declare const Slide: FC<SlideProps>;
14
16
  export { Slide };
package/gallery/cssm/components/image-viewer/slide.js CHANGED
@@ -2,12 +2,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
2
2
 
3
3
  var React = require('react');
4
4
  var cn = require('classnames');
5
- var coreComponentsSpinner = require('../../../../spinner/cssm');
6
5
  var coreComponentsTypography = require('../../../../typography/cssm');
7
6
  var context = require('../../context.js');
8
7
  var utils_utils = require('../../utils/utils.js');
9
8
  var utils_constants = require('../../utils/constants.js');
10
- var components_imageViewer_hooks = require('./hooks.js');
11
9
  var components_imageViewer_paths = require('./paths.js');
12
10
  var components_imageViewer_video_index = require('./video/index.js');
13
11
  var styles = require('./index.module.css');
@@ -20,7 +18,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
20
18
 
21
19
  var SlideInner = function (_a) {
22
20
  var _b;
23
- var children = _a.children, broken = _a.broken, loading = _a.loading, isVideoView = _a.isVideoView;
21
+ var children = _a.children, broken = _a.broken, loading = _a.loading, withPlaceholder = _a.withPlaceholder, isVideoView = _a.isVideoView;
24
22
  var content = broken ? (React__default.default.createElement("div", { className: styles__default.default.brokenImgWrapper },
25
23
  React__default.default.createElement("div", { className: styles__default.default.brokenImgIcon },
26
24
  React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '80', viewBox: '0 0 80 80', fill: 'none' },
@@ -30,24 +28,21 @@ var SlideInner = function (_a) {
30
28
  React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-small', color: 'static-secondary-light' },
31
29
  "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C ",
32
30
  isVideoView ? 'видео' : 'изображение'))) : (children);
33
- return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.slide, (_b = {}, _b[styles__default.default.slideLoading] = loading, _b)) },
34
- broken ? React__default.default.createElement("div", { className: styles__default.default.placeholder }, content) : content,
35
- React__default.default.createElement(coreComponentsSpinner.Spinner, { className: styles__default.default.spinner, preset: 48, visible: loading })));
31
+ return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.slide, (_b = {}, _b[styles__default.default.slideLoading] = loading, _b)) }, withPlaceholder ? React__default.default.createElement("div", { className: styles__default.default.placeholder }, content) : content));
36
32
  };
37
33
  var Slide = function (_a) {
38
34
  var _b;
39
- var isActive = _a.isActive, meta = _a.meta, containerAspectRatio = _a.containerAspectRatio, imageAspectRatio = _a.imageAspectRatio, image = _a.image, index = _a.index, containerHeight = _a.containerHeight, slideVisible = _a.slideVisible;
35
+ var isActive = _a.isActive, meta = _a.meta, containerAspectRatio = _a.containerAspectRatio, imageAspectRatio = _a.imageAspectRatio, image = _a.image, index = _a.index, containerHeight = _a.containerHeight, slideVisible = _a.slideVisible, handleLoad = _a.handleLoad, handleLoadError = _a.handleLoadError;
40
36
  var view = React.useContext(context.GalleryContext).view;
41
- var _c = components_imageViewer_hooks.useHandleImageViewer(), handleLoad = _c.handleLoad, handleLoadError = _c.handleLoadError;
42
37
  var broken = Boolean(meta === null || meta === void 0 ? void 0 : meta.broken);
43
38
  var small = utils_utils.isSmallImage(meta);
44
39
  var verticalImageFit = !small && containerAspectRatio > imageAspectRatio;
45
40
  var horizontalImageFit = !small && containerAspectRatio <= imageAspectRatio;
46
41
  if (utils_utils.isVideo(image.src)) {
47
- return (React__default.default.createElement(SlideInner, { isVideoView: true, active: isActive, broken: broken, loading: !meta },
42
+ return (React__default.default.createElement(SlideInner, { isVideoView: true, active: isActive, broken: broken, withPlaceholder: broken, loading: !meta },
48
43
  React__default.default.createElement(components_imageViewer_video_index.Video, { url: image.src, index: index, isActive: isActive })));
49
44
  }
50
- return (React__default.default.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta },
45
+ return (React__default.default.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta, withPlaceholder: small || broken },
51
46
  React__default.default.createElement("img", { src: image.src, alt: utils_utils.getImageAlt(image, index), className: cn__default.default((_b = {},
52
47
  _b[styles__default.default.smallImage] = small,
53
48
  _b[styles__default.default.image] = !small && meta,
package/gallery/cssm/components/info-bar/Component.js CHANGED
@@ -38,7 +38,7 @@ var InfoBar = function () {
38
38
  }, [playingVideo, setPlayingVideo]);
39
39
  return utils_utils.isVideo(image === null || image === void 0 ? void 0 : image.src) ? (React__default.default.createElement("section", { className: styles__default.default.videoButtons },
40
40
  playingVideo ? (React__default.default.createElement(components_buttons_index.Pause, { onClick: handlePlayVideo, className: styles__default.default.center })) : (React__default.default.createElement(components_buttons_index.Play, { onClick: handlePlayVideo, className: styles__default.default.center })),
41
- mutedVideo ? (React__default.default.createElement(components_buttons_index.UnmuteVideo, { onClick: handleMuteVideo, className: styles__default.default.right })) : (React__default.default.createElement(components_buttons_index.MuteVideo, { onClick: handleMuteVideo, className: styles__default.default.right })))) : (React__default.default.createElement(coreComponentsTypography.Text, { className: styles__default.default.description, tag: 'div', view: 'component', color: 'static-primary-light' }, image === null || image === void 0 ? void 0 : image.name));
41
+ mutedVideo ? (React__default.default.createElement(components_buttons_index.UnmuteVideo, { onClick: handleMuteVideo, className: styles__default.default.right })) : (React__default.default.createElement(components_buttons_index.MuteVideo, { onClick: handleMuteVideo, className: styles__default.default.right })))) : (React__default.default.createElement(coreComponentsTypography.Text, { className: styles__default.default.description, tag: 'div', view: 'component', color: 'primary-inverted' }, image === null || image === void 0 ? void 0 : image.name));
42
42
  };
43
43
 
44
44
  exports.InfoBar = InfoBar;
package/gallery/cssm/utils/constants.d.ts CHANGED
@@ -10,7 +10,7 @@ declare const TestIds: {
10
10
  MUTE_BUTTON: string;
11
11
  UNMUTE_BUTTON: string;
12
12
  };
13
- declare const PREVIEW_WIDTH_MOBILE = 46;
13
+ declare const PREVIEW_WIDTH_MOBILE = 36;
14
14
  declare const PREVIEW_HEIGHT_MOBILE = 46;
15
15
  declare const PREVIEW_WIDTH_DESKTOP = 56;
16
16
  declare const PREVIEW_HEIGHT_DESKTOP = 56;
package/gallery/cssm/utils/constants.js CHANGED
@@ -12,7 +12,7 @@ var TestIds = {
12
12
  MUTE_BUTTON: 'mute-button',
13
13
  UNMUTE_BUTTON: 'unmute-button',
14
14
  };
15
- var PREVIEW_WIDTH_MOBILE = 46;
15
+ var PREVIEW_WIDTH_MOBILE = 36;
16
16
  var PREVIEW_HEIGHT_MOBILE = 46;
17
17
  var PREVIEW_WIDTH_DESKTOP = 56;
18
18
  var PREVIEW_HEIGHT_DESKTOP = 56;
package/gallery/esm/Component.js CHANGED
@@ -11,10 +11,10 @@ import { ImageViewer } from './components/image-viewer/component.js';
11
11
  import { InfoBar } from './components/info-bar/Component.js';
12
12
  import { HeaderMobile } from './components/header-mobile/Component.js';
13
13
  import './utils/utils.js';
14
- import './hooks-c438ee1a.js';
14
+ import './components/image-viewer/hooks.js';
15
15
  import 'element-closest';
16
+ import './index.module-adb20276.js';
16
17
  import './components/image-viewer/slide.js';
17
- import '../../spinner/esm';
18
18
  import '../../typography/esm';
19
19
  import './utils/constants.js';
20
20
  import './components/image-viewer/paths.js';