@react-spectrum/s2 0.7.0 → 0.8.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 (346) hide show
  1. package/dist/ActionBar.cjs.map +1 -1
  2. package/dist/ActionBar.css.map +1 -1
  3. package/dist/ActionBar.mjs.map +1 -1
  4. package/dist/ActionButton.cjs +26 -7
  5. package/dist/ActionButton.cjs.map +1 -1
  6. package/dist/ActionButton.css +74 -18
  7. package/dist/ActionButton.css.map +1 -1
  8. package/dist/ActionButton.mjs +26 -7
  9. package/dist/ActionButton.mjs.map +1 -1
  10. package/dist/Add.cjs.map +1 -1
  11. package/dist/Add.mjs.map +1 -1
  12. package/dist/Asterisk.cjs.map +1 -1
  13. package/dist/Asterisk.mjs.map +1 -1
  14. package/dist/Breadcrumbs.cjs.map +1 -1
  15. package/dist/Breadcrumbs.css.map +1 -1
  16. package/dist/Breadcrumbs.mjs.map +1 -1
  17. package/dist/Button.cjs.map +1 -1
  18. package/dist/Button.css.map +1 -1
  19. package/dist/Button.mjs.map +1 -1
  20. package/dist/ButtonGroup.cjs +3 -2
  21. package/dist/ButtonGroup.cjs.map +1 -1
  22. package/dist/ButtonGroup.css.map +1 -1
  23. package/dist/ButtonGroup.mjs +3 -2
  24. package/dist/ButtonGroup.mjs.map +1 -1
  25. package/dist/Card.cjs +1 -1
  26. package/dist/Card.cjs.map +1 -1
  27. package/dist/Card.css.map +1 -1
  28. package/dist/Card.mjs +1 -1
  29. package/dist/Card.mjs.map +1 -1
  30. package/dist/CenterBaseline.cjs.map +1 -1
  31. package/dist/CenterBaseline.css.map +1 -1
  32. package/dist/CenterBaseline.mjs.map +1 -1
  33. package/dist/Checkmark.cjs.map +1 -1
  34. package/dist/Checkmark.mjs.map +1 -1
  35. package/dist/Chevron.cjs.map +1 -1
  36. package/dist/Chevron.mjs.map +1 -1
  37. package/dist/ColorHandle.cjs.map +1 -1
  38. package/dist/ColorHandle.css.map +1 -1
  39. package/dist/ColorHandle.mjs.map +1 -1
  40. package/dist/ColorSwatchPicker.cjs +2 -2
  41. package/dist/ColorSwatchPicker.cjs.map +1 -1
  42. package/dist/ColorSwatchPicker.css.map +1 -1
  43. package/dist/ColorSwatchPicker.mjs +2 -2
  44. package/dist/ColorSwatchPicker.mjs.map +1 -1
  45. package/dist/ComboBox.cjs.map +1 -1
  46. package/dist/ComboBox.css.map +1 -1
  47. package/dist/ComboBox.mjs.map +1 -1
  48. package/dist/Content.cjs +6 -6
  49. package/dist/Content.cjs.map +1 -1
  50. package/dist/Content.mjs +6 -6
  51. package/dist/Content.mjs.map +1 -1
  52. package/dist/Cross.cjs.map +1 -1
  53. package/dist/Cross.mjs.map +1 -1
  54. package/dist/Dash.cjs.map +1 -1
  55. package/dist/Dash.mjs.map +1 -1
  56. package/dist/DialogContainer.cjs.map +1 -1
  57. package/dist/DialogContainer.mjs.map +1 -1
  58. package/dist/DialogTrigger.cjs.map +1 -1
  59. package/dist/DialogTrigger.mjs.map +1 -1
  60. package/dist/Disclosure.cjs +24 -21
  61. package/dist/Disclosure.cjs.map +1 -1
  62. package/dist/Disclosure.css +12 -20
  63. package/dist/Disclosure.css.map +1 -1
  64. package/dist/Disclosure.mjs +24 -21
  65. package/dist/Disclosure.mjs.map +1 -1
  66. package/dist/Divider.cjs +6 -0
  67. package/dist/Divider.cjs.map +1 -1
  68. package/dist/Divider.css +8 -0
  69. package/dist/Divider.css.map +1 -1
  70. package/dist/Divider.mjs +6 -0
  71. package/dist/Divider.mjs.map +1 -1
  72. package/dist/Field.cjs.map +1 -1
  73. package/dist/Field.css.map +1 -1
  74. package/dist/Field.mjs.map +1 -1
  75. package/dist/Image.cjs +1 -1
  76. package/dist/Image.cjs.map +1 -1
  77. package/dist/Image.css.map +1 -1
  78. package/dist/Image.mjs +1 -1
  79. package/dist/Image.mjs.map +1 -1
  80. package/dist/ImageCoordinator.cjs.map +1 -1
  81. package/dist/ImageCoordinator.mjs.map +1 -1
  82. package/dist/Link.cjs.map +1 -1
  83. package/dist/Link.css.map +1 -1
  84. package/dist/Link.mjs.map +1 -1
  85. package/dist/LinkOut.cjs.map +1 -1
  86. package/dist/LinkOut.mjs.map +1 -1
  87. package/dist/Menu.cjs.map +1 -1
  88. package/dist/Menu.css.map +1 -1
  89. package/dist/Menu.mjs.map +1 -1
  90. package/dist/NotificationBadge.cjs +163 -0
  91. package/dist/NotificationBadge.cjs.map +1 -0
  92. package/dist/NotificationBadge.css +227 -0
  93. package/dist/NotificationBadge.css.map +1 -0
  94. package/dist/NotificationBadge.mjs +157 -0
  95. package/dist/NotificationBadge.mjs.map +1 -0
  96. package/dist/Picker.cjs.map +1 -1
  97. package/dist/Picker.css.map +1 -1
  98. package/dist/Picker.mjs.map +1 -1
  99. package/dist/Provider.cjs.map +1 -1
  100. package/dist/Provider.css.map +1 -1
  101. package/dist/Provider.mjs.map +1 -1
  102. package/dist/Slider.cjs.map +1 -1
  103. package/dist/Slider.css.map +1 -1
  104. package/dist/Slider.mjs.map +1 -1
  105. package/dist/StatusLight.cjs +2 -2
  106. package/dist/StatusLight.cjs.map +1 -1
  107. package/dist/StatusLight.css.map +1 -1
  108. package/dist/StatusLight.mjs +2 -2
  109. package/dist/StatusLight.mjs.map +1 -1
  110. package/dist/Tabs.cjs +1 -0
  111. package/dist/Tabs.cjs.map +1 -1
  112. package/dist/Tabs.css.map +1 -1
  113. package/dist/Tabs.mjs +1 -0
  114. package/dist/Tabs.mjs.map +1 -1
  115. package/dist/TabsPicker.cjs.map +1 -1
  116. package/dist/TabsPicker.css.map +1 -1
  117. package/dist/TabsPicker.mjs.map +1 -1
  118. package/dist/Toast.cjs +557 -0
  119. package/dist/Toast.cjs.map +1 -0
  120. package/dist/Toast.css +461 -0
  121. package/dist/Toast.css.map +1 -0
  122. package/dist/Toast.mjs +551 -0
  123. package/dist/Toast.mjs.map +1 -0
  124. package/dist/Toast_module.cjs +70 -0
  125. package/dist/Toast_module.cjs.map +1 -0
  126. package/dist/Toast_module.css +119 -0
  127. package/dist/Toast_module.css.map +1 -0
  128. package/dist/Toast_module.mjs +72 -0
  129. package/dist/Toast_module.mjs.map +1 -0
  130. package/dist/ToggleButton.cjs.map +1 -1
  131. package/dist/ToggleButton.css.map +1 -1
  132. package/dist/ToggleButton.mjs.map +1 -1
  133. package/dist/Tooltip.cjs.map +1 -1
  134. package/dist/Tooltip.css.map +1 -1
  135. package/dist/Tooltip.mjs.map +1 -1
  136. package/dist/TreeView.cjs.map +1 -1
  137. package/dist/TreeView.css.map +1 -1
  138. package/dist/TreeView.mjs.map +1 -1
  139. package/dist/ar-AE.cjs +6 -1
  140. package/dist/ar-AE.cjs.map +1 -1
  141. package/dist/ar-AE.mjs +6 -1
  142. package/dist/ar-AE.mjs.map +1 -1
  143. package/dist/bg-BG.cjs +6 -1
  144. package/dist/bg-BG.cjs.map +1 -1
  145. package/dist/bg-BG.mjs +6 -1
  146. package/dist/bg-BG.mjs.map +1 -1
  147. package/dist/cs-CZ.cjs +10 -2
  148. package/dist/cs-CZ.cjs.map +1 -1
  149. package/dist/cs-CZ.mjs +10 -2
  150. package/dist/cs-CZ.mjs.map +1 -1
  151. package/dist/da-DK.cjs +8 -3
  152. package/dist/da-DK.cjs.map +1 -1
  153. package/dist/da-DK.mjs +8 -3
  154. package/dist/da-DK.mjs.map +1 -1
  155. package/dist/de-DE.cjs +7 -3
  156. package/dist/de-DE.cjs.map +1 -1
  157. package/dist/de-DE.mjs +7 -3
  158. package/dist/de-DE.mjs.map +1 -1
  159. package/dist/el-GR.cjs +6 -1
  160. package/dist/el-GR.cjs.map +1 -1
  161. package/dist/el-GR.mjs +6 -1
  162. package/dist/el-GR.mjs.map +1 -1
  163. package/dist/en-US.cjs +6 -1
  164. package/dist/en-US.cjs.map +1 -1
  165. package/dist/en-US.mjs +6 -1
  166. package/dist/en-US.mjs.map +1 -1
  167. package/dist/es-ES.cjs +10 -6
  168. package/dist/es-ES.cjs.map +1 -1
  169. package/dist/es-ES.mjs +10 -6
  170. package/dist/es-ES.mjs.map +1 -1
  171. package/dist/et-EE.cjs +6 -1
  172. package/dist/et-EE.cjs.map +1 -1
  173. package/dist/et-EE.mjs +6 -1
  174. package/dist/et-EE.mjs.map +1 -1
  175. package/dist/fi-FI.cjs +7 -2
  176. package/dist/fi-FI.cjs.map +1 -1
  177. package/dist/fi-FI.mjs +7 -2
  178. package/dist/fi-FI.mjs.map +1 -1
  179. package/dist/fr-FR.cjs +7 -3
  180. package/dist/fr-FR.cjs.map +1 -1
  181. package/dist/fr-FR.mjs +7 -3
  182. package/dist/fr-FR.mjs.map +1 -1
  183. package/dist/he-IL.cjs +9 -5
  184. package/dist/he-IL.cjs.map +1 -1
  185. package/dist/he-IL.mjs +9 -5
  186. package/dist/he-IL.mjs.map +1 -1
  187. package/dist/hr-HR.cjs +11 -3
  188. package/dist/hr-HR.cjs.map +1 -1
  189. package/dist/hr-HR.mjs +11 -3
  190. package/dist/hr-HR.mjs.map +1 -1
  191. package/dist/hu-HU.cjs +6 -1
  192. package/dist/hu-HU.cjs.map +1 -1
  193. package/dist/hu-HU.mjs +6 -1
  194. package/dist/hu-HU.mjs.map +1 -1
  195. package/dist/it-IT.cjs +6 -2
  196. package/dist/it-IT.cjs.map +1 -1
  197. package/dist/it-IT.mjs +6 -2
  198. package/dist/it-IT.mjs.map +1 -1
  199. package/dist/ja-JP.cjs +7 -2
  200. package/dist/ja-JP.cjs.map +1 -1
  201. package/dist/ja-JP.mjs +7 -2
  202. package/dist/ja-JP.mjs.map +1 -1
  203. package/dist/ko-KR.cjs +8 -3
  204. package/dist/ko-KR.cjs.map +1 -1
  205. package/dist/ko-KR.mjs +8 -3
  206. package/dist/ko-KR.mjs.map +1 -1
  207. package/dist/lt-LT.cjs +8 -3
  208. package/dist/lt-LT.cjs.map +1 -1
  209. package/dist/lt-LT.mjs +8 -3
  210. package/dist/lt-LT.mjs.map +1 -1
  211. package/dist/lv-LV.cjs +9 -4
  212. package/dist/lv-LV.cjs.map +1 -1
  213. package/dist/lv-LV.mjs +9 -4
  214. package/dist/lv-LV.mjs.map +1 -1
  215. package/dist/main.cjs +9 -0
  216. package/dist/main.cjs.map +1 -1
  217. package/dist/module.mjs +6 -2
  218. package/dist/module.mjs.map +1 -1
  219. package/dist/nb-NO.cjs +12 -4
  220. package/dist/nb-NO.cjs.map +1 -1
  221. package/dist/nb-NO.mjs +12 -4
  222. package/dist/nb-NO.mjs.map +1 -1
  223. package/dist/nl-NL.cjs +6 -1
  224. package/dist/nl-NL.cjs.map +1 -1
  225. package/dist/nl-NL.mjs +6 -1
  226. package/dist/nl-NL.mjs.map +1 -1
  227. package/dist/pl-PL.cjs +11 -3
  228. package/dist/pl-PL.cjs.map +1 -1
  229. package/dist/pl-PL.mjs +11 -3
  230. package/dist/pl-PL.mjs.map +1 -1
  231. package/dist/pressScale.cjs.map +1 -1
  232. package/dist/pressScale.mjs.map +1 -1
  233. package/dist/pt-BR.cjs +6 -1
  234. package/dist/pt-BR.cjs.map +1 -1
  235. package/dist/pt-BR.mjs +6 -1
  236. package/dist/pt-BR.mjs.map +1 -1
  237. package/dist/pt-PT.cjs +6 -1
  238. package/dist/pt-PT.cjs.map +1 -1
  239. package/dist/pt-PT.mjs +6 -1
  240. package/dist/pt-PT.mjs.map +1 -1
  241. package/dist/ro-RO.cjs +8 -4
  242. package/dist/ro-RO.cjs.map +1 -1
  243. package/dist/ro-RO.mjs +8 -4
  244. package/dist/ro-RO.mjs.map +1 -1
  245. package/dist/ru-RU.cjs +11 -3
  246. package/dist/ru-RU.cjs.map +1 -1
  247. package/dist/ru-RU.mjs +11 -3
  248. package/dist/ru-RU.mjs.map +1 -1
  249. package/dist/sk-SK.cjs +10 -2
  250. package/dist/sk-SK.cjs.map +1 -1
  251. package/dist/sk-SK.mjs +10 -2
  252. package/dist/sk-SK.mjs.map +1 -1
  253. package/dist/sl-SI.cjs +11 -3
  254. package/dist/sl-SI.cjs.map +1 -1
  255. package/dist/sl-SI.mjs +11 -3
  256. package/dist/sl-SI.mjs.map +1 -1
  257. package/dist/sr-SP.cjs +10 -2
  258. package/dist/sr-SP.cjs.map +1 -1
  259. package/dist/sr-SP.mjs +10 -2
  260. package/dist/sr-SP.mjs.map +1 -1
  261. package/dist/sv-SE.cjs +6 -2
  262. package/dist/sv-SE.cjs.map +1 -1
  263. package/dist/sv-SE.mjs +6 -2
  264. package/dist/sv-SE.mjs.map +1 -1
  265. package/dist/tr-TR.cjs +7 -2
  266. package/dist/tr-TR.cjs.map +1 -1
  267. package/dist/tr-TR.mjs +7 -2
  268. package/dist/tr-TR.mjs.map +1 -1
  269. package/dist/types.d.ts +97 -29
  270. package/dist/types.d.ts.map +1 -1
  271. package/dist/uk-UA.cjs +10 -2
  272. package/dist/uk-UA.cjs.map +1 -1
  273. package/dist/uk-UA.mjs +10 -2
  274. package/dist/uk-UA.mjs.map +1 -1
  275. package/dist/zh-CN.cjs +6 -1
  276. package/dist/zh-CN.cjs.map +1 -1
  277. package/dist/zh-CN.mjs +6 -1
  278. package/dist/zh-CN.mjs.map +1 -1
  279. package/dist/zh-TW.cjs +6 -1
  280. package/dist/zh-TW.cjs.map +1 -1
  281. package/dist/zh-TW.mjs +6 -1
  282. package/dist/zh-TW.mjs.map +1 -1
  283. package/icons/Skeleton.cjs.map +1 -1
  284. package/icons/Skeleton.css.map +1 -1
  285. package/icons/Skeleton.mjs.map +1 -1
  286. package/package.json +21 -19
  287. package/src/ActionBar.tsx +9 -2
  288. package/src/ActionButton.tsx +38 -3
  289. package/src/Breadcrumbs.tsx +1 -1
  290. package/src/Button.tsx +2 -2
  291. package/src/ButtonGroup.tsx +4 -2
  292. package/src/Calendar.tsx +2 -1
  293. package/src/Card.tsx +1 -1
  294. package/src/CenterBaseline.tsx +1 -1
  295. package/src/ColorHandle.tsx +2 -2
  296. package/src/ColorSwatchPicker.tsx +2 -1
  297. package/src/ComboBox.tsx +2 -2
  298. package/src/Content.tsx +6 -6
  299. package/src/DateField.tsx +1 -1
  300. package/src/DatePicker.tsx +1 -1
  301. package/src/DateRangePicker.tsx +1 -1
  302. package/src/DialogContainer.tsx +2 -2
  303. package/src/DialogTrigger.tsx +2 -1
  304. package/src/Disclosure.tsx +18 -24
  305. package/src/Divider.tsx +2 -0
  306. package/src/Field.tsx +2 -2
  307. package/src/Image.tsx +1 -1
  308. package/src/ImageCoordinator.tsx +3 -3
  309. package/src/Link.tsx +1 -1
  310. package/src/ListBox.tsx +3 -2
  311. package/src/Menu.tsx +5 -5
  312. package/src/NotificationBadge.tsx +172 -0
  313. package/src/Picker.tsx +2 -2
  314. package/src/Provider.tsx +1 -1
  315. package/src/RangeCalendar.tsx +2 -1
  316. package/src/Skeleton.tsx +4 -4
  317. package/src/Slider.tsx +1 -1
  318. package/src/StatusLight.tsx +2 -2
  319. package/src/Tabs.tsx +4 -3
  320. package/src/TabsPicker.tsx +1 -1
  321. package/src/TimeField.tsx +1 -1
  322. package/src/Toast.module.css +153 -0
  323. package/src/Toast.tsx +579 -0
  324. package/src/ToggleButton.tsx +1 -1
  325. package/src/Toolbar.tsx +2 -1
  326. package/src/Tooltip.tsx +2 -2
  327. package/src/TreeView.tsx +2 -2
  328. package/src/index.ts +6 -1
  329. package/src/page.macro.ts +3 -3
  330. package/src/pressScale.ts +1 -1
  331. package/src/style-utils.ts +2 -2
  332. package/style/dist/main.cjs +18 -18
  333. package/style/dist/module.mjs +9 -9
  334. package/style/dist/spectrum-theme.cjs +191 -191
  335. package/style/dist/spectrum-theme.cjs.map +1 -1
  336. package/style/dist/spectrum-theme.mjs +183 -183
  337. package/style/dist/spectrum-theme.mjs.map +1 -1
  338. package/style/dist/style-macro.cjs +74 -74
  339. package/style/dist/style-macro.cjs.map +1 -1
  340. package/style/dist/style-macro.mjs +68 -68
  341. package/style/dist/style-macro.mjs.map +1 -1
  342. package/style/dist/types.d.ts +4 -4
  343. package/style/dist/types.d.ts.map +1 -1
  344. package/style/spectrum-theme.ts +5 -5
  345. package/style/style-macro.ts +3 -3
  346. package/style/tokens.ts +22 -6
