@multiplatform.one/components 6.4.2 → 6.6.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 (421) hide show
  1. package/dist/cjs/Alert/index.native.js.map +1 -1
  2. package/dist/cjs/Avatar/index.cjs +4 -0
  3. package/dist/cjs/Avatar/index.native.js +4 -0
  4. package/dist/cjs/Avatar/index.native.js.map +1 -1
  5. package/dist/cjs/Badge/index.cjs +3 -0
  6. package/dist/cjs/Badge/index.native.js +3 -0
  7. package/dist/cjs/Badge/index.native.js.map +1 -1
  8. package/dist/cjs/Carousel/index.cjs +29 -16
  9. package/dist/cjs/Carousel/index.native.js +35 -18
  10. package/dist/cjs/Carousel/index.native.js.map +1 -1
  11. package/dist/cjs/DotIndicator/index.cjs +95 -36
  12. package/dist/cjs/DotIndicator/index.native.js +96 -36
  13. package/dist/cjs/DotIndicator/index.native.js.map +1 -1
  14. package/dist/cjs/Pagination.cjs +112 -163
  15. package/dist/cjs/Pagination.native.js +125 -176
  16. package/dist/cjs/Pagination.native.js.map +1 -1
  17. package/dist/cjs/ProgressSteps/index.cjs +5 -3
  18. package/dist/cjs/ProgressSteps/index.native.js +5 -3
  19. package/dist/cjs/ProgressSteps/index.native.js.map +1 -1
  20. package/dist/cjs/Wheel/index.cjs +1 -1
  21. package/dist/cjs/Wheel/index.native.js +1 -1
  22. package/dist/cjs/Wheel/index.native.js.map +1 -1
  23. package/dist/cjs/charts/Axis.cjs +1 -1
  24. package/dist/cjs/charts/Axis.native.js +1 -1
  25. package/dist/cjs/charts/Axis.native.js.map +1 -1
  26. package/dist/cjs/charts/BarChart.cjs +1 -1
  27. package/dist/cjs/charts/BarChart.native.js +1 -3
  28. package/dist/cjs/charts/BarChart.native.js.map +1 -1
  29. package/dist/cjs/charts/LineChart.cjs +1 -1
  30. package/dist/cjs/charts/LineChart.native.js +1 -3
  31. package/dist/cjs/charts/LineChart.native.js.map +1 -1
  32. package/dist/cjs/charts/PieChart.cjs +3 -2
  33. package/dist/cjs/charts/PieChart.native.js +9 -5
  34. package/dist/cjs/charts/PieChart.native.js.map +1 -1
  35. package/dist/cjs/charts/accessibility.native.js.map +1 -1
  36. package/dist/cjs/charts/index.cjs +1 -0
  37. package/dist/cjs/charts/index.native.js +1 -0
  38. package/dist/cjs/charts/index.native.js.map +1 -1
  39. package/dist/cjs/charts/math.cjs +6 -1
  40. package/dist/cjs/charts/math.native.js +6 -1
  41. package/dist/cjs/charts/math.native.js.map +1 -1
  42. package/dist/cjs/componentColors.cjs +11 -3
  43. package/dist/cjs/componentColors.native.js +11 -3
  44. package/dist/cjs/componentColors.native.js.map +1 -1
  45. package/dist/cjs/feedback/ConfirmDialog.cjs +1 -3
  46. package/dist/cjs/feedback/ConfirmDialog.native.js +1 -3
  47. package/dist/cjs/feedback/ConfirmDialog.native.js.map +1 -1
  48. package/dist/cjs/index.cjs +1 -0
  49. package/dist/cjs/index.native.js +1 -0
  50. package/dist/cjs/index.native.js.map +1 -1
  51. package/dist/cjs/layouts/ViewSwitcher.cjs +19 -0
  52. package/dist/cjs/layouts/ViewSwitcher.native.js +33 -0
  53. package/dist/cjs/layouts/ViewSwitcher.native.js.map +1 -1
  54. package/dist/cjs/layouts/attachments.cjs +4 -8
  55. package/dist/cjs/layouts/attachments.native.js +5 -8
  56. package/dist/cjs/layouts/attachments.native.js.map +1 -1
  57. package/dist/cjs/layouts/page.cjs +3 -4
  58. package/dist/cjs/layouts/page.native.js +6 -5
  59. package/dist/cjs/layouts/page.native.js.map +1 -1
  60. package/dist/cjs/layouts/tags.cjs +1 -0
  61. package/dist/cjs/layouts/tags.native.js +2 -0
  62. package/dist/cjs/layouts/tags.native.js.map +1 -1
  63. package/dist/cjs/layouts/timeline.cjs +0 -6
  64. package/dist/cjs/layouts/timeline.native.js +0 -6
  65. package/dist/cjs/layouts/timeline.native.js.map +1 -1
  66. package/dist/cjs/surfaces.cjs +21 -0
  67. package/dist/cjs/surfaces.native.js +22 -0
  68. package/dist/cjs/surfaces.native.js.map +1 -1
  69. package/dist/cjs/views/Calendar.cjs +15 -38
  70. package/dist/cjs/views/Calendar.native.js +21 -44
  71. package/dist/cjs/views/Calendar.native.js.map +1 -1
  72. package/dist/cjs/views/Dashboard.cjs +10 -10
  73. package/dist/cjs/views/Dashboard.native.js +12 -10
  74. package/dist/cjs/views/Dashboard.native.js.map +1 -1
  75. package/dist/cjs/views/Kanban.cjs +22 -13
  76. package/dist/cjs/views/Kanban.native.js +1 -0
  77. package/dist/cjs/views/Kanban.native.js.map +1 -1
  78. package/dist/cjs/views/ReportBuilder.cjs +29 -11
  79. package/dist/cjs/views/ReportBuilder.native.js +29 -11
  80. package/dist/cjs/views/ReportBuilder.native.js.map +1 -1
  81. package/dist/cjs/views/TreeView.cjs +1 -1
  82. package/dist/cjs/views/TreeView.native.js +1 -1
  83. package/dist/cjs/views/TreeView.native.js.map +1 -1
  84. package/dist/cjs/views/calendarMath.cjs +3 -9
  85. package/dist/cjs/views/calendarMath.native.js +3 -9
  86. package/dist/cjs/views/calendarMath.native.js.map +1 -1
  87. package/dist/cjs/views/ganttMath.cjs +14 -19
  88. package/dist/cjs/views/ganttMath.native.js +21 -20
  89. package/dist/cjs/views/ganttMath.native.js.map +1 -1
  90. package/dist/esm/Accordion/index.mjs.map +1 -1
  91. package/dist/esm/Alert/index.mjs.map +1 -1
  92. package/dist/esm/Alert/index.native.js.map +1 -1
  93. package/dist/esm/Avatar/index.mjs +5 -1
  94. package/dist/esm/Avatar/index.mjs.map +1 -1
  95. package/dist/esm/Avatar/index.native.js +5 -1
  96. package/dist/esm/Avatar/index.native.js.map +1 -1
  97. package/dist/esm/Badge/index.mjs +4 -1
  98. package/dist/esm/Badge/index.mjs.map +1 -1
  99. package/dist/esm/Badge/index.native.js +4 -1
  100. package/dist/esm/Badge/index.native.js.map +1 -1
  101. package/dist/esm/Carousel/index.mjs +29 -16
  102. package/dist/esm/Carousel/index.mjs.map +1 -1
  103. package/dist/esm/Carousel/index.native.js +35 -18
  104. package/dist/esm/Carousel/index.native.js.map +1 -1
  105. package/dist/esm/DotIndicator/index.mjs +96 -37
  106. package/dist/esm/DotIndicator/index.mjs.map +1 -1
  107. package/dist/esm/DotIndicator/index.native.js +97 -37
  108. package/dist/esm/DotIndicator/index.native.js.map +1 -1
  109. package/dist/esm/DropdownMenu/index.mjs.map +1 -1
  110. package/dist/esm/DropdownMenu/index.native.js.map +1 -1
  111. package/dist/esm/Pagination.mjs +113 -164
  112. package/dist/esm/Pagination.mjs.map +1 -1
  113. package/dist/esm/Pagination.native.js +126 -177
  114. package/dist/esm/Pagination.native.js.map +1 -1
  115. package/dist/esm/ProgressSteps/index.mjs +6 -4
  116. package/dist/esm/ProgressSteps/index.mjs.map +1 -1
  117. package/dist/esm/ProgressSteps/index.native.js +6 -4
  118. package/dist/esm/ProgressSteps/index.native.js.map +1 -1
  119. package/dist/esm/Wheel/index.mjs +1 -1
  120. package/dist/esm/Wheel/index.mjs.map +1 -1
  121. package/dist/esm/Wheel/index.native.js +1 -1
  122. package/dist/esm/Wheel/index.native.js.map +1 -1
  123. package/dist/esm/charts/Axis.mjs +2 -2
  124. package/dist/esm/charts/Axis.mjs.map +1 -1
  125. package/dist/esm/charts/Axis.native.js +2 -2
  126. package/dist/esm/charts/Axis.native.js.map +1 -1
  127. package/dist/esm/charts/BarChart.mjs +2 -2
  128. package/dist/esm/charts/BarChart.mjs.map +1 -1
  129. package/dist/esm/charts/BarChart.native.js +2 -4
  130. package/dist/esm/charts/BarChart.native.js.map +1 -1
  131. package/dist/esm/charts/LineChart.mjs +2 -2
  132. package/dist/esm/charts/LineChart.mjs.map +1 -1
  133. package/dist/esm/charts/LineChart.native.js +2 -4
  134. package/dist/esm/charts/LineChart.native.js.map +1 -1
  135. package/dist/esm/charts/PieChart.mjs +3 -2
  136. package/dist/esm/charts/PieChart.mjs.map +1 -1
  137. package/dist/esm/charts/PieChart.native.js +9 -5
  138. package/dist/esm/charts/PieChart.native.js.map +1 -1
  139. package/dist/esm/charts/accessibility.mjs.map +1 -1
  140. package/dist/esm/charts/accessibility.native.js.map +1 -1
  141. package/dist/esm/charts/index.mjs +2 -2
  142. package/dist/esm/charts/index.mjs.map +1 -1
  143. package/dist/esm/charts/index.native.js +2 -2
  144. package/dist/esm/charts/index.native.js.map +1 -1
  145. package/dist/esm/charts/math.mjs +6 -2
  146. package/dist/esm/charts/math.mjs.map +1 -1
  147. package/dist/esm/charts/math.native.js +6 -2
  148. package/dist/esm/charts/math.native.js.map +1 -1
  149. package/dist/esm/componentColors.mjs +11 -3
  150. package/dist/esm/componentColors.mjs.map +1 -1
  151. package/dist/esm/componentColors.native.js +11 -3
  152. package/dist/esm/componentColors.native.js.map +1 -1
  153. package/dist/esm/feedback/ConfirmDialog.mjs +2 -4
  154. package/dist/esm/feedback/ConfirmDialog.mjs.map +1 -1
  155. package/dist/esm/feedback/ConfirmDialog.native.js +2 -4
  156. package/dist/esm/feedback/ConfirmDialog.native.js.map +1 -1
  157. package/dist/esm/index.mjs +2 -2
  158. package/dist/esm/index.mjs.map +1 -1
  159. package/dist/esm/index.native.js +2 -2
  160. package/dist/esm/index.native.js.map +1 -1
  161. package/dist/esm/layouts/ViewSwitcher.mjs +20 -1
  162. package/dist/esm/layouts/ViewSwitcher.mjs.map +1 -1
  163. package/dist/esm/layouts/ViewSwitcher.native.js +34 -1
  164. package/dist/esm/layouts/ViewSwitcher.native.js.map +1 -1
  165. package/dist/esm/layouts/attachments.mjs +4 -8
  166. package/dist/esm/layouts/attachments.mjs.map +1 -1
  167. package/dist/esm/layouts/attachments.native.js +5 -8
  168. package/dist/esm/layouts/attachments.native.js.map +1 -1
  169. package/dist/esm/layouts/page.mjs +4 -5
  170. package/dist/esm/layouts/page.mjs.map +1 -1
  171. package/dist/esm/layouts/page.native.js +7 -6
  172. package/dist/esm/layouts/page.native.js.map +1 -1
  173. package/dist/esm/layouts/tags.mjs +1 -0
  174. package/dist/esm/layouts/tags.mjs.map +1 -1
  175. package/dist/esm/layouts/tags.native.js +2 -0
  176. package/dist/esm/layouts/tags.native.js.map +1 -1
  177. package/dist/esm/layouts/timeline.mjs +0 -6
  178. package/dist/esm/layouts/timeline.mjs.map +1 -1
  179. package/dist/esm/layouts/timeline.native.js +0 -6
  180. package/dist/esm/layouts/timeline.native.js.map +1 -1
  181. package/dist/esm/surfaces.mjs +21 -1
  182. package/dist/esm/surfaces.mjs.map +1 -1
  183. package/dist/esm/surfaces.native.js +22 -1
  184. package/dist/esm/surfaces.native.js.map +1 -1
  185. package/dist/esm/views/Calendar.mjs +6 -29
  186. package/dist/esm/views/Calendar.mjs.map +1 -1
  187. package/dist/esm/views/Calendar.native.js +12 -35
  188. package/dist/esm/views/Calendar.native.js.map +1 -1
  189. package/dist/esm/views/Dashboard.mjs +12 -12
  190. package/dist/esm/views/Dashboard.mjs.map +1 -1
  191. package/dist/esm/views/Dashboard.native.js +14 -12
  192. package/dist/esm/views/Dashboard.native.js.map +1 -1
  193. package/dist/esm/views/Kanban.mjs +23 -14
  194. package/dist/esm/views/Kanban.mjs.map +1 -1
  195. package/dist/esm/views/Kanban.native.js +2 -1
  196. package/dist/esm/views/Kanban.native.js.map +1 -1
  197. package/dist/esm/views/ReportBuilder.mjs +30 -12
  198. package/dist/esm/views/ReportBuilder.mjs.map +1 -1
  199. package/dist/esm/views/ReportBuilder.native.js +30 -12
  200. package/dist/esm/views/ReportBuilder.native.js.map +1 -1
  201. package/dist/esm/views/TreeView.mjs +1 -1
  202. package/dist/esm/views/TreeView.mjs.map +1 -1
  203. package/dist/esm/views/TreeView.native.js +1 -1
  204. package/dist/esm/views/TreeView.native.js.map +1 -1
  205. package/dist/esm/views/calendarMath.mjs +3 -9
  206. package/dist/esm/views/calendarMath.mjs.map +1 -1
  207. package/dist/esm/views/calendarMath.native.js +3 -9
  208. package/dist/esm/views/calendarMath.native.js.map +1 -1
  209. package/dist/esm/views/ganttMath.mjs +14 -19
  210. package/dist/esm/views/ganttMath.mjs.map +1 -1
  211. package/dist/esm/views/ganttMath.native.js +21 -20
  212. package/dist/esm/views/ganttMath.native.js.map +1 -1
  213. package/dist/esm/views/kanbanDnd.mjs.map +1 -1
  214. package/dist/jsx/Accordion/index.mjs.map +1 -1
  215. package/dist/jsx/Alert/index.mjs.map +1 -1
  216. package/dist/jsx/Alert/index.native.js.map +1 -1
  217. package/dist/jsx/Avatar/index.mjs +5 -1
  218. package/dist/jsx/Avatar/index.mjs.map +1 -1
  219. package/dist/jsx/Avatar/index.native.js +4 -0
  220. package/dist/jsx/Avatar/index.native.js.map +1 -1
  221. package/dist/jsx/Badge/index.mjs +4 -1
  222. package/dist/jsx/Badge/index.mjs.map +1 -1
  223. package/dist/jsx/Badge/index.native.js +3 -0
  224. package/dist/jsx/Badge/index.native.js.map +1 -1
  225. package/dist/jsx/Carousel/index.mjs +29 -16
  226. package/dist/jsx/Carousel/index.mjs.map +1 -1
  227. package/dist/jsx/Carousel/index.native.js +35 -18
  228. package/dist/jsx/Carousel/index.native.js.map +1 -1
  229. package/dist/jsx/DotIndicator/index.mjs +96 -37
  230. package/dist/jsx/DotIndicator/index.mjs.map +1 -1
  231. package/dist/jsx/DotIndicator/index.native.js +96 -36
  232. package/dist/jsx/DotIndicator/index.native.js.map +1 -1
  233. package/dist/jsx/DropdownMenu/index.mjs.map +1 -1
  234. package/dist/jsx/Pagination.mjs +113 -164
  235. package/dist/jsx/Pagination.mjs.map +1 -1
  236. package/dist/jsx/Pagination.native.js +125 -176
  237. package/dist/jsx/Pagination.native.js.map +1 -1
  238. package/dist/jsx/ProgressSteps/index.mjs +6 -4
  239. package/dist/jsx/ProgressSteps/index.mjs.map +1 -1
  240. package/dist/jsx/ProgressSteps/index.native.js +5 -3
  241. package/dist/jsx/ProgressSteps/index.native.js.map +1 -1
  242. package/dist/jsx/Wheel/index.mjs +1 -1
  243. package/dist/jsx/Wheel/index.mjs.map +1 -1
  244. package/dist/jsx/Wheel/index.native.js +1 -1
  245. package/dist/jsx/Wheel/index.native.js.map +1 -1
  246. package/dist/jsx/charts/Axis.mjs +2 -2
  247. package/dist/jsx/charts/Axis.mjs.map +1 -1
  248. package/dist/jsx/charts/Axis.native.js +1 -1
  249. package/dist/jsx/charts/Axis.native.js.map +1 -1
  250. package/dist/jsx/charts/BarChart.mjs +2 -2
  251. package/dist/jsx/charts/BarChart.mjs.map +1 -1
  252. package/dist/jsx/charts/BarChart.native.js +1 -3
  253. package/dist/jsx/charts/BarChart.native.js.map +1 -1
  254. package/dist/jsx/charts/LineChart.mjs +2 -2
  255. package/dist/jsx/charts/LineChart.mjs.map +1 -1
  256. package/dist/jsx/charts/LineChart.native.js +1 -3
  257. package/dist/jsx/charts/LineChart.native.js.map +1 -1
  258. package/dist/jsx/charts/PieChart.mjs +3 -2
  259. package/dist/jsx/charts/PieChart.mjs.map +1 -1
  260. package/dist/jsx/charts/PieChart.native.js +9 -5
  261. package/dist/jsx/charts/PieChart.native.js.map +1 -1
  262. package/dist/jsx/charts/accessibility.mjs.map +1 -1
  263. package/dist/jsx/charts/accessibility.native.js.map +1 -1
  264. package/dist/jsx/charts/index.mjs +2 -2
  265. package/dist/jsx/charts/index.mjs.map +1 -1
  266. package/dist/jsx/charts/index.native.js +1 -0
  267. package/dist/jsx/charts/index.native.js.map +1 -1
  268. package/dist/jsx/charts/math.mjs +6 -2
  269. package/dist/jsx/charts/math.mjs.map +1 -1
  270. package/dist/jsx/charts/math.native.js +6 -1
  271. package/dist/jsx/charts/math.native.js.map +1 -1
  272. package/dist/jsx/componentColors.mjs +11 -3
  273. package/dist/jsx/componentColors.mjs.map +1 -1
  274. package/dist/jsx/componentColors.native.js +11 -3
  275. package/dist/jsx/componentColors.native.js.map +1 -1
  276. package/dist/jsx/feedback/ConfirmDialog.mjs +2 -4
  277. package/dist/jsx/feedback/ConfirmDialog.mjs.map +1 -1
  278. package/dist/jsx/feedback/ConfirmDialog.native.js +1 -3
  279. package/dist/jsx/feedback/ConfirmDialog.native.js.map +1 -1
  280. package/dist/jsx/index.js +2 -2
  281. package/dist/jsx/index.js.map +1 -1
  282. package/dist/jsx/index.mjs +2 -2
  283. package/dist/jsx/index.mjs.map +1 -1
  284. package/dist/jsx/index.native.js +1 -0
  285. package/dist/jsx/index.native.js.map +1 -1
  286. package/dist/jsx/layouts/ViewSwitcher.mjs +20 -1
  287. package/dist/jsx/layouts/ViewSwitcher.mjs.map +1 -1
  288. package/dist/jsx/layouts/ViewSwitcher.native.js +33 -0
  289. package/dist/jsx/layouts/ViewSwitcher.native.js.map +1 -1
  290. package/dist/jsx/layouts/attachments.mjs +4 -8
  291. package/dist/jsx/layouts/attachments.mjs.map +1 -1
  292. package/dist/jsx/layouts/attachments.native.js +5 -8
  293. package/dist/jsx/layouts/attachments.native.js.map +1 -1
  294. package/dist/jsx/layouts/page.mjs +4 -5
  295. package/dist/jsx/layouts/page.mjs.map +1 -1
  296. package/dist/jsx/layouts/page.native.js +6 -5
  297. package/dist/jsx/layouts/page.native.js.map +1 -1
  298. package/dist/jsx/layouts/tags.mjs +1 -0
  299. package/dist/jsx/layouts/tags.mjs.map +1 -1
  300. package/dist/jsx/layouts/tags.native.js +2 -0
  301. package/dist/jsx/layouts/tags.native.js.map +1 -1
  302. package/dist/jsx/layouts/timeline.mjs +0 -6
  303. package/dist/jsx/layouts/timeline.mjs.map +1 -1
  304. package/dist/jsx/layouts/timeline.native.js +0 -6
  305. package/dist/jsx/layouts/timeline.native.js.map +1 -1
  306. package/dist/jsx/surfaces.mjs +21 -1
  307. package/dist/jsx/surfaces.mjs.map +1 -1
  308. package/dist/jsx/surfaces.native.js +22 -0
  309. package/dist/jsx/surfaces.native.js.map +1 -1
  310. package/dist/jsx/views/Calendar.mjs +6 -29
  311. package/dist/jsx/views/Calendar.mjs.map +1 -1
  312. package/dist/jsx/views/Calendar.native.js +21 -44
  313. package/dist/jsx/views/Calendar.native.js.map +1 -1
  314. package/dist/jsx/views/Dashboard.mjs +12 -12
  315. package/dist/jsx/views/Dashboard.mjs.map +1 -1
  316. package/dist/jsx/views/Dashboard.native.js +12 -10
  317. package/dist/jsx/views/Dashboard.native.js.map +1 -1
  318. package/dist/jsx/views/Kanban.mjs +23 -14
  319. package/dist/jsx/views/Kanban.mjs.map +1 -1
  320. package/dist/jsx/views/Kanban.native.js +1 -0
  321. package/dist/jsx/views/Kanban.native.js.map +1 -1
  322. package/dist/jsx/views/ReportBuilder.mjs +30 -12
  323. package/dist/jsx/views/ReportBuilder.mjs.map +1 -1
  324. package/dist/jsx/views/ReportBuilder.native.js +29 -11
  325. package/dist/jsx/views/ReportBuilder.native.js.map +1 -1
  326. package/dist/jsx/views/TreeView.mjs +1 -1
  327. package/dist/jsx/views/TreeView.mjs.map +1 -1
  328. package/dist/jsx/views/TreeView.native.js +1 -1
  329. package/dist/jsx/views/TreeView.native.js.map +1 -1
  330. package/dist/jsx/views/calendarMath.mjs +3 -9
  331. package/dist/jsx/views/calendarMath.mjs.map +1 -1
  332. package/dist/jsx/views/calendarMath.native.js +3 -9
  333. package/dist/jsx/views/calendarMath.native.js.map +1 -1
  334. package/dist/jsx/views/ganttMath.mjs +14 -19
  335. package/dist/jsx/views/ganttMath.mjs.map +1 -1
  336. package/dist/jsx/views/ganttMath.native.js +21 -20
  337. package/dist/jsx/views/ganttMath.native.js.map +1 -1
  338. package/dist/jsx/views/kanbanDnd.mjs.map +1 -1
  339. package/package.json +12 -12
  340. package/src/Accordion/Accordion.stories.tsx +7 -2
  341. package/src/Alert/index.tsx +1 -3
  342. package/src/Avatar/Avatar.spec.tsx +31 -0
  343. package/src/Avatar/index.tsx +19 -1
  344. package/src/Badge/Badge.stories.tsx +3 -1
  345. package/src/Badge/index.tsx +4 -1
  346. package/src/Carousel/Carousel.spec.tsx +271 -0
  347. package/src/Carousel/Carousel.stories.tsx +35 -0
  348. package/src/Carousel/index.tsx +45 -20
  349. package/src/DialogContent.stories.tsx +2 -2
  350. package/src/DotIndicator/dotIndicator.spec.tsx +43 -1
  351. package/src/DotIndicator/index.tsx +170 -37
  352. package/src/Pagination.api.spec.tsx +345 -0
  353. package/src/Pagination.tsx +138 -176
  354. package/src/Panel.stories.tsx +4 -4
  355. package/src/ProgressSteps/ProgressSteps.spec.tsx +40 -1
  356. package/src/ProgressSteps/ProgressSteps.stories.tsx +3 -1
  357. package/src/ProgressSteps/index.tsx +6 -1
  358. package/src/charts/PieChart.tsx +4 -1
  359. package/src/feedback/ConfirmDialog.tsx +2 -2
  360. package/src/index.ts +1 -0
  361. package/src/layouts/PageHeader.stories.tsx +21 -3
  362. package/src/layouts/ScreenToolbar.stories.tsx +12 -5
  363. package/src/layouts/ViewSwitcher.tsx +25 -6
  364. package/src/layouts/attachments.tsx +4 -1
  365. package/src/layouts/layouts.spec.tsx +77 -1
  366. package/src/layouts/page.tsx +5 -1
  367. package/src/layouts/pageTitleScale.spec.tsx +70 -0
  368. package/src/layouts/tags.tsx +2 -0
  369. package/src/layouts/timeline-radius.spec.tsx +21 -0
  370. package/src/layouts/timeline.tsx +7 -18
  371. package/src/shared/t.spec.ts +47 -0
  372. package/src/surfaces.tsx +33 -0
  373. package/src/views/Calendar.stories.tsx +4 -2
  374. package/src/views/Calendar.tsx +6 -1
  375. package/src/views/Gantt.stories.tsx +2 -2
  376. package/src/views/Kanban.native.tsx +8 -2
  377. package/src/views/Kanban.stories.tsx +3 -1
  378. package/src/views/Kanban.tsx +42 -13
  379. package/src/views/ReportBuilder.tsx +15 -2
  380. package/src/views/ganttMath.ts +2 -6
  381. package/types/Alert/index.d.ts.map +1 -1
  382. package/types/Avatar/index.d.ts.map +1 -1
  383. package/types/Badge/index.d.ts.map +1 -1
  384. package/types/Carousel/index.d.ts.map +1 -1
  385. package/types/DotIndicator/index.d.ts +44 -3
  386. package/types/DotIndicator/index.d.ts.map +1 -1
  387. package/types/Pagination.d.ts +6 -1
  388. package/types/Pagination.d.ts.map +1 -1
  389. package/types/ProgressSteps/index.d.ts.map +1 -1
  390. package/types/charts/Axis.d.ts.map +1 -1
  391. package/types/charts/BarChart.d.ts.map +1 -1
  392. package/types/charts/LineChart.d.ts.map +1 -1
  393. package/types/charts/PieChart.d.ts.map +1 -1
  394. package/types/charts/accessibility.d.ts +3 -2
  395. package/types/charts/accessibility.d.ts.map +1 -1
  396. package/types/charts/index.d.ts +1 -1
  397. package/types/charts/index.d.ts.map +1 -1
  398. package/types/charts/math.d.ts +16 -1
  399. package/types/charts/math.d.ts.map +1 -1
  400. package/types/componentColors.d.ts +11 -3
  401. package/types/componentColors.d.ts.map +1 -1
  402. package/types/index.d.ts +1 -1
  403. package/types/index.d.ts.map +1 -1
  404. package/types/layouts/ViewSwitcher.d.ts.map +1 -1
  405. package/types/layouts/attachments.d.ts.map +1 -1
  406. package/types/layouts/page.d.ts +8 -6
  407. package/types/layouts/page.d.ts.map +1 -1
  408. package/types/layouts/tags.d.ts.map +1 -1
  409. package/types/layouts/timeline.d.ts.map +1 -1
  410. package/types/surfaces.d.ts +17 -0
  411. package/types/surfaces.d.ts.map +1 -1
  412. package/types/views/Calendar.d.ts.map +1 -1
  413. package/types/views/Dashboard.d.ts.map +1 -1
  414. package/types/views/Kanban.d.ts +13 -1
  415. package/types/views/Kanban.d.ts.map +1 -1
  416. package/types/views/ReportBuilder.d.ts.map +1 -1
  417. package/types/views/TreeView.d.ts.map +1 -1
  418. package/types/views/calendarMath.d.ts +5 -1
  419. package/types/views/calendarMath.d.ts.map +1 -1
  420. package/types/views/ganttMath.d.ts +3 -0
  421. package/types/views/ganttMath.d.ts.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useState","useRef","useCallback","useEffect","Children","useTranslation","CaretLeftIcon","CaretRightIcon","zIndex","MIN_PRESS_TARGET","useResolvedKnobs","View","XStack","ScrollView","getTokens","styled","DotIndicator","useDirection","CarouselContainer","name","position","width","overflow","CarouselSlide","flexShrink","ArrowButton","top","transform","translateY","localTop","alignItems","justifyContent","backgroundColor","cursor","opacity","hoverStyle","scale","pressStyle","variants","disabled","true","ArrowVisual","borderRadius","shadowColor","shadowRadius","shadowOpacity","DotsWrapper","paddingVertical","Carousel","param","children","showArrows","showDots","autoPlay","loop","gap","gapProp","onSlideChange","initialSlide","_ref","_getTokens_size_knobProps_sizeToken","_getTokens_size","t","knobProps","control","arrowSize","size","sizeToken","val","arrowGlyphSize","Math","round","arrowTargetSize","max","arrowEdgeInset","activeIndex","setActiveIndex","trackRef","slideCount","count","slideWidthRef","autoPlayRef","scrollToSlide","index","current","offset","scrollTo","x","animated","goToSlide","targetIndex","min","goNext","goPrev","handleScroll","event","scrollX","nativeEvent","contentOffset","newIndex","setInterval","clearInterval","canGoPrev","canGoNext","isRTL","prevSide","nextSide","PrevGlyph","NextGlyph","ref","horizontal","showsHorizontalScrollIndicator","style","scrollSnapType","onScroll","scrollEventThrottle","onLayout","e","layout","map","child","scrollSnapAlign","height","transition","onPress","role","tabIndex","focusVisibleStyle","focusVisibleKnobProps","onKeyDown"],"sources":["../../../src/Carousel/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useState","useRef","useCallback","useEffect","Children","useTranslation","CaretLeftIcon","CaretRightIcon","zIndex","MIN_PRESS_TARGET","useResolvedKnobs","View","XStack","ScrollView","getTokens","styled","DotIndicator","useDirection","CarouselContainer","name","position","width","overflow","CarouselSlide","flexShrink","ArrowButton","top","transform","translateY","localTop","alignItems","justifyContent","backgroundColor","cursor","opacity","hoverStyle","scale","pressStyle","variants","disabled","true","ArrowVisual","shadowColor","shadowRadius","shadowOpacity","DotsWrapper","paddingVertical","Carousel","param","children","showArrows","showDots","autoPlay","loop","gap","gapProp","onSlideChange","initialSlide","_ref","_ref1","_getTokens_space_gap","_getTokens_space","_getTokens_size_knobProps_sizeToken","_getTokens_size","t","knobProps","control","gapPx","space","val","arrowSize","size","sizeToken","arrowGlyphSize","Math","round","arrowRadius","pointy","arrowTargetSize","max","arrowEdgeInset","activeIndex","setActiveIndex","trackRef","slideCount","count","slideWidth","setSlideWidth","autoPlayRef","scrollToSlide","index","current","offset","scrollTo","x","animated","goToSlide","targetIndex","min","goNext","goPrev","handleScroll","event","scrollX","nativeEvent","contentOffset","newIndex","setInterval","clearInterval","activeIndexRef","canGoPrev","canGoNext","isRTL","prevSide","nextSide","PrevGlyph","NextGlyph","containerRadius","ref","horizontal","showsHorizontalScrollIndicator","style","scrollSnapType","onScroll","scrollEventThrottle","onLayout","e","layout","dataSet","carouselTrack","map","child","scrollSnapAlign","height","transition","onPress"],"sources":["../../../src/Carousel/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,5 @@
1
- import { MIN_PRESS_TARGET, useResolvedKnobs } from "@multiplatform.one/theme";
1
+ import { MIN_PRESS_TARGET, radiusClassProps, useResolvedKnobs } from "@multiplatform.one/theme";
2
+ import { CheckIcon } from "@phosphor-icons/react";
2
3
  import { useTranslation } from "react-i18next";
3
4
  import { View, XStack, getTokens, styled } from "tamagui";
4
5
  import { componentColors } from "../componentColors.mjs";
@@ -26,11 +27,36 @@ const dotGeometryMap = {
26
27
  active: 30
27
28
  }
28
29
  };
30
+ const CHECK_MIN_DOT = 8;
31
+ function sizePx(value, fallback) {
32
+ if (typeof value === "number") return value;
33
+ if (typeof value === "string") {
34
+ const token = getTokens().size?.[value]?.val;
35
+ if (typeof token === "number") return token;
36
+ }
37
+ return fallback;
38
+ }
29
39
  const DotsContainer = styled(XStack, {
30
40
  name: "DotIndicator",
31
41
  alignItems: "center",
32
42
  justifyContent: "center",
33
- gap: "$2"
43
+ gap: "$2",
44
+ variants: {
45
+ // A rail seats the strip on a filled capsule instead of the page. It is a
46
+ // variant of the strip rather than host chrome because the rail and the
47
+ // idle dot color are ONE decision: idle dots have to step up the ramp to
48
+ // stay visible on the rail's fill, and split across two files that pairing
49
+ // drifts (LC-16).
50
+ rail: {
51
+ true: {
52
+ backgroundColor: componentColors.interactive.background,
53
+ // R-PILL (D-09 / LC-60): the rail is a capsule at every radius value,
54
+ // like the dots it holds.
55
+ ...radiusClassProps("R-PILL", "DotIndicator rail"),
56
+ borderRadius: "$10"
57
+ }
58
+ }
59
+ }
34
60
  });