@@ -1 +1 @@
1
- {"mappings":"AAAA,iBAAiB;IAAG,qBAAqB,CAAC,qBAAG,CAAC;IAC5C,8BAA8B,CAAC,+EAAa,CAAC;IAC7C,4BAA4B,CAAC,4FAAc,CAAC;IAC5C,sBAAsB,CAAC,OAAS,CAAC,mDAAS,EAAE,KAAK,KAAK,EAAE;IACxD,yBAAyB,CAAC,uEAAW,CAAC;IACtC,kBAAkB,CAAC,8EAAY,CAAC;IAChC,uBAAuB,CAAC,iDAAO,CAAC;IAChC,uBAAuB,CAAC,sEAAU,CAAC;IACnC,gBAAgB,CAAC,4FAAc,CAAC;IAChC,kBAAkB,CAAC,+DAAS,CAAC;IAC7B,2BAA2B,CAAC,2KAA2B,CAAC;IACxD,2BAA2B,CAAC,sEAAU,CAAC;IACvC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,sBAAsB,CAAC,oFAAY,CAAC;IACpC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,oBAAoB,CAAC,8FAAe,CAAC;IACrC,oBAAoB,CAAC,gFAAa,CAAC;IACnC,oBAAoB,CAAC,gEAAU,CAAC;IAChC,sBAAsB,CAAC,yDAAQ,CAAC;IAChC,kBAAkB,CAAC,wDAAQ,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,4FAAa,CAAC;IAChC,qBAAqB,CAAC,qLAA8B,CAAC;IACrD,sBAAsB,CAAC,8IAAsB,CAAC;IAC9C,uBAAuB,CAAC,qJAAuB,CAAC;IAChD,wBAAwB,CAAC,8IAAsB,CAAC;IAChD,eAAe,CAAC,qBAAG,CAAC;IACpB,uBAAuB,CAAC,0GAAgB,CAAC;IACzC,cAAc,CAAC,mCAAK,CAAC;IACrB,0BAA0B,CAAC,MAAM,YAAc,CAAC,gFAAc,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAClG,oBAAoB,CAAC,0GAAgB,CAAC;AACxC","sources":["packages/@react-spectrum/s2/intl/uk-UA.json"],"sourcesContent":["{\n \"actionbar.actions\": \"Дії\",\n \"actionbar.actionsAvailable\": \"Доступні дії.\",\n \"actionbar.clearSelection\": \"Очистити вибір\",\n \"actionbar.selected\": \"Вибрано: {count}\",\n \"actionbar.selectedAll\": \"Усе вибрано\",\n \"button.pending\": \"в очікуванні\",\n \"contextualhelp.help\": \"Довідка\",\n \"contextualhelp.info\": \"Інформація\",\n \"dialog.alert\": \"Сигнал тривоги\",\n \"dialog.dismiss\": \"Скасувати\",\n \"dropzone.replaceMessage\": \"Перетягніть файл для заміни\",\n \"inlinealert.informative\": \"Інформація\",\n \"inlinealert.negative\": \"Помилка\",\n \"inlinealert.notice\": \"Попередження\",\n \"inlinealert.positive\": \"Успішно\",\n \"label.(optional)\": \"(необов’язково)\",\n \"label.(required)\": \"(обов’язково)\",\n \"menu.moreActions\": \"Більше дій\",\n \"picker.placeholder\": \"Вибрати…\",\n \"slider.maximum\": \"Максимум\",\n \"slider.minimum\": \"Мінімум\",\n \"table.loading\": \"Завантаження…\",\n \"table.loadingMore\": \"Завантаження інших об’єктів...\",\n \"table.resizeColumn\": \"Змінити розмір стовпця\",\n \"table.sortAscending\": \"Сортувати за зростанням\",\n \"table.sortDescending\": \"Сортувати за спаданням\",\n \"tag.actions\": \"Дії\",\n \"tag.hideButtonLabel\": \"Показувати менше\",\n \"tag.noTags\": \"Немає\",\n \"tag.showAllButtonLabel\": \"Показати всі ({tagCount, number})\",\n \"breadcrumbs.more\": \"Більше елементів\"\n}"],"names":[],"version":3,"file":"uk-UA.cjs.map"}
1
+ {"mappings":"AAAA,iBAAiB;IAAG,qBAAqB,CAAC,qBAAG,CAAC;IAC5C,8BAA8B,CAAC,+EAAa,CAAC;IAC7C,4BAA4B,CAAC,4FAAc,CAAC;IAC5C,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,2GAAiB,CAAC;YAAE,OAAO,IAAM,CAAC,kDAAQ,EAAE,UAAU,MAAM,CAAC,KAAK,KAAK,GAAG;QAAA,IAAI;IACjK,yBAAyB,CAAC,uEAAW,CAAC;IACtC,oBAAoB,CAAC,0GAAgB,CAAC;IACtC,kBAAkB,CAAC,8EAAY,CAAC;IAChC,uBAAuB,CAAC,iDAAO,CAAC;IAChC,uBAAuB,CAAC,sEAAU,CAAC;IACnC,gBAAgB,CAAC,4FAAc,CAAC;IAChC,kBAAkB,CAAC,+DAAS,CAAC;IAC7B,2BAA2B,CAAC,2KAA2B,CAAC;IACxD,2BAA2B,CAAC,sEAAU,CAAC;IACvC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,sBAAsB,CAAC,oFAAY,CAAC;IACpC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,oBAAoB,CAAC,8FAAe,CAAC;IACrC,oBAAoB,CAAC,gFAAa,CAAC;IACnC,oBAAoB,CAAC,gEAAU,CAAC;IAChC,mCAAmC,CAAC,mGAAe,CAAC;IACpD,0BAA0B,CAAC,OAAS,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC;IAC5D,sBAAsB,CAAC,yDAAQ,CAAC;IAChC,kBAAkB,CAAC,wDAAQ,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,4FAAa,CAAC;IAChC,qBAAqB,CAAC,qLAA8B,CAAC;IACrD,sBAAsB,CAAC,8IAAsB,CAAC;IAC9C,uBAAuB,CAAC,qJAAuB,CAAC;IAChD,wBAAwB,CAAC,8IAAsB,CAAC;IAChD,eAAe,CAAC,qBAAG,CAAC;IACpB,uBAAuB,CAAC,0GAAgB,CAAC;IACzC,cAAc,CAAC,mCAAK,CAAC;IACrB,0BAA0B,CAAC,MAAM,YAAc,CAAC,gFAAc,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAClG,kBAAkB,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,QAAQ,CAAC;IAC5B,iBAAiB,CAAC,QAAQ,CAAC;AAC7B","sources":["packages/@react-spectrum/s2/intl/uk-UA.json"],"sourcesContent":["{\n \"actionbar.actions\": \"Дії\",\n \"actionbar.actionsAvailable\": \"Доступні дії.\",\n \"actionbar.clearSelection\": \"Очистити вибір\",\n \"actionbar.selected\": \"{count, plural, =0 {Не вибрано нічого} other {Вибрано #}}\",\n \"actionbar.selectedAll\": \"Усе вибрано\",\n \"breadcrumbs.more\": \"Більше елементів\",\n \"button.pending\": \"в очікуванні\",\n \"contextualhelp.help\": \"Довідка\",\n \"contextualhelp.info\": \"Інформація\",\n \"dialog.alert\": \"Сигнал тривоги\",\n \"dialog.dismiss\": \"Скасувати\",\n \"dropzone.replaceMessage\": \"Перетягніть файл для заміни\",\n \"inlinealert.informative\": \"Інформація\",\n \"inlinealert.negative\": \"Помилка\",\n \"inlinealert.notice\": \"Попередження\",\n \"inlinealert.positive\": \"Успішно\",\n \"label.(optional)\": \"(необов’язково)\",\n \"label.(required)\": \"(обов’язково)\",\n \"menu.moreActions\": \"Більше дій\",\n \"notificationbadge.indicatorOnly\": \"Нова активність\",\n \"notificationbadge.plus\": \"{notifications}+\",\n \"picker.placeholder\": \"Вибрати…\",\n \"slider.maximum\": \"Максимум\",\n \"slider.minimum\": \"Мінімум\",\n \"table.loading\": \"Завантаження…\",\n \"table.loadingMore\": \"Завантаження інших об’єктів...\",\n \"table.resizeColumn\": \"Змінити розмір стовпця\",\n \"table.sortAscending\": \"Сортувати за зростанням\",\n \"table.sortDescending\": \"Сортувати за спаданням\",\n \"tag.actions\": \"Дії\",\n \"tag.hideButtonLabel\": \"Показувати менше\",\n \"tag.noTags\": \"Немає\",\n \"tag.showAllButtonLabel\": \"Показати всі ({tagCount, number})\",\n \"toast.clearAll\": \"Clear all\",\n \"toast.collapse\": \"Collapse\",\n \"toast.showAll\": \"Show all\"\n}\n"],"names":[],"version":3,"file":"uk-UA.cjs.map"}
package/dist/uk-UA.mjs CHANGED
@@ -3,8 +3,12 @@ $a9ac68d634334314$exports = {
3
3
  "actionbar.actions": `\u{414}\u{456}\u{457}`,
4
4
  "actionbar.actionsAvailable": `\u{414}\u{43E}\u{441}\u{442}\u{443}\u{43F}\u{43D}\u{456} \u{434}\u{456}\u{457}.`,
5
5
  "actionbar.clearSelection": `\u{41E}\u{447}\u{438}\u{441}\u{442}\u{438}\u{442}\u{438} \u{432}\u{438}\u{431}\u{456}\u{440}`,
6
- "actionbar.selected": (args)=>`\u{412}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E}: ${args.count}`,
6
+ "actionbar.selected": (args, formatter)=>`${formatter.plural(args.count, {
7
+ "=0": `\u{41D}\u{435} \u{432}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E} \u{43D}\u{456}\u{447}\u{43E}\u{433}\u{43E}`,
8
+ other: ()=>`\u{412}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E} ${formatter.number(args.count)}`
9
+ })}`,
7
10
  "actionbar.selectedAll": `\u{423}\u{441}\u{435} \u{432}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E}`,
11
+ "breadcrumbs.more": `\u{411}\u{456}\u{43B}\u{44C}\u{448}\u{435} \u{435}\u{43B}\u{435}\u{43C}\u{435}\u{43D}\u{442}\u{456}\u{432}`,
8
12
  "button.pending": `\u{432} \u{43E}\u{447}\u{456}\u{43A}\u{443}\u{432}\u{430}\u{43D}\u{43D}\u{456}`,
9
13
  "contextualhelp.help": `\u{414}\u{43E}\u{432}\u{456}\u{434}\u{43A}\u{430}`,
10
14
  "contextualhelp.info": `\u{406}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{456}\u{44F}`,
@@ -18,6 +22,8 @@ $a9ac68d634334314$exports = {
18
22
  "label.(optional)": `(\u{43D}\u{435}\u{43E}\u{431}\u{43E}\u{432}\u{2019}\u{44F}\u{437}\u{43A}\u{43E}\u{432}\u{43E})`,
19
23
  "label.(required)": `(\u{43E}\u{431}\u{43E}\u{432}\u{2019}\u{44F}\u{437}\u{43A}\u{43E}\u{432}\u{43E})`,
20
24
  "menu.moreActions": `\u{411}\u{456}\u{43B}\u{44C}\u{448}\u{435} \u{434}\u{456}\u{439}`,
25
+ "notificationbadge.indicatorOnly": `\u{41D}\u{43E}\u{432}\u{430} \u{430}\u{43A}\u{442}\u{438}\u{432}\u{43D}\u{456}\u{441}\u{442}\u{44C}`,
26
+ "notificationbadge.plus": (args)=>`${args.notifications}+`,
21
27
  "picker.placeholder": `\u{412}\u{438}\u{431}\u{440}\u{430}\u{442}\u{438}\u{2026}`,
22
28
  "slider.maximum": `\u{41C}\u{430}\u{43A}\u{441}\u{438}\u{43C}\u{443}\u{43C}`,
23
29
  "slider.minimum": `\u{41C}\u{456}\u{43D}\u{456}\u{43C}\u{443}\u{43C}`,
@@ -30,7 +36,9 @@ $a9ac68d634334314$exports = {
30
36
  "tag.hideButtonLabel": `\u{41F}\u{43E}\u{43A}\u{430}\u{437}\u{443}\u{432}\u{430}\u{442}\u{438} \u{43C}\u{435}\u{43D}\u{448}\u{435}`,
31
37
  "tag.noTags": `\u{41D}\u{435}\u{43C}\u{430}\u{454}`,
32
38
  "tag.showAllButtonLabel": (args, formatter)=>`\u{41F}\u{43E}\u{43A}\u{430}\u{437}\u{430}\u{442}\u{438} \u{432}\u{441}\u{456} (${formatter.number(args.tagCount)})`,
33
- "breadcrumbs.more": `\u{411}\u{456}\u{43B}\u{44C}\u{448}\u{435} \u{435}\u{43B}\u{435}\u{43C}\u{435}\u{43D}\u{442}\u{456}\u{432}`
39
+ "toast.clearAll": `Clear all`,
40
+ "toast.collapse": `Collapse`,
41
+ "toast.showAll": `Show all`
34
42
  };
35
43
 
36
44
 
@@ -1 +1 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,qBAAqB,CAAC,qBAAG,CAAC;IAC5C,8BAA8B,CAAC,+EAAa,CAAC;IAC7C,4BAA4B,CAAC,4FAAc,CAAC;IAC5C,sBAAsB,CAAC,OAAS,CAAC,mDAAS,EAAE,KAAK,KAAK,EAAE;IACxD,yBAAyB,CAAC,uEAAW,CAAC;IACtC,kBAAkB,CAAC,8EAAY,CAAC;IAChC,uBAAuB,CAAC,iDAAO,CAAC;IAChC,uBAAuB,CAAC,sEAAU,CAAC;IACnC,gBAAgB,CAAC,4FAAc,CAAC;IAChC,kBAAkB,CAAC,+DAAS,CAAC;IAC7B,2BAA2B,CAAC,2KAA2B,CAAC;IACxD,2BAA2B,CAAC,sEAAU,CAAC;IACvC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,sBAAsB,CAAC,oFAAY,CAAC;IACpC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,oBAAoB,CAAC,8FAAe,CAAC;IACrC,oBAAoB,CAAC,gFAAa,CAAC;IACnC,oBAAoB,CAAC,gEAAU,CAAC;IAChC,sBAAsB,CAAC,yDAAQ,CAAC;IAChC,kBAAkB,CAAC,wDAAQ,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,4FAAa,CAAC;IAChC,qBAAqB,CAAC,qLAA8B,CAAC;IACrD,sBAAsB,CAAC,8IAAsB,CAAC;IAC9C,uBAAuB,CAAC,qJAAuB,CAAC;IAChD,wBAAwB,CAAC,8IAAsB,CAAC;IAChD,eAAe,CAAC,qBAAG,CAAC;IACpB,uBAAuB,CAAC,0GAAgB,CAAC;IACzC,cAAc,CAAC,mCAAK,CAAC;IACrB,0BAA0B,CAAC,MAAM,YAAc,CAAC,gFAAc,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAClG,oBAAoB,CAAC,0GAAgB,CAAC;AACxC","sources":["packages/@react-spectrum/s2/intl/uk-UA.json"],"sourcesContent":["{\n \"actionbar.actions\": \"Дії\",\n \"actionbar.actionsAvailable\": \"Доступні дії.\",\n \"actionbar.clearSelection\": \"Очистити вибір\",\n \"actionbar.selected\": \"Вибрано: {count}\",\n \"actionbar.selectedAll\": \"Усе вибрано\",\n \"button.pending\": \"в очікуванні\",\n \"contextualhelp.help\": \"Довідка\",\n \"contextualhelp.info\": \"Інформація\",\n \"dialog.alert\": \"Сигнал тривоги\",\n \"dialog.dismiss\": \"Скасувати\",\n \"dropzone.replaceMessage\": \"Перетягніть файл для заміни\",\n \"inlinealert.informative\": \"Інформація\",\n \"inlinealert.negative\": \"Помилка\",\n \"inlinealert.notice\": \"Попередження\",\n \"inlinealert.positive\": \"Успішно\",\n \"label.(optional)\": \"(необов’язково)\",\n \"label.(required)\": \"(обов’язково)\",\n \"menu.moreActions\": \"Більше дій\",\n \"picker.placeholder\": \"Вибрати…\",\n \"slider.maximum\": \"Максимум\",\n \"slider.minimum\": \"Мінімум\",\n \"table.loading\": \"Завантаження…\",\n \"table.loadingMore\": \"Завантаження інших об’єктів...\",\n \"table.resizeColumn\": \"Змінити розмір стовпця\",\n \"table.sortAscending\": \"Сортувати за зростанням\",\n \"table.sortDescending\": \"Сортувати за спаданням\",\n \"tag.actions\": \"Дії\",\n \"tag.hideButtonLabel\": \"Показувати менше\",\n \"tag.noTags\": \"Немає\",\n \"tag.showAllButtonLabel\": \"Показати всі ({tagCount, number})\",\n \"breadcrumbs.more\": \"Більше елементів\"\n}"],"names":[],"version":3,"file":"uk-UA.mjs.map"}
1
+ {"mappings":";AAAA,4BAAiB;IAAG,qBAAqB,CAAC,qBAAG,CAAC;IAC5C,8BAA8B,CAAC,+EAAa,CAAC;IAC7C,4BAA4B,CAAC,4FAAc,CAAC;IAC5C,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,2GAAiB,CAAC;YAAE,OAAO,IAAM,CAAC,kDAAQ,EAAE,UAAU,MAAM,CAAC,KAAK,KAAK,GAAG;QAAA,IAAI;IACjK,yBAAyB,CAAC,uEAAW,CAAC;IACtC,oBAAoB,CAAC,0GAAgB,CAAC;IACtC,kBAAkB,CAAC,8EAAY,CAAC;IAChC,uBAAuB,CAAC,iDAAO,CAAC;IAChC,uBAAuB,CAAC,sEAAU,CAAC;IACnC,gBAAgB,CAAC,4FAAc,CAAC;IAChC,kBAAkB,CAAC,+DAAS,CAAC;IAC7B,2BAA2B,CAAC,2KAA2B,CAAC;IACxD,2BAA2B,CAAC,sEAAU,CAAC;IACvC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,sBAAsB,CAAC,oFAAY,CAAC;IACpC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,oBAAoB,CAAC,8FAAe,CAAC;IACrC,oBAAoB,CAAC,gFAAa,CAAC;IACnC,oBAAoB,CAAC,gEAAU,CAAC;IAChC,mCAAmC,CAAC,mGAAe,CAAC;IACpD,0BAA0B,CAAC,OAAS,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC;IAC5D,sBAAsB,CAAC,yDAAQ,CAAC;IAChC,kBAAkB,CAAC,wDAAQ,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,4FAAa,CAAC;IAChC,qBAAqB,CAAC,qLAA8B,CAAC;IACrD,sBAAsB,CAAC,8IAAsB,CAAC;IAC9C,uBAAuB,CAAC,qJAAuB,CAAC;IAChD,wBAAwB,CAAC,8IAAsB,CAAC;IAChD,eAAe,CAAC,qBAAG,CAAC;IACpB,uBAAuB,CAAC,0GAAgB,CAAC;IACzC,cAAc,CAAC,mCAAK,CAAC;IACrB,0BAA0B,CAAC,MAAM,YAAc,CAAC,gFAAc,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAClG,kBAAkB,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,QAAQ,CAAC;IAC5B,iBAAiB,CAAC,QAAQ,CAAC;AAC7B","sources":["packages/@react-spectrum/s2/intl/uk-UA.json"],"sourcesContent":["{\n \"actionbar.actions\": \"Дії\",\n \"actionbar.actionsAvailable\": \"Доступні дії.\",\n \"actionbar.clearSelection\": \"Очистити вибір\",\n \"actionbar.selected\": \"{count, plural, =0 {Не вибрано нічого} other {Вибрано #}}\",\n \"actionbar.selectedAll\": \"Усе вибрано\",\n \"breadcrumbs.more\": \"Більше елементів\",\n \"button.pending\": \"в очікуванні\",\n \"contextualhelp.help\": \"Довідка\",\n \"contextualhelp.info\": \"Інформація\",\n \"dialog.alert\": \"Сигнал тривоги\",\n \"dialog.dismiss\": \"Скасувати\",\n \"dropzone.replaceMessage\": \"Перетягніть файл для заміни\",\n \"inlinealert.informative\": \"Інформація\",\n \"inlinealert.negative\": \"Помилка\",\n \"inlinealert.notice\": \"Попередження\",\n \"inlinealert.positive\": \"Успішно\",\n \"label.(optional)\": \"(необов’язково)\",\n \"label.(required)\": \"(обов’язково)\",\n \"menu.moreActions\": \"Більше дій\",\n \"notificationbadge.indicatorOnly\": \"Нова активність\",\n \"notificationbadge.plus\": \"{notifications}+\",\n \"picker.placeholder\": \"Вибрати…\",\n \"slider.maximum\": \"Максимум\",\n \"slider.minimum\": \"Мінімум\",\n \"table.loading\": \"Завантаження…\",\n \"table.loadingMore\": \"Завантаження інших об’єктів...\",\n \"table.resizeColumn\": \"Змінити розмір стовпця\",\n \"table.sortAscending\": \"Сортувати за зростанням\",\n \"table.sortDescending\": \"Сортувати за спаданням\",\n \"tag.actions\": \"Дії\",\n \"tag.hideButtonLabel\": \"Показувати менше\",\n \"tag.noTags\": \"Немає\",\n \"tag.showAllButtonLabel\": \"Показати всі ({tagCount, number})\",\n \"toast.clearAll\": \"Clear all\",\n \"toast.collapse\": \"Collapse\",\n \"toast.showAll\": \"Show all\"\n}\n"],"names":[],"version":3,"file":"uk-UA.mjs.map"}
package/dist/zh-CN.cjs CHANGED
@@ -7,6 +7,7 @@ module.exports = {
7
7
  other: ()=>`\u{5DF2}\u{9009}\u{62E9} ${formatter.number(args.count)} \u{4E2A}`
8
8
  })}`,
9
9
  "actionbar.selectedAll": `\u{5168}\u{9009}`,
10
+ "breadcrumbs.more": `\u{66F4}\u{591A}\u{9879}\u{76EE}`,
10
11
  "button.pending": `\u{5F85}\u{5904}\u{7406}`,
11
12
  "contextualhelp.help": `\u{5E2E}\u{52A9}`,
12
13
  "contextualhelp.info": `\u{4FE1}\u{606F}`,
@@ -20,6 +21,8 @@ module.exports = {
20
21
  "label.(optional)": `\u{FF08}\u{53EF}\u{9009}\u{FF09}`,
21
22
  "label.(required)": `\u{FF08}\u{5FC5}\u{586B}\u{FF09}`,
22
23
  "menu.moreActions": `\u{66F4}\u{591A}\u{64CD}\u{4F5C}`,
24
+ "notificationbadge.indicatorOnly": `\u{65B0}\u{6D3B}\u{52A8}`,
25
+ "notificationbadge.plus": (args)=>`${args.notifications}+`,
23
26
  "picker.placeholder": `\u{9009}\u{62E9}...`,
24
27
  "slider.maximum": `\u{6700}\u{5927}`,
25
28
  "slider.minimum": `\u{6700}\u{5C0F}`,
@@ -32,7 +35,9 @@ module.exports = {
32
35
  "tag.hideButtonLabel": `\u{663E}\u{793A}\u{66F4}\u{5C11}`,
33
36
  "tag.noTags": `\u{65E0}`,
34
37
  "tag.showAllButtonLabel": (args, formatter)=>`\u{5168}\u{90E8}\u{663E}\u{793A} (${formatter.number(args.tagCount)})`,
35
- "breadcrumbs.more": `\u{66F4}\u{591A}\u{9879}\u{76EE}`
38
+ "toast.clearAll": `Clear all`,
39
+ "toast.collapse": `Collapse`,
40
+ "toast.showAll": `Show all`
36
41
  };
37
42
 
38
43
 
@@ -1 +1 @@
1
- {"mappings":"AAAA,iBAAiB;IAAG,qBAAqB,CAAC,gBAAE,CAAC;IAC3C,8BAA8B,CAAC,gDAAM,CAAC;IACtC,4BAA4B,CAAC,gCAAI,CAAC;IAClC,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,wBAAG,CAAC;YAAE,OAAO,IAAM,CAAC,yBAAI,EAAE,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAE,CAAC;QAAA,IAAI;IACjJ,yBAAyB,CAAC,gBAAE,CAAC;IAC7B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,mBAAK,CAAC;IAC7B,kBAAkB,CAAC,gBAAE,CAAC;IACtB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,iBAAiB,CAAC,mCAAO,CAAC;IAC1B,qBAAqB,CAAC,mDAAS,CAAC;IAChC,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC1F,oBAAoB,CAAC,gCAAI,CAAC;AAC5B","sources":["packages/@react-spectrum/s2/intl/zh-CN.json"],"sourcesContent":["{\n \"actionbar.actions\": \"操作\",\n \"actionbar.actionsAvailable\": \"有可用操作。\",\n \"actionbar.clearSelection\": \"清除选择\",\n \"actionbar.selected\": \"{count, plural, =0 {无选择} other {已选择 # 个}}\",\n \"actionbar.selectedAll\": \"全选\",\n \"button.pending\": \"待处理\",\n \"contextualhelp.help\": \"帮助\",\n \"contextualhelp.info\": \"信息\",\n \"dialog.alert\": \"警报\",\n \"dialog.dismiss\": \"取消\",\n \"dropzone.replaceMessage\": \"删除要替换的文件\",\n \"inlinealert.informative\": \"信息\",\n \"inlinealert.negative\": \"错误\",\n \"inlinealert.notice\": \"警告\",\n \"inlinealert.positive\": \"成功\",\n \"label.(optional)\": \"(可选)\",\n \"label.(required)\": \"(必填)\",\n \"menu.moreActions\": \"更多操作\",\n \"picker.placeholder\": \"选择...\",\n \"slider.maximum\": \"最大\",\n \"slider.minimum\": \"最小\",\n \"table.loading\": \"正在加载...\",\n \"table.loadingMore\": \"正在加载更多...\",\n \"table.resizeColumn\": \"调整列大小\",\n \"table.sortAscending\": \"升序排序\",\n \"table.sortDescending\": \"降序排序\",\n \"tag.actions\": \"操作\",\n \"tag.hideButtonLabel\": \"显示更少\",\n \"tag.noTags\": \"无\",\n \"tag.showAllButtonLabel\": \"全部显示 ({tagCount, number})\",\n \"breadcrumbs.more\": \"更多项目\"\n}"],"names":[],"version":3,"file":"zh-CN.cjs.map"}
1
+ {"mappings":"AAAA,iBAAiB;IAAG,qBAAqB,CAAC,gBAAE,CAAC;IAC3C,8BAA8B,CAAC,gDAAM,CAAC;IACtC,4BAA4B,CAAC,gCAAI,CAAC;IAClC,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,wBAAG,CAAC;YAAE,OAAO,IAAM,CAAC,yBAAI,EAAE,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAE,CAAC;QAAA,IAAI;IACjJ,yBAAyB,CAAC,gBAAE,CAAC;IAC7B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,mCAAmC,CAAC,wBAAG,CAAC;IACxC,0BAA0B,CAAC,OAAS,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC;IAC5D,sBAAsB,CAAC,mBAAK,CAAC;IAC7B,kBAAkB,CAAC,gBAAE,CAAC;IACtB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,iBAAiB,CAAC,mCAAO,CAAC;IAC1B,qBAAqB,CAAC,mDAAS,CAAC;IAChC,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC1F,kBAAkB,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,QAAQ,CAAC;IAC5B,iBAAiB,CAAC,QAAQ,CAAC;AAC7B","sources":["packages/@react-spectrum/s2/intl/zh-CN.json"],"sourcesContent":["{\n \"actionbar.actions\": \"操作\",\n \"actionbar.actionsAvailable\": \"有可用操作。\",\n \"actionbar.clearSelection\": \"清除选择\",\n \"actionbar.selected\": \"{count, plural, =0 {无选择} other {已选择 # 个}}\",\n \"actionbar.selectedAll\": \"全选\",\n \"breadcrumbs.more\": \"更多项目\",\n \"button.pending\": \"待处理\",\n \"contextualhelp.help\": \"帮助\",\n \"contextualhelp.info\": \"信息\",\n \"dialog.alert\": \"警报\",\n \"dialog.dismiss\": \"取消\",\n \"dropzone.replaceMessage\": \"删除要替换的文件\",\n \"inlinealert.informative\": \"信息\",\n \"inlinealert.negative\": \"错误\",\n \"inlinealert.notice\": \"警告\",\n \"inlinealert.positive\": \"成功\",\n \"label.(optional)\": \"(可选)\",\n \"label.(required)\": \"(必填)\",\n \"menu.moreActions\": \"更多操作\",\n \"notificationbadge.indicatorOnly\": \"新活动\",\n \"notificationbadge.plus\": \"{notifications}+\",\n \"picker.placeholder\": \"选择...\",\n \"slider.maximum\": \"最大\",\n \"slider.minimum\": \"最小\",\n \"table.loading\": \"正在加载...\",\n \"table.loadingMore\": \"正在加载更多...\",\n \"table.resizeColumn\": \"调整列大小\",\n \"table.sortAscending\": \"升序排序\",\n \"table.sortDescending\": \"降序排序\",\n \"tag.actions\": \"操作\",\n \"tag.hideButtonLabel\": \"显示更少\",\n \"tag.noTags\": \"无\",\n \"tag.showAllButtonLabel\": \"全部显示 ({tagCount, number})\",\n \"toast.clearAll\": \"Clear all\",\n \"toast.collapse\": \"Collapse\",\n \"toast.showAll\": \"Show all\"\n}\n"],"names":[],"version":3,"file":"zh-CN.cjs.map"}
package/dist/zh-CN.mjs CHANGED
@@ -8,6 +8,7 @@ $50d924ca2959ae83$exports = {
8
8
  other: ()=>`\u{5DF2}\u{9009}\u{62E9} ${formatter.number(args.count)} \u{4E2A}`
9
9
  })}`,