35
61
  const DotTarget = styled(View, {
36
62
  name: "DotTarget",
@@ -46,6 +72,13 @@ const DotTarget = styled(View, {
46
72
  });
47
73
  const Dot = styled(View, {
48
74
  name: "Dot",
75
+ // R-PILL (D-09 / LC-60): an ornamental dot is a circle at every radius
76
+ // value — the knob moves its size, never its shape — so it declares the
77
+ // class the `radius:none` sweep licenses it under.
78
+ ...radiusClassProps("R-PILL", "DotIndicator dot"),
79
+ // Centers the completion checkmark; inert for the empty dots.
80
+ alignItems: "center",
81
+ justifyContent: "center",
49
82
  borderRadius: 1e3,
50
83
  backgroundColor: componentColors.indicator.inactive,
51
84
  hoverStyle: {
@@ -54,34 +87,16 @@ const Dot = styled(View, {
54
87
  variants: {
55
88
  active: {
56
89
  true: {
57
- backgroundColor: componentColors.indicator.active
58
- }
59
- },
60
- variant: {
61
- dots: {
62
- width: 8,
63
- height: 8
64
- },
65
- bars: {
66
- width: 6,
67
- height: 6
68
- },
69
- pills: {
70
- width: 8,
71
- height: 8
72
- }
73
- },
74
- activeVariant: {
75
- dots: {
76
- width: 24
77
- },
78
- bars: {
79
- width: 24
80
- },
81
- pills: {
82
- width: 24
90
+ // LC-05: the active dot is the selected mark, so it carries the accent
91
+ // (it read $color9 neutral — indistinguishable from idle chrome).
92
+ backgroundColor: componentColors.indicator.selected
83
93
  }
84
94
  },
95
+ // No `variant` geometry here: the mark's width/height are always passed
96
+ // explicitly from the one size channel below, so a per-variant pixel table
97
+ // on the styled component could only ever be a second, silently-losing
98
+ // definition of the same thing (it already disagreed with the scale at
99
+ // size knob `$3`, where a tick is 5px, not 6).
85
100
  disabled: {
86
101
  true: {
87
102
  opacity: 0.5
@@ -95,7 +110,14 @@ function DotIndicator({
95
110
  onChange,
96
111
  variant = "dots",
97
112
  gap: gapProp,
98
- disabled = false
113
+ disabled = false,
114
+ completedSteps,
115
+ idiom = "item",
116
+ rail = false,
117
+ dotSize,
118
+ activeDotSize,
119
+ transition,
120
+ dotStateAttribute = "data-dot-state"
99
121
  }) {
100
122
  const {
101
123
  t
@@ -105,18 +127,36 @@ function DotIndicator({
105
127
  } = useResolvedKnobs();
106
128
  const gap = gapProp ?? dotGapMap[knobProps.space] ?? "$2";
107
129
  const geometry = dotGeometryMap[knobProps.sizeToken] ?? dotGeometryMap.$4;
108
- const itemSize = variant === "bars" ? geometry.bar : geometry.dot;
130
+ const isTick = variant === "bars";
131
+ const itemSize = sizePx(dotSize, isTick ? geometry.bar : geometry.dot);
132
+ const activeSize = sizePx(activeDotSize, geometry.active);
109
133
  const gapPx = typeof gap === "number" ? gap : getTokens().space?.[gap]?.val ?? 7;
110
134
  const slopX = Math.max(0, Math.floor((gapPx - 1) / 2));
111
- const outsetY = Math.ceil((MIN_PRESS_TARGET - itemSize) / 2);
135
+ const outsetY = Math.max(0, Math.ceil((MIN_PRESS_TARGET - itemSize) / 2));
112
136
  const interactive = !disabled && !!onChange;
137
+ const isStep = idiom === "step";
138
+ const label = isStep ? t("Go to step {{number}}") : t("Go to item {{number}}");
139
+ const currentValue = isStep ? "step" : "true";
140
+ const motionStyle = transition ? {
141
+ transition: "width var(--mp-transition, 100ms) ease, height var(--mp-transition, 100ms) ease, background-color var(--mp-transition, 100ms) ease"
142
+ } : void 0;
113
143
  return /* @__PURE__ */jsx(DotsContainer, {
114
144
  gap,
145
+ rail,
146
+ ...(rail ? {
147
+ paddingHorizontal: knobProps.panelPadding.padding,
148
+ height: knobProps.sizeToken
149
+ } : void 0),
115
150
  children: Array.from({
116
151
  length: total
117
152
  }).map((_, index) => {
118
153
  const isActive = index === activeIndex;
119
- const dotWidth = isActive ? geometry.active : itemSize;
154
+ const isCompleted = !isActive && !!completedSteps?.has(index);
155
+ const dotWidth = isActive ? activeSize : itemSize;
156
+ const restingFill = isCompleted ? componentColors.indicator.completed : rail ?
157
+ // Idle chrome steps up the ramp on a rail so the dot still
158
+ // separates from the capsule fill it sits on.
159
+ componentColors.indicator.track : componentColors.indicator.inactive;
120
160
  return /* @__PURE__ */jsx(DotTarget, {
121
161
  width: dotWidth + slopX * 2,
122
162
  minHeight: MIN_PRESS_TARGET,
@@ -124,11 +164,11 @@ function DotIndicator({
124
164
  marginVertical: -outsetY,
125
165
  cursor: interactive ? "pointer" : disabled ? "not-allowed" : "default",
126
166
  onPress: interactive ? () => onChange?.(index) : void 0,
127
- "aria-label": withInterp(t("Go to item {{number}}"), {
167
+ "aria-label": withInterp(label, {
128
168
  number: index + 1
129
169
  }),
130
170
  ...(isActive ? {
131
- "aria-current": "true"
171
+ "aria-current": currentValue
132
172
  } : void 0),
133
173
  ...(interactive ? {
134
174
  role: "button",
@@ -143,12 +183,31 @@ function DotIndicator({
143
183
  role: "button"
144
184
  } : void 0),
145
185
  children: /* @__PURE__ */jsx(Dot, {
146
- variant,
147
186
  active: isActive,
148
- activeVariant: isActive ? variant : void 0,
187
+ ...(isActive ? void 0 : {
188
+ backgroundColor: restingFill,
189
+ // A completed dot and a rail dot both hold their fill on
190
+ // hover: the neutral hover step is PALER than either, so
191
+ // the page-level hover would read as a dim.
192
+ ...(isCompleted || rail ? {
193
+ hoverStyle: {
194
+ backgroundColor: restingFill
195
+ }
196
+ } : void 0)
197
+ }),
149
198
  width: dotWidth,
150
199
  height: itemSize,
151
- disabled
200
+ disabled,
201
+ transition,
202
+ style: motionStyle,
203
+ ...{
204
+ [dotStateAttribute]: isActive ? "active" : "idle"
205
+ },
206
+ children: isCompleted && !isTick && itemSize >= CHECK_MIN_DOT && /* @__PURE__ */jsx(CheckIcon, {
207
+ size: 8,
208
+ color: "white",
209
+ weight: "bold"
210
+ })
152
211
  })
153
212
  }, index);
154
213
  })
@@ -1 +1 @@
1
- {"version":3,"names":["MIN_PRESS_TARGET","useResolvedKnobs","useTranslation","View","XStack","getTokens","styled","componentColors","withInterp","jsx","dotGapMap","small","medium","large","dotGeometryMap","$3","dot","bar","active","$4","$5","DotsContainer","name","alignItems","justifyContent","gap","DotTarget","backgroundColor","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","Dot","borderRadius","indicator","inactive","hoverStyle","hover","variants","true","variant","dots","width","height","bars","pills","activeVariant","disabled","opacity","DotIndicator","total","activeIndex","onChange","gapProp","t","knobProps","space","geometry","sizeToken","itemSize","gapPx","val","slopX","Math","max","floor","outsetY","ceil","interactive","children","Array","from","length","map","_","index","isActive","dotWidth","minHeight","marginHorizontal","marginVertical","cursor","onPress","number","role","tabIndex","onKeyDown","e","key","preventDefault"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["MIN_PRESS_TARGET","radiusClassProps","useResolvedKnobs","CheckIcon","useTranslation","View","XStack","getTokens","styled","componentColors","withInterp","jsx","dotGapMap","small","medium","large","dotGeometryMap","$3","dot","bar","active","$4","$5","CHECK_MIN_DOT","sizePx","value","fallback","token","size","val","DotsContainer","name","alignItems","justifyContent","gap","variants","rail","true","backgroundColor","interactive","background","borderRadius","DotTarget","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","Dot","indicator","inactive","hoverStyle","hover","selected","disabled","opacity","DotIndicator","total","activeIndex","onChange","variant","gapProp","completedSteps","idiom","dotSize","activeDotSize","transition","dotStateAttribute","t","knobProps","space","geometry","sizeToken","isTick","itemSize","activeSize","gapPx","slopX","Math","max","floor","outsetY","ceil","isStep","label","currentValue","motionStyle","paddingHorizontal","panelPadding","padding","height","children","Array","from","length","map","_","index","isActive","isCompleted","has","dotWidth","restingFill","completed","track","width","minHeight","marginHorizontal","marginVertical","cursor","onPress","number","role","tabIndex","onKeyDown","e","key","preventDefault","style","color","weight"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,5 +1,6 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { MIN_PRESS_TARGET, useResolvedKnobs } from "@multiplatform.one/theme";
2
+ import { MIN_PRESS_TARGET, radiusClassProps, useResolvedKnobs } from "@multiplatform.one/theme";
3
+ import { CheckIcon } from "@phosphor-icons/react";
3
4
  import { useTranslation } from "react-i18next";
4
5
  import { View, XStack, getTokens, styled } from "tamagui";
5
6
  import { componentColors } from "../componentColors.native.js";
@@ -26,11 +27,37 @@ var dotGeometryMap = {
26
27
  active: 30
27
28
  }
28
29
  };
30
+ var CHECK_MIN_DOT = 8;
31
+ function sizePx(value, fallback) {
32
+ if (typeof value === "number") return value;
33
+ if (typeof value === "string") {
34
+ var _getTokens_size_value, _getTokens_size;
35
+ var token = (_getTokens_size = getTokens().size) === null || _getTokens_size === void 0 ? void 0 : (_getTokens_size_value = _getTokens_size[value]) === null || _getTokens_size_value === void 0 ? void 0 : _getTokens_size_value.val;
36
+ if (typeof token === "number") return token;
37
+ }
38
+ return fallback;
39
+ }
29
40
  var DotsContainer = styled(XStack, {
30
41
  name: "DotIndicator",
31
42
  alignItems: "center",
32
43
  justifyContent: "center",
33
- gap: "$2"
44
+ gap: "$2",
45
+ variants: {
46
+ // A rail seats the strip on a filled capsule instead of the page. It is a
47
+ // variant of the strip rather than host chrome because the rail and the
48
+ // idle dot color are ONE decision: idle dots have to step up the ramp to
49
+ // stay visible on the rail's fill, and split across two files that pairing
50
+ // drifts (LC-16).
51
+ rail: {
52
+ true: {
53
+ backgroundColor: componentColors.interactive.background,
54
+ // R-PILL (D-09 / LC-60): the rail is a capsule at every radius value,
55
+ // like the dots it holds.
56
+ ...radiusClassProps("R-PILL", "DotIndicator rail"),
57
+ borderRadius: "$10"
58
+ }
59
+ }
60
+ }
34
61
  });
35
62
  var DotTarget = styled(View, {
36
63
  name: "DotTarget",
@@ -46,6 +73,13 @@ var DotTarget = styled(View, {
46
73
  });
47
74
  var Dot = styled(View, {
48
75
  name: "Dot",
76
+ // R-PILL (D-09 / LC-60): an ornamental dot is a circle at every radius
77
+ // value — the knob moves its size, never its shape — so it declares the
78
+ // class the `radius:none` sweep licenses it under.
79
+ ...radiusClassProps("R-PILL", "DotIndicator dot"),
80
+ // Centers the completion checkmark; inert for the empty dots.
81
+ alignItems: "center",
82
+ justifyContent: "center",
49
83
  borderRadius: 1e3,
50
84
  backgroundColor: componentColors.indicator.inactive,
51
85
  hoverStyle: {
@@ -54,34 +88,16 @@ var Dot = styled(View, {
54
88
  variants: {
55
89
  active: {
56
90
  true: {
57
- backgroundColor: componentColors.indicator.active
58
- }
59
- },
60
- variant: {
61
- dots: {
62
- width: 8,
63
- height: 8
64
- },
65
- bars: {
66
- width: 6,
67
- height: 6
68
- },
69
- pills: {
70
- width: 8,
71
- height: 8
72
- }
73
- },
74
- activeVariant: {
75
- dots: {
76
- width: 24
77
- },
78
- bars: {
79
- width: 24
80
- },
81
- pills: {
82
- width: 24
91
+ // LC-05: the active dot is the selected mark, so it carries the accent
92
+ // (it read $color9 neutral — indistinguishable from idle chrome).
93
+ backgroundColor: componentColors.indicator.selected
83
94
  }
84
95
  },
96
+ // No `variant` geometry here: the mark's width/height are always passed
97
+ // explicitly from the one size channel below, so a per-variant pixel table
98
+ // on the styled component could only ever be a second, silently-losing
99
+ // definition of the same thing (it already disagreed with the scale at
100
+ // size knob `$3`, where a tick is 5px, not 6).
85
101
  disabled: {
86
102
  true: {
87
103
  opacity: 0.5
@@ -96,7 +112,14 @@ function DotIndicator(param) {
96
112
  onChange,
97
113
  variant = "dots",
98
114
  gap: gapProp,
99
- disabled = false
115
+ disabled = false,
116
+ completedSteps,
117
+ idiom = "item",
118
+ rail = false,
119
+ dotSize,
120
+ activeDotSize,
121
+ transition,
122
+ dotStateAttribute = "data-dot-state"
100
123
  } = param;
101
124
  var _ref, _dotGeometryMap_knobProps_sizeToken, _ref1;
102
125
  var _getTokens_space_gap, _getTokens_space;
@@ -108,18 +131,36 @@ function DotIndicator(param) {
108
131
  } = useResolvedKnobs();
109
132
  var gap = (_ref = gapProp !== null && gapProp !== void 0 ? gapProp : dotGapMap[knobProps.space]) !== null && _ref !== void 0 ? _ref : "$2";
110
133
  var geometry = (_dotGeometryMap_knobProps_sizeToken = dotGeometryMap[knobProps.sizeToken]) !== null && _dotGeometryMap_knobProps_sizeToken !== void 0 ? _dotGeometryMap_knobProps_sizeToken : dotGeometryMap.$4;
111
- var itemSize = variant === "bars" ? geometry.bar : geometry.dot;
134
+ var isTick = variant === "bars";
135
+ var itemSize = sizePx(dotSize, isTick ? geometry.bar : geometry.dot);
136
+ var activeSize = sizePx(activeDotSize, geometry.active);
112
137
  var gapPx = typeof gap === "number" ? gap : (_ref1 = (_getTokens_space = getTokens().space) === null || _getTokens_space === void 0 ? void 0 : (_getTokens_space_gap = _getTokens_space[gap]) === null || _getTokens_space_gap === void 0 ? void 0 : _getTokens_space_gap.val) !== null && _ref1 !== void 0 ? _ref1 : 7;
113
138
  var slopX = Math.max(0, Math.floor((gapPx - 1) / 2));
114
- var outsetY = Math.ceil((MIN_PRESS_TARGET - itemSize) / 2);
139
+ var outsetY = Math.max(0, Math.ceil((MIN_PRESS_TARGET - itemSize) / 2));
115
140
  var interactive = !disabled && !!onChange;
141
+ var isStep = idiom === "step";
142
+ var label = isStep ? t("Go to step {{number}}") : t("Go to item {{number}}");
143
+ var currentValue = isStep ? "step" : "true";
144
+ var motionStyle = transition ? {
145
+ transition: "width var(--mp-transition, 100ms) ease, height var(--mp-transition, 100ms) ease, background-color var(--mp-transition, 100ms) ease"
146
+ } : void 0;
116
147
  return /* @__PURE__ */_jsx(DotsContainer, {
117
148
  gap,
149
+ rail,
150
+ ...(rail ? {
151
+ paddingHorizontal: knobProps.panelPadding.padding,
152
+ height: knobProps.sizeToken
153
+ } : void 0),
118
154
  children: Array.from({
119
155
  length: total
120
156
  }).map(function (_, index) {
121
157
  var isActive = index === activeIndex;
122
- var dotWidth = isActive ? geometry.active : itemSize;
158
+ var isCompleted = !isActive && !!(completedSteps === null || completedSteps === void 0 ? void 0 : completedSteps.has(index));
159
+ var dotWidth = isActive ? activeSize : itemSize;
160
+ var restingFill = isCompleted ? componentColors.indicator.completed : rail ?
161
+ // Idle chrome steps up the ramp on a rail so the dot still
162
+ // separates from the capsule fill it sits on.
163
+ componentColors.indicator.track : componentColors.indicator.inactive;
123
164
  return /* @__PURE__ */_jsx(DotTarget, {
124
165
  width: dotWidth + slopX * 2,
125
166
  minHeight: MIN_PRESS_TARGET,
@@ -129,11 +170,11 @@ function DotIndicator(param) {
129
170
  onPress: interactive ? function () {
130
171
  return onChange === null || onChange === void 0 ? void 0 : onChange(index);
131
172
  } : void 0,
132
- "aria-label": withInterp(t("Go to item {{number}}"), {
173
+ "aria-label": withInterp(label, {
133
174
  number: index + 1
134
175
  }),
135
176
  ...(isActive ? {
136
- "aria-current": "true"
177
+ "aria-current": currentValue
137
178
  } : void 0),
138
179
  ...(interactive ? {
139
180
  role: "button",
@@ -148,12 +189,31 @@ function DotIndicator(param) {
148
189
  role: "button"
149
190
  } : void 0),
150
191
  children: /* @__PURE__ */_jsx(Dot, {
151
- variant,
152
192
  active: isActive,
153
- activeVariant: isActive ? variant : void 0,
193
+ ...(isActive ? void 0 : {
194
+ backgroundColor: restingFill,
195
+ // A completed dot and a rail dot both hold their fill on
196
+ // hover: the neutral hover step is PALER than either, so
197
+ // the page-level hover would read as a dim.
198
+ ...(isCompleted || rail ? {
199
+ hoverStyle: {
200
+ backgroundColor: restingFill
201
+ }
202
+ } : void 0)
203
+ }),
154
204
  width: dotWidth,
155
205
  height: itemSize,
156
- disabled
206
+ disabled,
207
+ transition,
208
+ style: motionStyle,
209
+ ...{
210
+ [dotStateAttribute]: isActive ? "active" : "idle"
211
+ },
212
+ children: isCompleted && !isTick && itemSize >= CHECK_MIN_DOT && /* @__PURE__ */_jsx(CheckIcon, {
213
+ size: 8,
214
+ color: "white",
215
+ weight: "bold"
216
+ })
157
217
  })
158
218
  }, index);
159
219
  })
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","MIN_PRESS_TARGET","useResolvedKnobs","useTranslation","View","XStack","getTokens","styled","componentColors","withInterp","dotGapMap","small","medium","large","dotGeometryMap","$3","dot","bar","active","$4","$5","DotsContainer","name","alignItems","justifyContent","gap","DotTarget","backgroundColor","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","Dot","borderRadius","indicator","inactive","hoverStyle","hover","variants","true","variant","dots","width","height","bars","pills","activeVariant","disabled","opacity","DotIndicator","param","total","activeIndex","onChange","gapProp","_ref","_dotGeometryMap_knobProps_sizeToken","_ref1","_getTokens_space_gap","_getTokens_space","t","knobProps","space","geometry","sizeToken","itemSize","gapPx","val","slopX","Math","max","floor","outsetY","ceil","interactive","children","Array","from","length","map","_","index","isActive","dotWidth","minHeight","marginHorizontal","marginVertical","cursor","onPress","number","role","tabIndex","onKeyDown","e","key","preventDefault"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","MIN_PRESS_TARGET","radiusClassProps","useResolvedKnobs","CheckIcon","useTranslation","View","XStack","getTokens","styled","componentColors","withInterp","dotGapMap","small","medium","large","dotGeometryMap","$3","dot","bar","active","$4","$5","CHECK_MIN_DOT","sizePx","value","fallback","_getTokens_size_value","_getTokens_size","token","size","val","DotsContainer","name","alignItems","justifyContent","gap","variants","rail","true","backgroundColor","interactive","background","borderRadius","DotTarget","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","Dot","indicator","inactive","hoverStyle","hover","selected","disabled","opacity","DotIndicator","param","total","activeIndex","onChange","variant","gapProp","completedSteps","idiom","dotSize","activeDotSize","transition","dotStateAttribute","_ref","_dotGeometryMap_knobProps_sizeToken","_ref1","_getTokens_space_gap","_getTokens_space","t","knobProps","space","geometry","sizeToken","isTick","itemSize","activeSize","gapPx","slopX","Math","max","floor","outsetY","ceil","isStep","label","currentValue","motionStyle","paddingHorizontal","panelPadding","padding","height","children","Array","from","length","map","_","index","isActive","isCompleted","has","dotWidth","restingFill","completed","track","width","minHeight","marginHorizontal","marginVertical","cursor","onPress","number","role","tabIndex","onKeyDown","e","key","preventDefault"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}