10
10
  "actionbar.selectedAll": `\u{5168}\u{9009}`,
11
+ "breadcrumbs.more": `\u{66F4}\u{591A}\u{9879}\u{76EE}`,
11
12
  "button.pending": `\u{5F85}\u{5904}\u{7406}`,
12
13
  "contextualhelp.help": `\u{5E2E}\u{52A9}`,
13
14
  "contextualhelp.info": `\u{4FE1}\u{606F}`,
@@ -21,6 +22,8 @@ $50d924ca2959ae83$exports = {
21
22
  "label.(optional)": `\u{FF08}\u{53EF}\u{9009}\u{FF09}`,
22
23
  "label.(required)": `\u{FF08}\u{5FC5}\u{586B}\u{FF09}`,
23
24
  "menu.moreActions": `\u{66F4}\u{591A}\u{64CD}\u{4F5C}`,
25
+ "notificationbadge.indicatorOnly": `\u{65B0}\u{6D3B}\u{52A8}`,
26
+ "notificationbadge.plus": (args)=>`${args.notifications}+`,
24
27
  "picker.placeholder": `\u{9009}\u{62E9}...`,
25
28
  "slider.maximum": `\u{6700}\u{5927}`,
26
29
  "slider.minimum": `\u{6700}\u{5C0F}`,
@@ -33,7 +36,9 @@ $50d924ca2959ae83$exports = {
33
36
  "tag.hideButtonLabel": `\u{663E}\u{793A}\u{66F4}\u{5C11}`,
34
37
  "tag.noTags": `\u{65E0}`,
35
38
  "tag.showAllButtonLabel": (args, formatter)=>`\u{5168}\u{90E8}\u{663E}\u{793A} (${formatter.number(args.tagCount)})`,
36
- "breadcrumbs.more": `\u{66F4}\u{591A}\u{9879}\u{76EE}`
39
+ "toast.clearAll": `Clear all`,
40
+ "toast.collapse": `Collapse`,
41
+ "toast.showAll": `Show all`
37
42
  };
38
43
 
39
44
 
@@ -1 +1 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,qBAAqB,CAAC,gBAAE,CAAC;IAC3C,8BAA8B,CAAC,gDAAM,CAAC;IACtC,4BAA4B,CAAC,gCAAI,CAAC;IAClC,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,wBAAG,CAAC;YAAE,OAAO,IAAM,CAAC,yBAAI,EAAE,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAE,CAAC;QAAA,IAAI;IACjJ,yBAAyB,CAAC,gBAAE,CAAC;IAC7B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,mBAAK,CAAC;IAC7B,kBAAkB,CAAC,gBAAE,CAAC;IACtB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,iBAAiB,CAAC,mCAAO,CAAC;IAC1B,qBAAqB,CAAC,mDAAS,CAAC;IAChC,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC1F,oBAAoB,CAAC,gCAAI,CAAC;AAC5B","sources":["packages/@react-spectrum/s2/intl/zh-CN.json"],"sourcesContent":["{\n \"actionbar.actions\": \"操作\",\n \"actionbar.actionsAvailable\": \"有可用操作。\",\n \"actionbar.clearSelection\": \"清除选择\",\n \"actionbar.selected\": \"{count, plural, =0 {无选择} other {已选择 # 个}}\",\n \"actionbar.selectedAll\": \"全选\",\n \"button.pending\": \"待处理\",\n \"contextualhelp.help\": \"帮助\",\n \"contextualhelp.info\": \"信息\",\n \"dialog.alert\": \"警报\",\n \"dialog.dismiss\": \"取消\",\n \"dropzone.replaceMessage\": \"删除要替换的文件\",\n \"inlinealert.informative\": \"信息\",\n \"inlinealert.negative\": \"错误\",\n \"inlinealert.notice\": \"警告\",\n \"inlinealert.positive\": \"成功\",\n \"label.(optional)\": \"(可选)\",\n \"label.(required)\": \"(必填)\",\n \"menu.moreActions\": \"更多操作\",\n \"picker.placeholder\": \"选择...\",\n \"slider.maximum\": \"最大\",\n \"slider.minimum\": \"最小\",\n \"table.loading\": \"正在加载...\",\n \"table.loadingMore\": \"正在加载更多...\",\n \"table.resizeColumn\": \"调整列大小\",\n \"table.sortAscending\": \"升序排序\",\n \"table.sortDescending\": \"降序排序\",\n \"tag.actions\": \"操作\",\n \"tag.hideButtonLabel\": \"显示更少\",\n \"tag.noTags\": \"无\",\n \"tag.showAllButtonLabel\": \"全部显示 ({tagCount, number})\",\n \"breadcrumbs.more\": \"更多项目\"\n}"],"names":[],"version":3,"file":"zh-CN.mjs.map"}
1
+ {"mappings":";AAAA,4BAAiB;IAAG,qBAAqB,CAAC,gBAAE,CAAC;IAC3C,8BAA8B,CAAC,gDAAM,CAAC;IACtC,4BAA4B,CAAC,gCAAI,CAAC;IAClC,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,wBAAG,CAAC;YAAE,OAAO,IAAM,CAAC,yBAAI,EAAE,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAE,CAAC;QAAA,IAAI;IACjJ,yBAAyB,CAAC,gBAAE,CAAC;IAC7B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,mCAAmC,CAAC,wBAAG,CAAC;IACxC,0BAA0B,CAAC,OAAS,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC;IAC5D,sBAAsB,CAAC,mBAAK,CAAC;IAC7B,kBAAkB,CAAC,gBAAE,CAAC;IACtB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,iBAAiB,CAAC,mCAAO,CAAC;IAC1B,qBAAqB,CAAC,mDAAS,CAAC;IAChC,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC1F,kBAAkB,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,QAAQ,CAAC;IAC5B,iBAAiB,CAAC,QAAQ,CAAC;AAC7B","sources":["packages/@react-spectrum/s2/intl/zh-CN.json"],"sourcesContent":["{\n \"actionbar.actions\": \"操作\",\n \"actionbar.actionsAvailable\": \"有可用操作。\",\n \"actionbar.clearSelection\": \"清除选择\",\n \"actionbar.selected\": \"{count, plural, =0 {无选择} other {已选择 # 个}}\",\n \"actionbar.selectedAll\": \"全选\",\n \"breadcrumbs.more\": \"更多项目\",\n \"button.pending\": \"待处理\",\n \"contextualhelp.help\": \"帮助\",\n \"contextualhelp.info\": \"信息\",\n \"dialog.alert\": \"警报\",\n \"dialog.dismiss\": \"取消\",\n \"dropzone.replaceMessage\": \"删除要替换的文件\",\n \"inlinealert.informative\": \"信息\",\n \"inlinealert.negative\": \"错误\",\n \"inlinealert.notice\": \"警告\",\n \"inlinealert.positive\": \"成功\",\n \"label.(optional)\": \"(可选)\",\n \"label.(required)\": \"(必填)\",\n \"menu.moreActions\": \"更多操作\",\n \"notificationbadge.indicatorOnly\": \"新活动\",\n \"notificationbadge.plus\": \"{notifications}+\",\n \"picker.placeholder\": \"选择...\",\n \"slider.maximum\": \"最大\",\n \"slider.minimum\": \"最小\",\n \"table.loading\": \"正在加载...\",\n \"table.loadingMore\": \"正在加载更多...\",\n \"table.resizeColumn\": \"调整列大小\",\n \"table.sortAscending\": \"升序排序\",\n \"table.sortDescending\": \"降序排序\",\n \"tag.actions\": \"操作\",\n \"tag.hideButtonLabel\": \"显示更少\",\n \"tag.noTags\": \"无\",\n \"tag.showAllButtonLabel\": \"全部显示 ({tagCount, number})\",\n \"toast.clearAll\": \"Clear all\",\n \"toast.collapse\": \"Collapse\",\n \"toast.showAll\": \"Show all\"\n}\n"],"names":[],"version":3,"file":"zh-CN.mjs.map"}
package/dist/zh-TW.cjs CHANGED
@@ -7,6 +7,7 @@ module.exports = {
7
7
  other: ()=>`\u{5DF2}\u{9078}\u{53D6} ${formatter.number(args.count)} \u{500B}`
8
8
  })}`,
9
9
  "actionbar.selectedAll": `\u{5DF2}\u{9078}\u{53D6}\u{6240}\u{6709}\u{9805}\u{76EE}`,
10
+ "breadcrumbs.more": `\u{66F4}\u{591A}\u{9805}\u{76EE}`,
10
11
  "button.pending": `\u{5F85}\u{8655}\u{7406}`,
11
12
  "contextualhelp.help": `\u{8AAA}\u{660E}`,
12
13
  "contextualhelp.info": `\u{8CC7}\u{8A0A}`,
@@ -20,6 +21,8 @@ module.exports = {
20
21
  "label.(optional)": `(\u{9078}\u{586B})`,
21
22
  "label.(required)": `(\u{5FC5}\u{586B})`,
22
23
  "menu.moreActions": `\u{66F4}\u{591A}\u{52D5}\u{4F5C}`,
24
+ "notificationbadge.indicatorOnly": `\u{65B0}\u{6D3B}\u{52D5}`,
25
+ "notificationbadge.plus": (args)=>`${args.notifications}+`,
23
26
  "picker.placeholder": `\u{9078}\u{53D6}\u{2026}`,
24
27
  "slider.maximum": `\u{6700}\u{5927}\u{503C}`,
25
28
  "slider.minimum": `\u{6700}\u{5C0F}\u{503C}`,
@@ -32,7 +35,9 @@ module.exports = {
32
35
  "tag.hideButtonLabel": `\u{986F}\u{793A}\u{8F03}\u{5C11}`,
33
36
  "tag.noTags": `\u{7121}`,
34
37
  "tag.showAllButtonLabel": (args, formatter)=>`\u{986F}\u{793A}\u{5168}\u{90E8} (${formatter.number(args.tagCount)})`,
35
- "breadcrumbs.more": `\u{66F4}\u{591A}\u{9805}\u{76EE}`
38
+ "toast.clearAll": `Clear all`,
39
+ "toast.collapse": `Collapse`,
40
+ "toast.showAll": `Show all`
36
41
  };
37
42
 
38
43
 
@@ -1 +1 @@
1
- {"mappings":"AAAA,iBAAiB;IAAG,qBAAqB,CAAC,gBAAE,CAAC;IAC3C,8BAA8B,CAAC,wDAAO,CAAC;IACvC,4BAA4B,CAAC,gDAAM,CAAC;IACpC,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,wDAAO,CAAC;YAAE,OAAO,IAAM,CAAC,yBAAI,EAAE,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAE,CAAC;QAAA,IAAI;IACrJ,yBAAyB,CAAC,wDAAO,CAAC;IAClC,kBAAkB,CAAC,wBAAG,CAAC;IACvB,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,wBAAG,CAAC;IAC3B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,kBAAkB,CAAC,wBAAG,CAAC;IACvB,iBAAiB,CAAC,gCAAI,CAAC;IACvB,qBAAqB,CAAC,wDAAO,CAAC;IAC9B,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC1F,oBAAoB,CAAC,gCAAI,CAAC;AAC5B","sources":["packages/@react-spectrum/s2/intl/zh-TW.json"],"sourcesContent":["{\n \"actionbar.actions\": \"動作\",\n \"actionbar.actionsAvailable\": \"可執行的動作。\",\n \"actionbar.clearSelection\": \"清除選取項目\",\n \"actionbar.selected\": \"{count, plural, =0 {未選取任何項目} other {已選取 # 個}}\",\n \"actionbar.selectedAll\": \"已選取所有項目\",\n \"button.pending\": \"待處理\",\n \"contextualhelp.help\": \"說明\",\n \"contextualhelp.info\": \"資訊\",\n \"dialog.alert\": \"警示\",\n \"dialog.dismiss\": \"關閉\",\n \"dropzone.replaceMessage\": \"放置要取代的檔案\",\n \"inlinealert.informative\": \"資訊\",\n \"inlinealert.negative\": \"錯誤\",\n \"inlinealert.notice\": \"警告\",\n \"inlinealert.positive\": \"成功\",\n \"label.(optional)\": \"(選填)\",\n \"label.(required)\": \"(必填)\",\n \"menu.moreActions\": \"更多動作\",\n \"picker.placeholder\": \"選取…\",\n \"slider.maximum\": \"最大值\",\n \"slider.minimum\": \"最小值\",\n \"table.loading\": \"載入中…\",\n \"table.loadingMore\": \"正在載入更多…\",\n \"table.resizeColumn\": \"調整欄大小\",\n \"table.sortAscending\": \"升序排序\",\n \"table.sortDescending\": \"降序排序\",\n \"tag.actions\": \"動作\",\n \"tag.hideButtonLabel\": \"顯示較少\",\n \"tag.noTags\": \"無\",\n \"tag.showAllButtonLabel\": \"顯示全部 ({tagCount, number})\",\n \"breadcrumbs.more\": \"更多項目\"\n}"],"names":[],"version":3,"file":"zh-TW.cjs.map"}
1
+ {"mappings":"AAAA,iBAAiB;IAAG,qBAAqB,CAAC,gBAAE,CAAC;IAC3C,8BAA8B,CAAC,wDAAO,CAAC;IACvC,4BAA4B,CAAC,gDAAM,CAAC;IACpC,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,wDAAO,CAAC;YAAE,OAAO,IAAM,CAAC,yBAAI,EAAE,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAE,CAAC;QAAA,IAAI;IACrJ,yBAAyB,CAAC,wDAAO,CAAC;IAClC,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,mCAAmC,CAAC,wBAAG,CAAC;IACxC,0BAA0B,CAAC,OAAS,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC;IAC5D,sBAAsB,CAAC,wBAAG,CAAC;IAC3B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,kBAAkB,CAAC,wBAAG,CAAC;IACvB,iBAAiB,CAAC,gCAAI,CAAC;IACvB,qBAAqB,CAAC,wDAAO,CAAC;IAC9B,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC1F,kBAAkB,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,QAAQ,CAAC;IAC5B,iBAAiB,CAAC,QAAQ,CAAC;AAC7B","sources":["packages/@react-spectrum/s2/intl/zh-TW.json"],"sourcesContent":["{\n \"actionbar.actions\": \"動作\",\n \"actionbar.actionsAvailable\": \"可執行的動作。\",\n \"actionbar.clearSelection\": \"清除選取項目\",\n \"actionbar.selected\": \"{count, plural, =0 {未選取任何項目} other {已選取 # 個}}\",\n \"actionbar.selectedAll\": \"已選取所有項目\",\n \"breadcrumbs.more\": \"更多項目\",\n \"button.pending\": \"待處理\",\n \"contextualhelp.help\": \"說明\",\n \"contextualhelp.info\": \"資訊\",\n \"dialog.alert\": \"警示\",\n \"dialog.dismiss\": \"關閉\",\n \"dropzone.replaceMessage\": \"放置要取代的檔案\",\n \"inlinealert.informative\": \"資訊\",\n \"inlinealert.negative\": \"錯誤\",\n \"inlinealert.notice\": \"警告\",\n \"inlinealert.positive\": \"成功\",\n \"label.(optional)\": \"(選填)\",\n \"label.(required)\": \"(必填)\",\n \"menu.moreActions\": \"更多動作\",\n \"notificationbadge.indicatorOnly\": \"新活動\",\n \"notificationbadge.plus\": \"{notifications}+\",\n \"picker.placeholder\": \"選取…\",\n \"slider.maximum\": \"最大值\",\n \"slider.minimum\": \"最小值\",\n \"table.loading\": \"載入中…\",\n \"table.loadingMore\": \"正在載入更多…\",\n \"table.resizeColumn\": \"調整欄大小\",\n \"table.sortAscending\": \"升序排序\",\n \"table.sortDescending\": \"降序排序\",\n \"tag.actions\": \"動作\",\n \"tag.hideButtonLabel\": \"顯示較少\",\n \"tag.noTags\": \"無\",\n \"tag.showAllButtonLabel\": \"顯示全部 ({tagCount, number})\",\n \"toast.clearAll\": \"Clear all\",\n \"toast.collapse\": \"Collapse\",\n \"toast.showAll\": \"Show all\"\n}\n"],"names":[],"version":3,"file":"zh-TW.cjs.map"}
package/dist/zh-TW.mjs CHANGED
@@ -8,6 +8,7 @@ $8cf71e4dbf20ddea$exports = {
8
8
  other: ()=>`\u{5DF2}\u{9078}\u{53D6} ${formatter.number(args.count)} \u{500B}`
9
9
  })}`,
10
10
  "actionbar.selectedAll": `\u{5DF2}\u{9078}\u{53D6}\u{6240}\u{6709}\u{9805}\u{76EE}`,
11
+ "breadcrumbs.more": `\u{66F4}\u{591A}\u{9805}\u{76EE}`,
11
12
  "button.pending": `\u{5F85}\u{8655}\u{7406}`,
12
13
  "contextualhelp.help": `\u{8AAA}\u{660E}`,
13
14
  "contextualhelp.info": `\u{8CC7}\u{8A0A}`,
@@ -21,6 +22,8 @@ $8cf71e4dbf20ddea$exports = {
21
22
  "label.(optional)": `(\u{9078}\u{586B})`,
22
23
  "label.(required)": `(\u{5FC5}\u{586B})`,
23
24
  "menu.moreActions": `\u{66F4}\u{591A}\u{52D5}\u{4F5C}`,
25
+ "notificationbadge.indicatorOnly": `\u{65B0}\u{6D3B}\u{52D5}`,
26
+ "notificationbadge.plus": (args)=>`${args.notifications}+`,
24
27
  "picker.placeholder": `\u{9078}\u{53D6}\u{2026}`,
25
28
  "slider.maximum": `\u{6700}\u{5927}\u{503C}`,
26
29
  "slider.minimum": `\u{6700}\u{5C0F}\u{503C}`,
@@ -33,7 +36,9 @@ $8cf71e4dbf20ddea$exports = {
33
36
  "tag.hideButtonLabel": `\u{986F}\u{793A}\u{8F03}\u{5C11}`,
34
37
  "tag.noTags": `\u{7121}`,
35
38
  "tag.showAllButtonLabel": (args, formatter)=>`\u{986F}\u{793A}\u{5168}\u{90E8} (${formatter.number(args.tagCount)})`,
36
- "breadcrumbs.more": `\u{66F4}\u{591A}\u{9805}\u{76EE}`
39
+ "toast.clearAll": `Clear all`,
40
+ "toast.collapse": `Collapse`,
41
+ "toast.showAll": `Show all`
37
42
  };
38
43
 
39
44
 
@@ -1 +1 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,qBAAqB,CAAC,gBAAE,CAAC;IAC3C,8BAA8B,CAAC,wDAAO,CAAC;IACvC,4BAA4B,CAAC,gDAAM,CAAC;IACpC,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,wDAAO,CAAC;YAAE,OAAO,IAAM,CAAC,yBAAI,EAAE,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAE,CAAC;QAAA,IAAI;IACrJ,yBAAyB,CAAC,wDAAO,CAAC;IAClC,kBAAkB,CAAC,wBAAG,CAAC;IACvB,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,wBAAG,CAAC;IAC3B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,kBAAkB,CAAC,wBAAG,CAAC;IACvB,iBAAiB,CAAC,gCAAI,CAAC;IACvB,qBAAqB,CAAC,wDAAO,CAAC;IAC9B,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC1F,oBAAoB,CAAC,gCAAI,CAAC;AAC5B","sources":["packages/@react-spectrum/s2/intl/zh-TW.json"],"sourcesContent":["{\n \"actionbar.actions\": \"動作\",\n \"actionbar.actionsAvailable\": \"可執行的動作。\",\n \"actionbar.clearSelection\": \"清除選取項目\",\n \"actionbar.selected\": \"{count, plural, =0 {未選取任何項目} other {已選取 # 個}}\",\n \"actionbar.selectedAll\": \"已選取所有項目\",\n \"button.pending\": \"待處理\",\n \"contextualhelp.help\": \"說明\",\n \"contextualhelp.info\": \"資訊\",\n \"dialog.alert\": \"警示\",\n \"dialog.dismiss\": \"關閉\",\n \"dropzone.replaceMessage\": \"放置要取代的檔案\",\n \"inlinealert.informative\": \"資訊\",\n \"inlinealert.negative\": \"錯誤\",\n \"inlinealert.notice\": \"警告\",\n \"inlinealert.positive\": \"成功\",\n \"label.(optional)\": \"(選填)\",\n \"label.(required)\": \"(必填)\",\n \"menu.moreActions\": \"更多動作\",\n \"picker.placeholder\": \"選取…\",\n \"slider.maximum\": \"最大值\",\n \"slider.minimum\": \"最小值\",\n \"table.loading\": \"載入中…\",\n \"table.loadingMore\": \"正在載入更多…\",\n \"table.resizeColumn\": \"調整欄大小\",\n \"table.sortAscending\": \"升序排序\",\n \"table.sortDescending\": \"降序排序\",\n \"tag.actions\": \"動作\",\n \"tag.hideButtonLabel\": \"顯示較少\",\n \"tag.noTags\": \"無\",\n \"tag.showAllButtonLabel\": \"顯示全部 ({tagCount, number})\",\n \"breadcrumbs.more\": \"更多項目\"\n}"],"names":[],"version":3,"file":"zh-TW.mjs.map"}
1
+ {"mappings":";AAAA,4BAAiB;IAAG,qBAAqB,CAAC,gBAAE,CAAC;IAC3C,8BAA8B,CAAC,wDAAO,CAAC;IACvC,4BAA4B,CAAC,gDAAM,CAAC;IACpC,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,wDAAO,CAAC;YAAE,OAAO,IAAM,CAAC,yBAAI,EAAE,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAE,CAAC;QAAA,IAAI;IACrJ,yBAAyB,CAAC,wDAAO,CAAC;IAClC,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,mCAAmC,CAAC,wBAAG,CAAC;IACxC,0BAA0B,CAAC,OAAS,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC;IAC5D,sBAAsB,CAAC,wBAAG,CAAC;IAC3B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,kBAAkB,CAAC,wBAAG,CAAC;IACvB,iBAAiB,CAAC,gCAAI,CAAC;IACvB,qBAAqB,CAAC,wDAAO,CAAC;IAC9B,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC1F,kBAAkB,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,QAAQ,CAAC;IAC5B,iBAAiB,CAAC,QAAQ,CAAC;AAC7B","sources":["packages/@react-spectrum/s2/intl/zh-TW.json"],"sourcesContent":["{\n \"actionbar.actions\": \"動作\",\n \"actionbar.actionsAvailable\": \"可執行的動作。\",\n \"actionbar.clearSelection\": \"清除選取項目\",\n \"actionbar.selected\": \"{count, plural, =0 {未選取任何項目} other {已選取 # 個}}\",\n \"actionbar.selectedAll\": \"已選取所有項目\",\n \"breadcrumbs.more\": \"更多項目\",\n \"button.pending\": \"待處理\",\n \"contextualhelp.help\": \"說明\",\n \"contextualhelp.info\": \"資訊\",\n \"dialog.alert\": \"警示\",\n \"dialog.dismiss\": \"關閉\",\n \"dropzone.replaceMessage\": \"放置要取代的檔案\",\n \"inlinealert.informative\": \"資訊\",\n \"inlinealert.negative\": \"錯誤\",\n \"inlinealert.notice\": \"警告\",\n \"inlinealert.positive\": \"成功\",\n \"label.(optional)\": \"(選填)\",\n \"label.(required)\": \"(必填)\",\n \"menu.moreActions\": \"更多動作\",\n \"notificationbadge.indicatorOnly\": \"新活動\",\n \"notificationbadge.plus\": \"{notifications}+\",\n \"picker.placeholder\": \"選取…\",\n \"slider.maximum\": \"最大值\",\n \"slider.minimum\": \"最小值\",\n \"table.loading\": \"載入中…\",\n \"table.loadingMore\": \"正在載入更多…\",\n \"table.resizeColumn\": \"調整欄大小\",\n \"table.sortAscending\": \"升序排序\",\n \"table.sortDescending\": \"降序排序\",\n \"tag.actions\": \"動作\",\n \"tag.hideButtonLabel\": \"顯示較少\",\n \"tag.noTags\": \"無\",\n \"tag.showAllButtonLabel\": \"顯示全部 ({tagCount, number})\",\n \"toast.clearAll\": \"Clear all\",\n \"toast.collapse\": \"Collapse\",\n \"toast.showAll\": \"Show all\"\n}\n"],"names":[],"version":3,"file":"zh-TW.mjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAWM,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAoB;IAC5C,IAAI,eAAe,CAAA,GAAA,uCAAY,EAAE;IACjC,OAAO,CAAA,GAAA,wBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,cAAc;YACpE,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;KAAY;AAClB;AASO,MAAM,0DAAkB,CAAA,GAAA,0BAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM,uDAMJ,qEAAqE;AAEvE,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gCAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAC;IACrC,qBACE,gCAAC;QACC,6CAA6C;QAC7C,OAAO,CAAA,GAAA,gCAAS,EAAE;QAClB,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,uBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,WAAW,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IAC3E,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,yBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,+BAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,OAAO;QACT,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,qCAAU,sBAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {inertValue, mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from '@react-spectrum/utils';\n\nexport function useLoadingAnimation(isAnimating: boolean) {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback((element: HTMLElement | null) => {\n if (isAnimating && !animationRef.current && element && !reduceMotion) {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [\n {backgroundPosition: '100%'},\n {backgroundPosition: '0%'}\n ],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode,\n className?: string,\n ref?: Ref<HTMLElement>,\n inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode,\n isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps) {\n // Disable all form components inside a skeleton.\n return (\n <SkeletonContext.Provider value={isLoading}>\n {children}\n </SkeletonContext.Provider>\n );\n}\n\nexport const loadingStyle = raw(`\n background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`, 'L'); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}) {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={loadingStyle + style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })}>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}) {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n inert: 'true'\n }) : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.cjs.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAWM,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAoB;IAC5C,IAAI,eAAe,CAAA,GAAA,uCAAY,EAAE;IACjC,OAAO,CAAA,GAAA,wBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,cAAc;YACpE,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;KAAY;AAClB;AASO,MAAM,0DAAkB,CAAA,GAAA,0BAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM,uDAMJ,qEAAqE;AAEvE,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gCAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAwB;IAC5D,qBACE,gCAAC;QACC,6CAA6C;QAC7C,OAAO,CAAA,GAAA,gCAAS,EAAE;QAClB,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,uBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,WAAW,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IAC3E,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,yBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,+BAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,OAAO;QACT,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,qCAAU,sBAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {inertValue, mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from '@react-spectrum/utils';\n\nexport function useLoadingAnimation(isAnimating: boolean): (element: HTMLElement | null) => void {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback((element: HTMLElement | null) => {\n if (isAnimating && !animationRef.current && element && !reduceMotion) {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [\n {backgroundPosition: '100%'},\n {backgroundPosition: '0%'}\n ],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode,\n className?: string,\n ref?: Ref<HTMLElement>,\n inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode,\n isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps): ReactNode {\n // Disable all form components inside a skeleton.\n return (\n <SkeletonContext.Provider value={isLoading}>\n {children}\n </SkeletonContext.Provider>\n );\n}\n\nexport const loadingStyle = raw(`\n background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`, 'L'); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}: {children: ReactNode}): ReactNode {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={loadingStyle + style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })}>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n inert: 'true'\n }) : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.cjs.map"}
@@ -1 +1 @@
1
- {"mappings":"AC4E4B;;AAAA;EAAA;;;;;EAAA;;;;;AA6BI;EAAA;;;;EAAA;;;;;EAkCT;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAlCS","sources":["75d5c035b718255e","packages/@react-spectrum/s2/src/Skeleton.tsx"],"sourcesContent":["@import \"087771746f6f9bd4\";\n@import \"cdde487beeff3a0a\";\n@import \"15dee9c9bf5f0627\";\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {inertValue, mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from '@react-spectrum/utils';\n\nexport function useLoadingAnimation(isAnimating: boolean) {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback((element: HTMLElement | null) => {\n if (isAnimating && !animationRef.current && element && !reduceMotion) {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [\n {backgroundPosition: '100%'},\n {backgroundPosition: '0%'}\n ],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode,\n className?: string,\n ref?: Ref<HTMLElement>,\n inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode,\n isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps) {\n // Disable all form components inside a skeleton.\n return (\n <SkeletonContext.Provider value={isLoading}>\n {children}\n </SkeletonContext.Provider>\n );\n}\n\nexport const loadingStyle = raw(`\n background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`, 'L'); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}) {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={loadingStyle + style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })}>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}) {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n inert: 'true'\n }) : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.css.map"}
1
+ {"mappings":"AC4E4B;;AAAA;EAAA;;;;;EAAA;;;;;AA6BI;EAAA;;;;EAAA;;;;;EAkCT;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAlCS","sources":["75d5c035b718255e","packages/@react-spectrum/s2/src/Skeleton.tsx"],"sourcesContent":["@import \"087771746f6f9bd4\";\n@import \"cdde487beeff3a0a\";\n@import \"15dee9c9bf5f0627\";\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {inertValue, mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from '@react-spectrum/utils';\n\nexport function useLoadingAnimation(isAnimating: boolean): (element: HTMLElement | null) => void {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback((element: HTMLElement | null) => {\n if (isAnimating && !animationRef.current && element && !reduceMotion) {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [\n {backgroundPosition: '100%'},\n {backgroundPosition: '0%'}\n ],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode,\n className?: string,\n ref?: Ref<HTMLElement>,\n inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode,\n isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps): ReactNode {\n // Disable all form components inside a skeleton.\n return (\n <SkeletonContext.Provider value={isLoading}>\n {children}\n </SkeletonContext.Provider>\n );\n}\n\nexport const loadingStyle = raw(`\n background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`, 'L'); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}: {children: ReactNode}): ReactNode {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={loadingStyle + style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })}>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n inert: 'true'\n }) : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.css.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAWM,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,aAAK,EAAoB;IAC5C,IAAI,eAAe,CAAA,GAAA,oBAAY,EAAE;IACjC,OAAO,CAAA,GAAA,kBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,cAAc;YACpE,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;KAAY;AAClB;AASO,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM,uDAMJ,qEAAqE;AAEvE,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gBAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAC;IACrC,qBACE,gBAAC;QACC,6CAA6C;QAC7C,OAAO,CAAA,GAAA,iBAAS,EAAE;QAClB,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,iBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,WAAW,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IAC3E,qBACE,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,mBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,gBAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,OAAO;QACT,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,yCAAU,sBAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {inertValue, mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from '@react-spectrum/utils';\n\nexport function useLoadingAnimation(isAnimating: boolean) {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback((element: HTMLElement | null) => {\n if (isAnimating && !animationRef.current && element && !reduceMotion) {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [\n {backgroundPosition: '100%'},\n {backgroundPosition: '0%'}\n ],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode,\n className?: string,\n ref?: Ref<HTMLElement>,\n inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode,\n isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps) {\n // Disable all form components inside a skeleton.\n return (\n <SkeletonContext.Provider value={isLoading}>\n {children}\n </SkeletonContext.Provider>\n );\n}\n\nexport const loadingStyle = raw(`\n background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`, 'L'); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}) {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={loadingStyle + style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })}>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}) {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n inert: 'true'\n }) : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.mjs.map"}
1
+ {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAWM,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,aAAK,EAAoB;IAC5C,IAAI,eAAe,CAAA,GAAA,oBAAY,EAAE;IACjC,OAAO,CAAA,GAAA,kBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,cAAc;YACpE,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;KAAY;AAClB;AASO,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM,uDAMJ,qEAAqE;AAEvE,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gBAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAwB;IAC5D,qBACE,gBAAC;QACC,6CAA6C;QAC7C,OAAO,CAAA,GAAA,iBAAS,EAAE;QAClB,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,iBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,WAAW,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IAC3E,qBACE,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,mBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,gBAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,OAAO;QACT,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,yCAAU,sBAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {inertValue, mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from '@react-spectrum/utils';\n\nexport function useLoadingAnimation(isAnimating: boolean): (element: HTMLElement | null) => void {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback((element: HTMLElement | null) => {\n if (isAnimating && !animationRef.current && element && !reduceMotion) {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [\n {backgroundPosition: '100%'},\n {backgroundPosition: '0%'}\n ],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode,\n className?: string,\n ref?: Ref<HTMLElement>,\n inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode,\n isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps): ReactNode {\n // Disable all form components inside a skeleton.\n return (\n <SkeletonContext.Provider value={isLoading}>\n {children}\n </SkeletonContext.Provider>\n );\n}\n\nexport const loadingStyle = raw(`\n background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`, 'L'); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}: {children: ReactNode}): ReactNode {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={loadingStyle + style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })}>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n inert: 'true'\n }) : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.mjs.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/s2",
3
- "version": "0.7.0",
3
+ "version": "0.8.0",
4
4
  "description": "Spectrum 2 UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -57,24 +57,26 @@
57
57
  "src"
58
58
  ],
59
59
  "dependencies": {
60
- "@react-aria/collections": "3.0.0-beta.0",
61
- "@react-aria/focus": "^3.20.0",
62
- "@react-aria/i18n": "^3.12.6",
63
- "@react-aria/interactions": "^3.24.0",
64
- "@react-aria/live-announcer": "^3.4.1",
65
- "@react-aria/utils": "^3.28.0",
66
- "@react-spectrum/utils": "^3.12.2",
67
- "@react-stately/layout": "^4.2.0",
68
- "@react-stately/utils": "^3.10.5",
69
- "@react-types/dialog": "^3.5.16",
70
- "@react-types/grid": "^3.3.0",
71
- "@react-types/provider": "^3.8.7",
72
- "@react-types/shared": "^3.28.0",
73
- "@react-types/table": "^3.11.0",
74
- "@react-types/textfield": "^3.12.0",
60
+ "@internationalized/number": "^3.6.1",
61
+ "@react-aria/collections": "3.0.0-rc.0",
62
+ "@react-aria/focus": "^3.20.2",
63
+ "@react-aria/i18n": "^3.12.8",
64
+ "@react-aria/interactions": "^3.25.0",
65
+ "@react-aria/live-announcer": "^3.4.2",
66
+ "@react-aria/utils": "^3.28.2",
67
+ "@react-spectrum/utils": "^3.12.4",
68
+ "@react-stately/layout": "^4.2.2",
69
+ "@react-stately/utils": "^3.10.6",
70
+ "@react-types/dialog": "^3.5.17",
71
+ "@react-types/grid": "^3.3.1",
72
+ "@react-types/provider": "^3.8.8",
73
+ "@react-types/shared": "^3.29.0",
74
+ "@react-types/table": "^3.12.0",
75
+ "@react-types/textfield": "^3.12.1",
75
76
  "csstype": "^3.0.2",
76
- "react-aria": "^3.38.0",
77
- "react-aria-components": "^1.7.0"
77
+ "react-aria": "^3.39.0",
78
+ "react-aria-components": "^1.8.0",
79
+ "react-stately": "^3.37.0"
78
80
  },
79
81
  "peerDependencies": {
80
82
  "react": "^18.0.0 || ^19.0.0-rc.1",
@@ -83,5 +85,5 @@
83
85
  "publishConfig": {
84
86
  "access": "public"
85
87
  },
86
- "gitHead": "4d3c72c94eea2d72eb3a0e7d56000c6ef7e39726"
88
+ "gitHead": "9b66d270572f482948afee95622a85cdf68ed408"
87
89
  }
package/src/ActionBar.tsx CHANGED
@@ -112,7 +112,7 @@ const ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps
112
112
  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {
113
113
  setLastCount(selectedItemCount);
114
114
  }
115
-
115
+
116
116
  // Measure the width of the collection's scrollbar and offset the action bar by that amount.
117
117
  let scrollRef = props.scrollRef;
118
118
  let [scrollbarWidth, setScrollbarWidth] = useState(0);
@@ -191,7 +191,14 @@ interface ActionBarContainerHookProps {
191
191
  scrollRef?: RefObject<HTMLElement | null>
192
192
  }
193
193
 
194
- export function useActionBarContainer(props: ActionBarContainerHookProps) {
194
+ interface ActionBarContainerHookResult {
195
+ selectedKeys: 'all' | Iterable<Key>,
196
+ onSelectionChange: (keys: 'all' | Iterable<Key>) => void,
197
+ actionBar: ReactElement,
198
+ actionBarHeight: number
199
+ }
200
+
201
+ export function useActionBarContainer(props: ActionBarContainerHookProps): ActionBarContainerHookResult {
195
202
  let {renderActionBar, scrollRef} = props;
196
203
  let [selectedKeys, setSelectedKeys] = useControlledState(props.selectedKeys, props.defaultSelectedKeys || new Set(), props.onSelectionChange);
197
204
  let selectedKeysSet = useMemo(() => selectedKeys === 'all' ? selectedKeys as 'all' : new Set(selectedKeys), [selectedKeys]);
@@ -19,6 +19,7 @@ import {createContext, forwardRef, ReactNode, useContext} from 'react';
19
19
  import {FocusableRef, FocusableRefValue} from '@react-types/shared';
20
20
  import {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with { type: 'macro' };
21
21
  import {IconContext} from './Icon';
22
+ import {NotificationBadgeContext} from './NotificationBadge';
22
23
  import {pressScale} from './pressScale';
23
24
  import {SkeletonContext} from './Skeleton';
24
25
  import {Text, TextContext} from './Content';
@@ -52,13 +53,14 @@ interface ActionGroupItemStyleProps {
52
53
  isJustified?: boolean
53
54
  }
54
55
 
55
- export interface ActionButtonProps extends Omit<ButtonProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'isPending'>, StyleProps, ActionButtonStyleProps {
56
+ export interface ActionButtonProps extends Omit<ButtonProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'isPending' | 'onClick'>, StyleProps, ActionButtonStyleProps {
56
57
  /** The content to display in the ActionButton. */
57
58
  children: ReactNode
58
59
  }
59
60
 
60
61
  // These styles handle both ActionButton and ToggleButton
61
62
  const iconOnly = ':has([slot=icon], [slot=avatar]):not(:has([data-rsp-slot=text]))';
63
+ const textOnly = ':has([data-rsp-slot=text]):not(:has([slot=icon], [slot=avatar]))';
62
64
  export const btnStyles = style<ButtonRenderProps & ActionButtonStyleProps & ToggleButtonStyleProps & ActionGroupItemStyleProps & {isInGroup: boolean, isStaticColor: boolean}>({
63
65
  ...focusRing(),
64
66
  ...staticColor(),
@@ -216,7 +218,33 @@ export const btnStyles = style<ButtonRenderProps & ActionButtonStyleProps & Togg
216
218
  zIndex: {
217
219
  isFocusVisible: 2
218
220
  },
219
- disableTapHighlight: true
221
+ disableTapHighlight: true,
222
+ '--badgeTop': {
223
+ type: 'top',
224
+ value: {
225
+ default: '[calc(self(height)/2 - var(--iconWidth)/2)]',
226
+ [textOnly]: 0
227
+ }
228
+ },
229
+ '--buttonPaddingX': {
230
+ type: 'paddingStart',
231
+ value: {
232
+ default: 'edge-to-text',
233
+ [iconOnly]: 0
234
+ }
235
+ },
236
+ '--iconWidth': {
237
+ type: 'width',
238
+ value: fontRelative(20)
239
+ },
240
+ '--badgePosition': {
241
+ type: 'width',
242
+ value: {
243
+ default: '[calc(var(--buttonPaddingX) + var(--iconWidth))]',
244
+ [iconOnly]: '[calc(self(minWidth)/2 + var(--iconWidth)/2)]',
245
+ [textOnly]: 'full'
246
+ }
247
+ }
220
248
  }, getAllowedOverrides());
221
249
 
222
250
  // Matching icon sizes. TBD.
@@ -232,7 +260,7 @@ export const ActionButtonContext = createContext<ContextValue<Partial<ActionButt
232
260
 
233
261
  /**
234
262
  * ActionButtons allow users to perform an action.
235
- * Theyre used for similar, task-based options within a workflow, and are ideal for interfaces where buttons arent meant to draw a lot of attention.
263
+ * They're used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren't meant to draw a lot of attention.
236
264
  */
237
265
  export const ActionButton = forwardRef(function ActionButton(props: ActionButtonProps, ref: FocusableRef<HTMLButtonElement>) {
238
266
  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonContext);
@@ -251,6 +279,7 @@ export const ActionButton = forwardRef(function ActionButton(props: ActionButton
251
279
  isDisabled = props.isDisabled
252
280
  } = ctx || {};
253
281
 
282
+
254
283
  return (
255
284
  <RACButton
256
285
  {...props}
@@ -281,6 +310,12 @@ export const ActionButton = forwardRef(function ActionButton(props: ActionButton
281
310
  [AvatarContext, {
282
311
  size: avatarSize[size],
283
312
  styles: style({marginStart: '--iconMargin', flexShrink: 0, order: 0})
313
+ }],
314
+ [NotificationBadgeContext, {
315
+ staticColor: staticColor,
316
+ size: props.size === 'XS' ? undefined : props.size,
317
+ isDisabled: props.isDisabled,
318
+ styles: style({position: 'absolute', top: '--badgeTop', insetStart: '[var(--badgePosition)]', marginTop: '[calc((self(height) * -1)/2)]', marginStart: '[calc((self(height) * -1)/2)]'})
284
319
  }]
285
320
  ]}>
286
321
  {typeof props.children === 'string' ? <Text>{props.children}</Text> : props.children}
@@ -288,7 +288,7 @@ const heading = style({
288
288
  fontWeight: 'extra-bold'
289
289
  });
290
290
 
291
- export interface BreadcrumbProps extends Omit<AriaBreadcrumbItemProps, 'children' | 'style' | 'className' | 'autoFocus'>, LinkDOMProps {
291
+ export interface BreadcrumbProps extends Omit<AriaBreadcrumbItemProps, 'children' | 'style' | 'className' | 'autoFocus' | 'onClick'>, LinkDOMProps {
292
292
  /** The children of the breadcrumb item. */
293
293
  children: ReactNode
294
294
  }
package/src/Button.tsx CHANGED
@@ -51,12 +51,12 @@ interface ButtonStyleProps {
51
51
  staticColor?: 'white' | 'black' | 'auto'
52
52
  }
53
53
 
54
- export interface ButtonProps extends Omit<RACButtonProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, ButtonStyleProps {
54
+ export interface ButtonProps extends Omit<RACButtonProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick'>, StyleProps, ButtonStyleProps {
55
55
  /** The content to display in the Button. */
56
56
  children: ReactNode
57
57
  }
58
58
 
59
- export interface LinkButtonProps extends Omit<LinkProps, 'className' | 'style' | 'children'>, StyleProps, ButtonStyleProps {
59
+ export interface LinkButtonProps extends Omit<LinkProps, 'className' | 'style' | 'children' | 'onClick'>, StyleProps, ButtonStyleProps {
60
60
  /** The content to display in the Button. */
61
61
  children: ReactNode
62
62
  }