@apple-pie/slice 0.1.56 → 0.1.58

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 (317) hide show
  1. package/dist/cjs/chunks/{AudioBubble-2DmGApzQ.js → AudioBubble-BQzb7t1F.js} +4 -4
  2. package/dist/cjs/chunks/{Avatar-CC0ALePu.js → Avatar-CUFzge9h.js} +2 -2
  3. package/dist/cjs/chunks/{AvatarGroup-DEbpNjLc.js → AvatarGroup-D5g7PFO9.js} +1 -1
  4. package/dist/cjs/chunks/{Badge-ZjDd3Ix8.js → Badge-xNdezdPp.js} +1 -1
  5. package/dist/cjs/chunks/{Button-DnB85xYG.js → Button-CyXJ9uG3.js} +5 -6
  6. package/dist/cjs/chunks/{ButtonBar-DWDhGpwi.js → ButtonBar-B-RVcWNo.js} +1 -1
  7. package/dist/cjs/chunks/{Camera-CbB_z0BT.js → Camera-CAzaOB4G.js} +5 -5
  8. package/dist/cjs/chunks/{CheckBox-CCG8Zu0n.js → CheckBox-YiVx5dkX.js} +1 -1
  9. package/dist/cjs/chunks/{Chip-D1-XUhlH.js → Chip-BChy87kf.js} +7 -5
  10. package/dist/cjs/chunks/{DivInput-BRgfHVdj.js → DivInput-DfAONl7x.js} +2 -2
  11. package/dist/cjs/chunks/{Dot-3F2j3xqG.js → Dot-D2xmxQUt.js} +2 -2
  12. package/dist/cjs/chunks/{DrggablePanel-DLPTTF0x.js → DrggablePanel-D2BEKaM_.js} +11 -7
  13. package/dist/cjs/chunks/{DropDown-DczcOKT4.js → DropDown-Cj-GZmDN.js} +4 -4
  14. package/dist/cjs/chunks/{ErrorSummary-CmloSFWV.js → ErrorSummary-DlrxXxZG.js} +5 -5
  15. package/dist/cjs/chunks/{FileIcon-C0WnFj_a.js → FileIcon-BUW6exKf.js} +4 -4
  16. package/dist/cjs/chunks/{FileList-BR5tak9p.js → FileList-DqMJ-CdS.js} +6 -5
  17. package/dist/cjs/chunks/{FlexDiv-B-9oOJ0q.js → FlexDiv-CkjovMfE.js} +4 -4
  18. package/dist/cjs/chunks/{Grouper-CVLQb1M8.js → Grouper-Dw7b-rKO.js} +5 -5
  19. package/dist/cjs/chunks/{Icon-L-KOi8gd.js → Icon-QCkWofx3.js} +4 -4
  20. package/dist/cjs/chunks/{IconButton-CRlg14ov.js → IconButton-pfCyM8tf.js} +2 -2
  21. package/dist/cjs/chunks/{IndexedDB-BnRfQTQM.js → IndexedDB-B8x-Lb5K.js} +1 -1
  22. package/dist/cjs/chunks/{Label-DMWLMm8u.js → Label-CYFeaNz2.js} +5 -2
  23. package/dist/cjs/chunks/{Level-DFMbJLwo.js → Level-1-42wEEw.js} +2 -2
  24. package/dist/cjs/chunks/{Modal-3nJMxtM5.js → Modal-mzZbLdRN.js} +3 -3
  25. package/dist/cjs/chunks/{ModalController-BYbWwA2c.js → ModalController-D4miiECK.js} +3 -3
  26. package/dist/cjs/chunks/{Overlay-CcLSSVas.js → Overlay-CCoJ_1nO.js} +1 -1
  27. package/dist/cjs/chunks/{Pager-EnPvzs7I.js → Pager-Bxyv-Mrf.js} +1 -1
  28. package/dist/cjs/chunks/{ProgressIndicator-D4QBeeJ7.js → ProgressIndicator-DwhhhQU7.js} +5 -5
  29. package/dist/cjs/chunks/{PromptInput-DOG6-tSs.js → PromptInput-B9paGcxy.js} +9 -10
  30. package/dist/cjs/chunks/{RadioButton-Dv1UMrmC.js → RadioButton-B9TJk2Mo.js} +3 -3
  31. package/dist/cjs/chunks/{RadioButtonList-QQsLvc6S.js → RadioButtonList-BNoRk_XR.js} +1 -1
  32. package/dist/cjs/chunks/{Slider-BPbnMJvK.js → Slider-UfrORkxH.js} +4 -4
  33. package/dist/cjs/chunks/Spacer-C7IiQxXF.js +26 -0
  34. package/dist/cjs/chunks/{Switch-BDbPgMBM.js → Switch-hhn2FD0T.js} +4 -4
  35. package/dist/cjs/chunks/{TabBar-D30fnZts.js → TabBar-DIQKTsGM.js} +9 -9
  36. package/dist/cjs/chunks/{TextArea-7Ae7ObSp.js → TextArea-BOj9zhbi.js} +3 -3
  37. package/dist/cjs/chunks/{TextField-DyczwDLg.js → TextField-DJYu-9le.js} +13 -18
  38. package/dist/cjs/chunks/{Tip-DYMB02-A.js → Tip-99AK0nJF.js} +3 -3
  39. package/dist/cjs/chunks/{Toast-DCBurEYu.js → Toast-Bff0E9cy.js} +14 -10
  40. package/dist/cjs/chunks/{ToggleButton-B_C5et_m.js → ToggleButton-rE3hAk9Y.js} +1 -1
  41. package/dist/cjs/chunks/{UploadArea-CSPRt0Mq.js → UploadArea-8TC2vEKQ.js} +8 -4
  42. package/dist/cjs/chunks/{Video-C7llXaDv.js → Video-RCjV8YIl.js} +3 -3
  43. package/dist/cjs/chunks/{VideoController-O-BsyFnJ.js → VideoController-DELbuJN3.js} +6 -6
  44. package/dist/cjs/chunks/{WSConnection-Dypd3e4R.js → WSConnection-CO9eOg8Z.js} +1 -1
  45. package/dist/cjs/chunks/{WebRTCConnection-BBxaTTbD.js → WebRTCConnection-CRVE6lTu.js} +1 -1
  46. package/dist/cjs/chunks/{browserChannelsStore-Y7zsrnV8.js → browserChannelsStore-BV2uJVeI.js} +2 -2
  47. package/dist/cjs/chunks/{localDBStore-LWl68wGD.js → localDBStore-BR-2nDv_.js} +2 -2
  48. package/dist/cjs/chunks/{microphoneStore-Bf3gZQQR.js → microphoneStore-C1Zp6UiP.js} +1 -1
  49. package/dist/cjs/chunks/{misc-BO_-R1om.js → misc-CmImf5jl.js} +1 -1
  50. package/dist/cjs/chunks/{sseStore-DDlXJ2mc.js → sseStore-CnQU9zYi.js} +3 -3
  51. package/dist/cjs/chunks/{uploads-worker-BMHcg5-W.js → uploads-worker-hKMYFfkr.js} +1 -1
  52. package/dist/cjs/chunks/{uploadsStore-D3RnoU3L.js → uploadsStore-D8GRqXd4.js} +2 -2
  53. package/dist/cjs/chunks/{viewState-D2U_fJaY.js → viewState-CcBwTZn8.js} +8 -8
  54. package/dist/cjs/chunks/{volumeStore-BWzyOw8D.js → volumeStore-DofQKsQb.js} +1 -1
  55. package/dist/cjs/chunks/{webRTCStore-BXp7R6oE.js → webRTCStore-CjsjPMWU.js} +2 -2
  56. package/dist/cjs/chunks/{windowStore-BYb1L705.js → windowStore-DmMud6Ne.js} +1 -1
  57. package/dist/cjs/components/AudioBubble/index.js +6 -6
  58. package/dist/cjs/components/Avatar/index.js +3 -3
  59. package/dist/cjs/components/AvatarGroup/index.js +3 -3
  60. package/dist/cjs/components/Badge/index.js +2 -2
  61. package/dist/cjs/components/Button/index.js +9 -9
  62. package/dist/cjs/components/ButtonBar/index.js +6 -6
  63. package/dist/cjs/components/Camera/index.js +8 -8
  64. package/dist/cjs/components/CheckBox/index.js +6 -6
  65. package/dist/cjs/components/Chip/index.js +7 -7
  66. package/dist/cjs/components/DataTable/index.js +7 -7
  67. package/dist/cjs/components/DivInput/index.js +3 -3
  68. package/dist/cjs/components/Dot/index.js +2 -2
  69. package/dist/cjs/components/DraggablePanel/index.js +6 -6
  70. package/dist/cjs/components/DropDown/index.js +6 -6
  71. package/dist/cjs/components/ErrorSummary/index.js +6 -6
  72. package/dist/cjs/components/FileIcon/index.js +6 -6
  73. package/dist/cjs/components/FileList/index.js +7 -7
  74. package/dist/cjs/components/FlexDiv/index.js +4 -3
  75. package/dist/cjs/components/Grouper/index.js +7 -7
  76. package/dist/cjs/components/Icon/index.js +6 -6
  77. package/dist/cjs/components/IconButton/index.js +9 -10
  78. package/dist/cjs/components/Label/index.js +3 -3
  79. package/dist/cjs/components/Level/index.js +4 -4
  80. package/dist/cjs/components/Modal/index.js +10 -10
  81. package/dist/cjs/components/ModalController/index.js +6 -6
  82. package/dist/cjs/components/Overlay/index.js +2 -2
  83. package/dist/cjs/components/Pager/index.js +3 -3
  84. package/dist/cjs/components/Progress/index.js +6 -6
  85. package/dist/cjs/components/PromptInput/index.js +10 -10
  86. package/dist/cjs/components/RadioButton/index.js +6 -6
  87. package/dist/cjs/components/RadioButtonList/index.js +7 -7
  88. package/dist/cjs/components/Slider/index.js +6 -6
  89. package/dist/cjs/components/Spacer/index.js +2 -2
  90. package/dist/cjs/components/Switch/index.js +2 -2
  91. package/dist/cjs/components/TabBar/index.js +9 -9
  92. package/dist/cjs/components/TextArea/index.js +10 -10
  93. package/dist/cjs/components/Textfield/index.js +10 -10
  94. package/dist/cjs/components/Tip/index.js +3 -3
  95. package/dist/cjs/components/Toast/index.js +7 -7
  96. package/dist/cjs/components/ToggleButton/index.js +10 -10
  97. package/dist/cjs/components/UploadArea/index.js +8 -8
  98. package/dist/cjs/components/Video/index.js +12 -13
  99. package/dist/cjs/components/VideoController/index.js +10 -10
  100. package/dist/cjs/hooks/useAudioRecorder.js +1 -1
  101. package/dist/cjs/hooks/useBindWebRTC.js +2 -2
  102. package/dist/cjs/hooks/useClipboard.js +2 -2
  103. package/dist/cjs/hooks/useInfiniteScroll.js +85 -0
  104. package/dist/cjs/hooks/useMdStreamBuffer.js +2 -2
  105. package/dist/cjs/hooks/useMicrophone.js +1 -1
  106. package/dist/cjs/hooks/useTrackRenders.js +2 -2
  107. package/dist/cjs/hooks.js +7 -6
  108. package/dist/cjs/index.js +13 -12
  109. package/dist/cjs/providers/themeServer.test.js +1 -1
  110. package/dist/cjs/stores/LocalDB.js +3 -3
  111. package/dist/cjs/stores/SSE.js +3 -3
  112. package/dist/cjs/stores/WS.js +3 -3
  113. package/dist/cjs/stores/WebRTC.js +3 -3
  114. package/dist/cjs/stores/activeTab.js +1 -1
  115. package/dist/cjs/stores/browserChannel.js +2 -2
  116. package/dist/cjs/stores/microphone.js +2 -2
  117. package/dist/cjs/stores/modal.js +1 -1
  118. package/dist/cjs/stores/tip.js +1 -1
  119. package/dist/cjs/stores/toast.js +1 -1
  120. package/dist/cjs/stores/uploads.js +2 -2
  121. package/dist/cjs/stores/video.js +1 -1
  122. package/dist/cjs/stores/volume.js +2 -2
  123. package/dist/cjs/stores/window.js +2 -2
  124. package/dist/cjs/stores.js +5 -5
  125. package/dist/cjs/theme/themes.js +13 -2
  126. package/dist/cjs/theme.js +2 -2
  127. package/dist/cjs/utils/index.js +2 -2
  128. package/dist/cjs/utils/objects/index.js +2 -2
  129. package/dist/cjs/workers/uploads/uploads.js +2 -2
  130. package/dist/esm/chunks/{AudioBubble-BMvVC5-0.mjs → AudioBubble-DwE50YGL.mjs} +7 -7
  131. package/dist/esm/chunks/{Avatar-Ce0nIuFe.mjs → Avatar-BdjtrRLS.mjs} +3 -3
  132. package/dist/esm/chunks/{AvatarGroup-DLqBXeB9.mjs → AvatarGroup-BM-jh9BQ.mjs} +2 -2
  133. package/dist/esm/chunks/{Badge-DKkqjW28.mjs → Badge-CHPL-h3Z.mjs} +1 -1
  134. package/dist/esm/chunks/{Button-Bq4xhoet.mjs → Button-YmXPZrPL.mjs} +10 -11
  135. package/dist/esm/chunks/{ButtonBar-BAqLCnso.mjs → ButtonBar-CKagtnCT.mjs} +3 -3
  136. package/dist/esm/chunks/{Camera-DJhp-3_t.mjs → Camera-CRDO4oL5.mjs} +9 -9
  137. package/dist/esm/chunks/{CheckBox-CL37t7_J.mjs → CheckBox-B-vtYku8.mjs} +3 -3
  138. package/dist/esm/chunks/{Chip-Bjg-ONP_.mjs → Chip-BUJmKr_n.mjs} +10 -8
  139. package/dist/esm/chunks/{DivInput-D6kq1bR0.mjs → DivInput-BQMy-OA9.mjs} +3 -3
  140. package/dist/esm/chunks/{Dot-D6uHXyGY.mjs → Dot-Bfl1kBUQ.mjs} +2 -2
  141. package/dist/esm/chunks/{DrggablePanel-25Wjbf_y.mjs → DrggablePanel-BuMnBc3u.mjs} +10 -8
  142. package/dist/esm/chunks/{DropDown-BiwdsV6m.mjs → DropDown-BsSvP2ji.mjs} +6 -6
  143. package/dist/esm/chunks/{ErrorSummary-BODIGAst.mjs → ErrorSummary-DMOWFhAu.mjs} +7 -7
  144. package/dist/esm/chunks/{FileIcon-CfS-TY-S.mjs → FileIcon-k4eYnLQv.mjs} +6 -6
  145. package/dist/esm/chunks/{FileList-DYvUHXyd.mjs → FileList-DeuwRbr1.mjs} +10 -9
  146. package/dist/esm/chunks/{FlexDiv-DIb3pmFo.mjs → FlexDiv-DODEbrMI.mjs} +6 -4
  147. package/dist/esm/chunks/{Grouper-CL5-Dk2U.mjs → Grouper-BPVjNabz.mjs} +7 -7
  148. package/dist/esm/chunks/{Icon-h1sVmLvI.mjs → Icon-BlQAJ0NV.mjs} +6 -6
  149. package/dist/esm/chunks/{IconButton-D9y0_8qs.mjs → IconButton-byqDhHLo.mjs} +8 -6
  150. package/dist/esm/chunks/{IndexedDB-DcKlcEts.mjs → IndexedDB-DUCWUJdN.mjs} +1 -1
  151. package/dist/esm/chunks/{Label-Cb1TNTGX.mjs → Label-DnHSkAZF.mjs} +6 -3
  152. package/dist/esm/chunks/{Level-Ce3F5ITs.mjs → Level-CV1kvx1V.mjs} +4 -4
  153. package/dist/esm/chunks/{Modal-uAJiitWq.mjs → Modal-CzxOSxwR.mjs} +7 -7
  154. package/dist/esm/chunks/{ModalController-CviD29p4.mjs → ModalController-C6P18AFg.mjs} +5 -5
  155. package/dist/esm/chunks/{Overlay-je9uxyF7.mjs → Overlay-CXGkHAtm.mjs} +1 -1
  156. package/dist/esm/chunks/{Pager-mEoJq77o.mjs → Pager-B5dbPb9x.mjs} +2 -2
  157. package/dist/esm/chunks/{ProgressIndicator-CklbjFdQ.mjs → ProgressIndicator-DvrIrgxu.mjs} +7 -7
  158. package/dist/esm/chunks/{PromptInput-B93xY5vK.mjs → PromptInput-BAyomDiu.mjs} +12 -13
  159. package/dist/esm/chunks/{RadioButton-n6q2k-ia.mjs → RadioButton-D6pFBLOS.mjs} +5 -5
  160. package/dist/esm/chunks/{RadioButtonList-CAJPqSTC.mjs → RadioButtonList-BpT9OaB1.mjs} +3 -3
  161. package/dist/esm/chunks/{Slider-By-9skcp.mjs → Slider-5sz0qeXF.mjs} +7 -7
  162. package/dist/esm/chunks/Spacer-gFflabIn.mjs +28 -0
  163. package/dist/esm/chunks/{Switch-DDyRtDnU.mjs → Switch-SXASJgaA.mjs} +4 -4
  164. package/dist/esm/chunks/{TabBar-BushFhfl.mjs → TabBar-BIuiRmrm.mjs} +14 -14
  165. package/dist/esm/chunks/{TextArea-BLum6rgj.mjs → TextArea-DbGoSQVo.mjs} +6 -4
  166. package/dist/esm/chunks/{TextField-C0V-4Lg1.mjs → TextField-BtrrxNNH.mjs} +17 -22
  167. package/dist/esm/chunks/{Tip-CCrn5riH.mjs → Tip-CNKUHvPz.mjs} +4 -4
  168. package/dist/esm/chunks/{Toast-DWhivCO9.mjs → Toast-udN4QBvW.mjs} +14 -12
  169. package/dist/esm/chunks/{ToggleButton-C_52LsVX.mjs → ToggleButton-Bu0h-627.mjs} +2 -2
  170. package/dist/esm/chunks/{UploadArea-DJxjadCV.mjs → UploadArea-CkF7ubsS.mjs} +11 -7
  171. package/dist/esm/chunks/{Video-DiuWxBAM.mjs → Video-CeHfRclT.mjs} +10 -8
  172. package/dist/esm/chunks/{VideoController-BWvCRNoR.mjs → VideoController-D0EXRyjT.mjs} +10 -10
  173. package/dist/esm/chunks/{WSConnection-nyuthu2w.mjs → WSConnection-n1TRftv9.mjs} +1 -1
  174. package/dist/esm/chunks/{WebRTCConnection-9m7x937g.mjs → WebRTCConnection-tvD_P75V.mjs} +1 -1
  175. package/dist/esm/chunks/{browserChannelsStore-smRS4Hid.mjs → browserChannelsStore-B-xC9TOO.mjs} +2 -2
  176. package/dist/esm/chunks/{localDBStore-ONbAby1P.mjs → localDBStore-CZslfcnT.mjs} +3 -3
  177. package/dist/esm/chunks/{microphoneStore-6qsb6eV0.mjs → microphoneStore-DkUZbjQU.mjs} +1 -1
  178. package/dist/esm/chunks/{misc-_71JTGbu.mjs → misc-DtngeJIC.mjs} +1 -1
  179. package/dist/esm/chunks/{sseStore-Cqbsz4ER.mjs → sseStore-D45Ex3w6.mjs} +3 -3
  180. package/dist/esm/chunks/{uploads-worker-D3JPUPSZ.mjs → uploads-worker-BuH0JRF9.mjs} +1 -1
  181. package/dist/esm/chunks/{uploadsStore-DE-A-CML.mjs → uploadsStore-BkOKmrJc.mjs} +1 -1
  182. package/dist/esm/chunks/{viewState-C34wAgGX.mjs → viewState-uX0vekU4.mjs} +11 -11
  183. package/dist/esm/chunks/{volumeStore-Bchda99E.mjs → volumeStore-CWqS-X0g.mjs} +1 -1
  184. package/dist/esm/chunks/{webRTCStore-0Fv3Wnrg.mjs → webRTCStore-BmyEouBv.mjs} +3 -3
  185. package/dist/esm/chunks/{windowStore-DcPWzksH.mjs → windowStore-Da3BCfMQ.mjs} +1 -1
  186. package/dist/esm/components/AudioBubble/index.mjs +9 -9
  187. package/dist/esm/components/Avatar/index.mjs +3 -3
  188. package/dist/esm/components/AvatarGroup/index.mjs +4 -4
  189. package/dist/esm/components/Badge/index.mjs +2 -2
  190. package/dist/esm/components/Button/index.mjs +13 -13
  191. package/dist/esm/components/ButtonBar/index.mjs +9 -9
  192. package/dist/esm/components/Camera/index.mjs +11 -11
  193. package/dist/esm/components/CheckBox/index.mjs +9 -9
  194. package/dist/esm/components/Chip/index.mjs +10 -10
  195. package/dist/esm/components/DataTable/index.mjs +10 -10
  196. package/dist/esm/components/DivInput/index.mjs +3 -3
  197. package/dist/esm/components/Dot/index.mjs +2 -2
  198. package/dist/esm/components/DraggablePanel/index.mjs +8 -8
  199. package/dist/esm/components/DropDown/index.mjs +9 -9
  200. package/dist/esm/components/ErrorSummary/index.mjs +8 -8
  201. package/dist/esm/components/FileIcon/index.mjs +8 -8
  202. package/dist/esm/components/FileList/index.mjs +11 -11
  203. package/dist/esm/components/FlexDiv/index.mjs +4 -2
  204. package/dist/esm/components/Grouper/index.mjs +10 -10
  205. package/dist/esm/components/Icon/index.mjs +9 -9
  206. package/dist/esm/components/IconButton/index.mjs +13 -13
  207. package/dist/esm/components/Label/index.mjs +3 -3
  208. package/dist/esm/components/Level/index.mjs +5 -5
  209. package/dist/esm/components/Modal/index.mjs +15 -15
  210. package/dist/esm/components/ModalController/index.mjs +9 -9
  211. package/dist/esm/components/Overlay/index.mjs +2 -2
  212. package/dist/esm/components/Pager/index.mjs +3 -3
  213. package/dist/esm/components/Progress/index.mjs +9 -9
  214. package/dist/esm/components/PromptInput/index.mjs +16 -16
  215. package/dist/esm/components/RadioButton/index.mjs +9 -9
  216. package/dist/esm/components/RadioButtonList/index.mjs +10 -10
  217. package/dist/esm/components/Slider/index.mjs +9 -9
  218. package/dist/esm/components/Spacer/index.mjs +2 -2
  219. package/dist/esm/components/Switch/index.mjs +2 -2
  220. package/dist/esm/components/TabBar/index.mjs +13 -13
  221. package/dist/esm/components/TextArea/index.mjs +15 -15
  222. package/dist/esm/components/Textfield/index.mjs +15 -15
  223. package/dist/esm/components/Tip/index.mjs +3 -3
  224. package/dist/esm/components/Toast/index.mjs +10 -10
  225. package/dist/esm/components/ToggleButton/index.mjs +15 -15
  226. package/dist/esm/components/UploadArea/index.mjs +12 -12
  227. package/dist/esm/components/Video/index.mjs +20 -20
  228. package/dist/esm/components/VideoController/index.mjs +15 -15
  229. package/dist/esm/hooks/useAudioRecorder.mjs +1 -1
  230. package/dist/esm/hooks/useBindWebRTC.mjs +6 -6
  231. package/dist/esm/hooks/useClipboard.mjs +3 -3
  232. package/dist/esm/hooks/useInfiniteScroll.mjs +86 -0
  233. package/dist/esm/hooks/useMdStreamBuffer.mjs +3 -3
  234. package/dist/esm/hooks/useMicrophone.mjs +1 -1
  235. package/dist/esm/hooks/useTrackRenders.mjs +2 -2
  236. package/dist/esm/hooks.mjs +10 -8
  237. package/dist/esm/index.mjs +61 -59
  238. package/dist/esm/providers/themeServer.test.mjs +1 -1
  239. package/dist/esm/stores/LocalDB.mjs +4 -4
  240. package/dist/esm/stores/SSE.mjs +4 -4
  241. package/dist/esm/stores/WS.mjs +3 -3
  242. package/dist/esm/stores/WebRTC.mjs +4 -4
  243. package/dist/esm/stores/activeTab.mjs +1 -1
  244. package/dist/esm/stores/browserChannel.mjs +3 -3
  245. package/dist/esm/stores/microphone.mjs +2 -2
  246. package/dist/esm/stores/modal.mjs +1 -1
  247. package/dist/esm/stores/tip.mjs +1 -1
  248. package/dist/esm/stores/toast.mjs +1 -1
  249. package/dist/esm/stores/uploads.mjs +3 -3
  250. package/dist/esm/stores/video.mjs +1 -1
  251. package/dist/esm/stores/volume.mjs +2 -2
  252. package/dist/esm/stores/window.mjs +2 -2
  253. package/dist/esm/stores.mjs +19 -19
  254. package/dist/esm/theme/themes.mjs +13 -2
  255. package/dist/esm/theme.mjs +1 -1
  256. package/dist/esm/utils/index.mjs +12 -12
  257. package/dist/esm/utils/objects/index.mjs +8 -8
  258. package/dist/esm/workers/uploads/uploads.mjs +2 -2
  259. package/dist/styles.css +2020 -2003
  260. package/dist/types/components/Button/Button.d.ts +2 -2
  261. package/dist/types/components/Button/_types.d.ts +1 -1
  262. package/dist/types/components/Chip/_types.d.ts +1 -1
  263. package/dist/types/components/DivInput/_types.d.ts +2 -2
  264. package/dist/types/components/DraggablePanel/DrggablePanel.d.ts +1 -1
  265. package/dist/types/components/DropDown/_types.d.ts +1 -1
  266. package/dist/types/components/FlexDiv/FlexDiv.d.ts +2 -2
  267. package/dist/types/components/FlexDiv/_types.d.ts +1 -1
  268. package/dist/types/components/IconButton/_types.d.ts +1 -1
  269. package/dist/types/components/Label/_types.d.ts +1 -1
  270. package/dist/types/components/PromptInput/PromptInput.d.ts +2 -2
  271. package/dist/types/components/PromptInput/_types.d.ts +1 -1
  272. package/dist/types/components/Spacer/_types.d.ts +2 -1
  273. package/dist/types/components/TextArea/_types.d.ts +1 -1
  274. package/dist/types/components/Tip/_types.d.ts +2 -2
  275. package/dist/types/hooks/index.d.ts +1 -0
  276. package/dist/types/hooks/useInfiniteScroll/useInfiniteScroll.d.ts +25 -0
  277. package/dist/types/hooks/useInfiniteScroll/useInfiniteScroll.test.d.ts +1 -0
  278. package/dist/types/index.d.ts +1 -0
  279. package/dist/types/theme/index.d.ts +2 -0
  280. package/dist/types/theme/spacing/_types.d.ts +10 -0
  281. package/dist/types/theme/spacing/spacing.d.ts +2 -0
  282. package/dist/types/theme/themes.d.ts +2 -0
  283. package/package.json +5 -4
  284. package/dist/cjs/chunks/Spacer-FeOx0maU.js +0 -19
  285. package/dist/esm/chunks/Spacer-BalkC0Ns.mjs +0 -21
  286. /package/dist/cjs/chunks/{MdStreamBuffer-C6Mzzrho.js → MdStreamBuffer-_OrgRfVG.js} +0 -0
  287. /package/dist/cjs/chunks/{SSEConnection-DEaAZZK4.js → SSEConnection-CbOe_JNB.js} +0 -0
  288. /package/dist/cjs/chunks/{_types-C_ivnCLo.js → _types-wkoWD0Y3.js} +0 -0
  289. /package/dist/cjs/chunks/{activeTabStore-DGx1oDlt.js → activeTabStore-CGvD6cav.js} +0 -0
  290. /package/dist/cjs/chunks/{audioVisualizer-CWwGpDKy.js → audioVisualizer-C-MOIbKC.js} +0 -0
  291. /package/dist/cjs/chunks/{broadcastChannel-DsiOkXOS.js → broadcastChannel-CweolKkH.js} +0 -0
  292. /package/dist/cjs/chunks/{colors-8UgFzWG3.js → colors-CmnEtiBL.js} +0 -0
  293. /package/dist/cjs/chunks/{debounce-WThsNCy_.js → debounce-BZaLjB2V.js} +0 -0
  294. /package/dist/cjs/chunks/{magic-string.es-BJ7Aj4k6.js → magic-string.es-CSldRwCx.js} +0 -0
  295. /package/dist/cjs/chunks/{modalStore-Cf7zIYDq.js → modalStore-cZUYwRGj.js} +0 -0
  296. /package/dist/cjs/chunks/{rafThrottle-Bz-dXvba.js → rafThrottle-BOry0ZTC.js} +0 -0
  297. /package/dist/cjs/chunks/{sharedTypes-CfscXKNK.js → sharedTypes-0pou-NPE.js} +0 -0
  298. /package/dist/cjs/chunks/{tipStore-NsUC8M9o.js → tipStore-CuYu0vqF.js} +0 -0
  299. /package/dist/cjs/chunks/{toastStore-QggWGMbD.js → toastStore-C13kXzXk.js} +0 -0
  300. /package/dist/cjs/chunks/{tslib.es6-DJn-UVEV.js → tslib.es6-71Jftlb2.js} +0 -0
  301. /package/dist/cjs/chunks/{videoStore-KWc_xF8H.js → videoStore-EhK3IQSb.js} +0 -0
  302. /package/dist/esm/chunks/{MdStreamBuffer-RTcKc6kb.mjs → MdStreamBuffer-C3dFJJ3U.mjs} +0 -0
  303. /package/dist/esm/chunks/{SSEConnection-5K8PW_M0.mjs → SSEConnection-DkGC07fu.mjs} +0 -0
  304. /package/dist/esm/chunks/{_types-BcB7rRaG.mjs → _types-DP1g8sZi.mjs} +0 -0
  305. /package/dist/esm/chunks/{activeTabStore-J_rS7nDK.mjs → activeTabStore-aDjOVZ_V.mjs} +0 -0
  306. /package/dist/esm/chunks/{audioVisualizer-B-dLbWMF.mjs → audioVisualizer-BwIDqL-t.mjs} +0 -0
  307. /package/dist/esm/chunks/{broadcastChannel-B-jhrR3a.mjs → broadcastChannel-QIWda6rB.mjs} +0 -0
  308. /package/dist/esm/chunks/{colors-BX0EXrOS.mjs → colors-B_YmJkkL.mjs} +0 -0
  309. /package/dist/esm/chunks/{debounce-B79xfyrw.mjs → debounce-CuT6TUcG.mjs} +0 -0
  310. /package/dist/esm/chunks/{magic-string.es-9DU4z85h.mjs → magic-string.es-ya4sZF4A.mjs} +0 -0
  311. /package/dist/esm/chunks/{modalStore-BsEzx_f6.mjs → modalStore-BloNa5y6.mjs} +0 -0
  312. /package/dist/esm/chunks/{rafThrottle-D2dyeVut.mjs → rafThrottle-CA0kPebe.mjs} +0 -0
  313. /package/dist/esm/chunks/{sharedTypes-CmJ2hQtY.mjs → sharedTypes-BFgEbKnN.mjs} +0 -0
  314. /package/dist/esm/chunks/{tipStore-SYcEa33e.mjs → tipStore-DnHV2nLl.mjs} +0 -0
  315. /package/dist/esm/chunks/{toastStore-CX52_jj2.mjs → toastStore-DURM_fWk.mjs} +0 -0
  316. /package/dist/esm/chunks/{tslib.es6-CE_8mdQi.mjs → tslib.es6-CV__4jU7.mjs} +0 -0
  317. /package/dist/esm/chunks/{videoStore-CBfvbDcQ.mjs → videoStore-DzD6pFQl.mjs} +0 -0
package/dist/styles.css CHANGED
@@ -28,85 +28,6 @@ line {
28
28
  transition: stroke, fill var(--motion-water-duration) var(--motion-water);
29
29
  }
30
30
 
31
- .Level-module_wrapper__yOfXw {
32
- display: flex;
33
- align-items: center;
34
- justify-content: flex-start;
35
- flex-direction: row;
36
- box-sizing: border-box;
37
- padding: 0;
38
- margin: 0;
39
- width: var(--level-width);
40
- height: var(--level-height);
41
- min-height: var(--level-height);
42
- gap: var(--level-gap);
43
- border-radius: var(--level-bar-border-radius);
44
- overflow: hidden;
45
- }
46
-
47
- .Level-module_barContainer__QMUdv {
48
- flex: 1 1 0;
49
- height: var(--level-height);
50
- min-height: var(--level-height);
51
-
52
- border: var(--level-border-width) solid var(--level-border-color);
53
- background-color: var(--level-bg-color);
54
- overflow: hidden;
55
- }
56
-
57
- .Level-module_bar__MnApX {
58
- display: block;
59
- min-width: 100%;
60
- min-height: 100%;
61
- background-color: var(--level-color);
62
- transition: background-color 120ms linear;
63
- }
64
-
65
- .VideoController-module_container__wNiGy {
66
- position: fixed;
67
- inset: 0;
68
- overflow: hidden;
69
- z-index: var(--elevation-confirm);
70
- pointer-events: none;
71
- }
72
-
73
- .VideoController-module_box__a0PRD {
74
- position: relative;
75
- display: flex;
76
- justify-content: center;
77
- align-items: center;
78
- background: transparent;
79
- box-sizing: border-box;
80
- width: 100%;
81
- height: 100%;
82
- overflow: visible;
83
- z-index: var(--elevation-confirm);
84
- pointer-events: none;
85
- }
86
-
87
- .VideoController-module_wrapper__RhpUo {
88
- position: absolute;
89
- box-sizing: border-box;
90
- left: var(--overlay-padding, 64px);
91
- right: var(--overlay-padding, 64px);
92
- display: flex;
93
- flex-direction: column;
94
- align-items: center;
95
- justify-content: center;
96
- gap: 16px;
97
- z-index: var(--elevation-confirm);
98
- pointer-events: all;
99
- visibility: var(--video-visibility, hidden);
100
- border-radius: var(--video-border-radius, 16px);
101
- overflow: visible;
102
- }
103
-
104
- .VideoController-module_video__9bS2L {
105
- overflow: visible;
106
- box-shadow: var(--surface-shadow-soft);
107
- border-radius: var(--video-border-radius, 16px);
108
- }
109
-
110
31
  .Video-module_wrapper__a9iH8 {
111
32
  position: relative;
112
33
  display: flex;
@@ -115,7 +36,7 @@ line {
115
36
  align-items: center;
116
37
  width: var(--video-width, 100%);
117
38
  height: var(--video-height, auto);
118
- border-radius: var(--video-border-radius, 16px);
39
+ border-radius: var(--video-border-radius, var(--corner-xl));
119
40
  border-width: var(--video-border-size, 0);
120
41
  border-style: solid;
121
42
  border-color: var(--video-border-color, transparent);
@@ -152,7 +73,7 @@ line {
152
73
  flex-direction: row;
153
74
  gap: 24px;
154
75
  width: 100%;
155
- padding: 16px;
76
+ padding: var(--spacing-m);
156
77
  }
157
78
 
158
79
  .Video-module_controlsFooter__qJNTa {
@@ -163,7 +84,7 @@ line {
163
84
  gap: 24px;
164
85
  width: 100%;
165
86
  box-sizing: border-box;
166
- padding: 16px;
87
+ padding: var(--spacing-m);
167
88
  }
168
89
 
169
90
  .Video-module_controlsBody__2GbQz {
@@ -173,7 +94,7 @@ line {
173
94
  flex-direction: column;
174
95
  width: 100%;
175
96
  flex: 1;
176
- padding: 16px;
97
+ padding: var(--spacing-m);
177
98
  }
178
99
 
179
100
  .Video-module_right__UMhfW {
@@ -183,7 +104,7 @@ line {
183
104
  gap: 8px;
184
105
  border-radius: var(--corner-round);
185
106
  background-color: var(--video-controls-bg-color, rgba(0, 0, 0, 0.5));
186
- padding: 8px 16px 8px 8px;
107
+ padding: var(--spacing-s) var(--spacing-m) var(--spacing-s) var(--spacing-s);
187
108
  box-sizing: border-box;
188
109
  }
189
110
 
@@ -194,7 +115,7 @@ line {
194
115
  gap: 8px;
195
116
  border-radius: var(--corner-round);
196
117
  background-color: var(--video-controls-bg-color, rgba(0, 0, 0, 0.5));
197
- padding: 8px;
118
+ padding: var(--spacing-s);
198
119
  box-sizing: border-box;
199
120
  }
200
121
 
@@ -205,11 +126,90 @@ line {
205
126
  gap: 8px;
206
127
  border-radius: var(--corner-round);
207
128
  background-color: var(--video-controls-bg-color, rgba(0, 0, 0, 0.5));
208
- padding: 8px var(--video-progress-padding-left) 8px 8px;
129
+ padding: var(--spacing-s) var(--video-progress-padding-left) var(--spacing-s) var(--spacing-s);
209
130
  box-sizing: border-box;
210
131
  width: 50%;
211
132
  }
212
133
 
134
+ .VideoController-module_container__wNiGy {
135
+ position: fixed;
136
+ inset: 0;
137
+ overflow: hidden;
138
+ z-index: var(--elevation-confirm);
139
+ pointer-events: none;
140
+ }
141
+
142
+ .VideoController-module_box__a0PRD {
143
+ position: relative;
144
+ display: flex;
145
+ justify-content: center;
146
+ align-items: center;
147
+ background: transparent;
148
+ box-sizing: border-box;
149
+ width: 100%;
150
+ height: 100%;
151
+ overflow: visible;
152
+ z-index: var(--elevation-confirm);
153
+ pointer-events: none;
154
+ }
155
+
156
+ .VideoController-module_wrapper__RhpUo {
157
+ position: absolute;
158
+ box-sizing: border-box;
159
+ left: var(--overlay-padding, var(--spacing-xxl));
160
+ right: var(--overlay-padding, var(--spacing-xxl));
161
+ display: flex;
162
+ flex-direction: column;
163
+ align-items: center;
164
+ justify-content: center;
165
+ gap: 16px;
166
+ z-index: var(--elevation-confirm);
167
+ pointer-events: all;
168
+ visibility: var(--video-visibility, hidden);
169
+ border-radius: var(--video-border-radius, var(--corner-xl));
170
+ overflow: visible;
171
+ }
172
+
173
+ .VideoController-module_video__9bS2L {
174
+ overflow: visible;
175
+ box-shadow: var(--surface-shadow-soft);
176
+ border-radius: var(--video-border-radius, var(--corner-xl));
177
+ }
178
+
179
+ .Level-module_wrapper__yOfXw {
180
+ display: flex;
181
+ align-items: center;
182
+ justify-content: flex-start;
183
+ flex-direction: row;
184
+ box-sizing: border-box;
185
+ padding: 0;
186
+ margin: 0;
187
+ width: var(--level-width);
188
+ height: var(--level-height);
189
+ min-height: var(--level-height);
190
+ gap: var(--level-gap);
191
+ border-radius: var(--level-bar-border-radius);
192
+ overflow: hidden;
193
+ }
194
+
195
+ .Level-module_barContainer__QMUdv {
196
+ flex: 1 1 0;
197
+ height: var(--level-height);
198
+ min-height: var(--level-height);
199
+
200
+ border: var(--level-border-width) solid var(--level-border-color);
201
+ background-color: var(--level-bg-color);
202
+ overflow: hidden;
203
+ }
204
+
205
+ .Level-module_bar__MnApX {
206
+ display: block;
207
+ min-width: 100%;
208
+ min-height: 100%;
209
+ background-color: var(--level-color);
210
+ transition: background-color 120ms linear;
211
+ }
212
+
213
213
  .flexBox-module_row__z24tF {
214
214
  display: flex;
215
215
  justify-content: center;
@@ -419,271 +419,115 @@ line {
419
419
  font-size: var(--font-size-h6);
420
420
  line-height: var(--line-height-xs);
421
421
  letter-spacing: var(--letter-spacing-m);
422
- }.Badge-module_badge__RsuMz {
423
- line-height: 1em;
424
- color: var(--badge-color);
425
- background: var(--badge-bg);
426
- padding: 2px 8px;
427
- min-width: 24px;
428
- width: min-content;
429
- border-radius: var(--corner-m);
430
- white-space: nowrap;
431
422
  }
432
423
 
433
- .flexBox-module_row__z24tF {
434
- display: flex;
435
- justify-content: center;
436
- align-items: center;
437
- box-sizing: border-box;
438
- padding: 0;
439
- margin: 0;
440
- }.flexBox-module_rowBetween__5FEvi {
441
- display: flex;
442
- justify-content: space-between;
443
- align-items: center;
444
- box-sizing: border-box;
445
- padding: 0;
446
- margin: 0;
447
- }.flexBox-module_rowStart__4tcxS {
448
- display: flex;
449
- justify-content: flex-start;
450
- align-items: center;
451
- box-sizing: border-box;
452
- padding: 0;
453
- margin: 0;
454
- }.flexBox-module_rowEnd__rVdVm {
455
- display: flex;
456
- justify-content: flex-end;
457
- align-items: center;
458
- box-sizing: border-box;
459
- padding: 0;
460
- margin: 0;
461
- }.flexBox-module_column__ezvMq {
462
- display: flex;
463
- flex-direction: column;
464
- justify-content: center;
465
- align-items: center;
466
- box-sizing: border-box;
467
- padding: 0;
468
- margin: 0;
469
- }.flexBox-module_columnStart__C7P44 {
470
- display: flex;
471
- flex-direction: column;
472
- justify-content: flex-start;
473
- align-items: flex-start;
474
- box-sizing: border-box;
475
- padding: 0;
476
- margin: 0;
477
- }.flexBox-module_columnStartCenter__PKcrG {
478
- display: flex;
479
- flex-direction: column;
480
- justify-content: flex-start;
481
- align-items: center;
482
- box-sizing: border-box;
483
- padding: 0;
484
- margin: 0;
485
- }.flexBox-module_columnBetween__ERfp7 {
486
- display: flex;
487
- flex-direction: column;
488
- justify-content: space-between;
489
- align-items: center;
490
- box-sizing: border-box;
491
- padding: 0;
492
- margin: 0;
493
- }.flexBox-module_columnEnd__lLJuc {
494
- display: flex;
495
- flex-direction: column;
496
- justify-content: flex-end;
497
- align-items: flex-end;
498
- box-sizing: border-box;
499
- padding: 0;
500
- margin: 0;
501
- }.type-module_body-xs-regular__ZAFft {
502
- font-family: var(--font-family), sans-serif;
503
- font-weight: var(--font-weight-regular);
504
- font-size: var(--font-size-xs);
505
- line-height: var(--line-height-m);
506
- text-decoration: none;
507
- letter-spacing: var(--letter-spacing-m);
508
- }.type-module_body-xs-medium__s3KvF {
509
- font-family: var(--font-family), sans-serif;
510
- font-weight: var(--font-weight-medium);
511
- font-size: var(--font-size-xs);
512
- line-height: var(--line-height-m);
513
- text-decoration: none;
514
- letter-spacing: var(--letter-spacing-m);
515
- }.type-module_body-xs-bold__Lhqqq {
516
- font-family: var(--font-family), sans-serif;
517
- font-weight: var(--font-weight-bold);
518
- font-size: var(--font-size-xs);
519
- line-height: var(--line-height-m);
520
- text-decoration: none;
521
- letter-spacing: var(--letter-spacing-l);
522
- }.type-module_body-s-regular__vRHSP {
523
- font-family: var(--font-family), sans-serif;
524
- font-weight: var(--font-weight-regular);
525
- font-size: var(--font-size-s);
526
- line-height: var(--line-height-xl);
527
- text-decoration: none;
528
- letter-spacing: var(--letter-spacing-s);
529
- }.type-module_body-s-medium__tjdFc {
530
- font-family: var(--font-family), sans-serif;
531
- font-weight: var(--font-weight-medium);
532
- font-size: var(--font-size-s);
533
- line-height: var(--line-height-xl);
534
- text-decoration: none;
535
- letter-spacing: var(--letter-spacing-s);
536
- }.type-module_body-s-bold__Iy-VX {
537
- font-family: var(--font-family), sans-serif;
538
- font-weight: var(--font-weight-bold);
539
- font-size: var(--font-size-s);
540
- line-height: var(--line-height-xl);
541
- text-decoration: none;
542
- letter-spacing: var(--letter-spacing-m);
543
- }.type-module_body-m-regular__LuQBA {
544
- font-family: var(--font-family), sans-serif;
545
- font-weight: var(--font-weight-regular);
546
- font-size: var(--font-size-m);
547
- line-height: var(--line-height-l);
548
- text-decoration: none;
549
- letter-spacing: var(--letter-spacing-s);
550
- }.type-module_body-m-medium__uW1on {
551
- font-family: var(--font-family), sans-serif;
552
- font-weight: var(--font-weight-medium);
553
- font-size: var(--font-size-m);
554
- line-height: var(--line-height-l);
555
- text-decoration: none;
556
- letter-spacing: var(--letter-spacing-s);
557
- }.type-module_body-m-bold__UBcvQ {
558
- font-family: var(--font-family), sans-serif;
559
- font-weight: var(--font-weight-bold);
560
- font-size: var(--font-size-m);
561
- line-height: var(--line-height-l);
562
- text-decoration: none;
563
- letter-spacing: var(--letter-spacing-m);
564
- }.type-module_body-l-regular__lOYbg {
565
- font-family: var(--font-family), sans-serif;
566
- font-weight: var(--font-weight-regular);
567
- font-size: var(--font-size-l);
568
- line-height: var(--line-height-xxl);
569
- text-decoration: none;
570
- letter-spacing: var(--letter-spacing-xs);
571
- }.type-module_body-l-medium__BqRC7 {
572
- font-family: var(--font-family), sans-serif;
573
- font-weight: var(--font-weight-medium);
574
- font-size: var(--font-size-l);
575
- line-height: var(--line-height-xxl);
576
- text-decoration: none;
577
- letter-spacing: var(--letter-spacing-xs);
578
- }.type-module_body-l-bold__Fh2dt {
579
- font-family: var(--font-family), sans-serif;
580
- font-weight: var(--font-weight-bold);
581
- font-size: var(--font-size-l);
582
- line-height: var(--line-height-xxl);
583
- text-decoration: none;
584
- letter-spacing: var(--letter-spacing-s);
585
- }.type-module_body-xl-regular__pF2kC {
586
- font-family: var(--font-family), sans-serif;
587
- font-weight: var(--font-weight-regular);
588
- font-size: var(--font-size-xl);
589
- line-height: var(--line-height-xxl);
590
- text-decoration: none;
591
- letter-spacing: var(--letter-spacing-xs);
592
- }.type-module_body-xl-medium__BeyrH {
593
- font-family: var(--font-family), sans-serif;
594
- font-weight: var(--font-weight-medium);
595
- font-size: var(--font-size-xl);
596
- line-height: var(--line-height-xxl);
597
- text-decoration: none;
598
- letter-spacing: var(--letter-spacing-xs);
599
- }.type-module_body-xl-bold__Ruknj {
600
- font-family: var(--font-family), sans-serif;
601
- font-weight: var(--font-weight-bold);
602
- font-size: var(--font-size-xl);
603
- line-height: var(--line-height-xxl);
604
- text-decoration: none;
605
- letter-spacing: var(--letter-spacing-s);
606
- }.type-module_h1__ikDt5 {
607
- font-family: var(--font-family), sans-serif;
608
- font-weight: var(--font-weight-extra);
609
- font-size: var(--font-size-h1);
610
- line-height: var(--line-height-xs);
611
- letter-spacing: var(--letter-spacing-m);
612
- }.type-module_h2__bSCvt {
613
- font-family: var(--font-family), sans-serif;
614
- font-weight: var(--font-weight-extra);
615
- font-size: var(--font-size-h2);
616
- line-height: var(--line-height-xs);
617
- letter-spacing: var(--letter-spacing-m);
618
- }.type-module_h3__8gHoN {
619
- font-family: var(--font-family), sans-serif;
620
- font-weight: var(--font-weight-extra);
621
- font-size: var(--font-size-h3);
622
- line-height: var(--line-height-xs);
623
- letter-spacing: var(--letter-spacing-m);
624
- }.type-module_h4__EVAd2 {
625
- font-family: var(--font-family), sans-serif;
626
- font-weight: var(--font-weight-extra);
627
- font-size: var(--font-size-h4);
628
- line-height: var(--line-height-xs);
629
- letter-spacing: var(--letter-spacing-m);
630
- }.type-module_h5__92r22 {
631
- font-family: var(--font-family), sans-serif;
632
- font-weight: var(--font-weight-extra);
633
- font-size: var(--font-size-h5);
634
- line-height: var(--line-height-xs);
635
- letter-spacing: var(--letter-spacing-m);
636
- }.type-module_h6__sshOw {
637
- font-family: var(--font-family), sans-serif;
638
- font-weight: var(--font-weight-extra);
639
- font-size: var(--font-size-h6);
640
- line-height: var(--line-height-xs);
641
- letter-spacing: var(--letter-spacing-m);
642
- }
643
- .IconButton-module_button__rziqa {
424
+ .Camera-module_wrapper__GOsKp {
644
425
  position: relative;
645
- background: var(--ib-bg-color);
646
- border-radius: var(--ib-border-radius);
647
- border: var(--ib-border) solid var(--core-outline-primary);
648
- gap: 6px;
649
- cursor: var(--ib-cursor);
650
- appearance: none;
651
- -webkit-appearance: none;
652
- background-image: none;
653
- outline: none;
654
- min-height: var(--ib-button-size);
655
- height: var(--ib-button-size);
656
- min-width: var(--ib-button-size);
657
- width: var(--ib-button-size);
658
- user-select: none;
659
- -webkit-user-select: none;
426
+ width: 100%;
427
+ height: 100%;
428
+ background-color: var(--core-surface-secondary);
429
+ overflow: hidden;
430
+ border-radius: var(--corner-xs);
660
431
  }
661
- .IconButton-module_button__rziqa:hover {
662
- background: var(--ib-bg-color-hover);
663
- }
664
432
 
665
- .IconButton-module_label__qWGFD {
666
- color: var(--ib-color);
667
- text-overflow: ellipsis;
668
- overflow: hidden;
669
- word-break: break-all;
670
- display: -webkit-box;
671
- -webkit-line-clamp: 1;
672
- -webkit-box-orient: vertical;
433
+ .Camera-module_video__Q2r9B {
434
+ width: 100%;
435
+ height: 100%;
436
+ object-fit: cover;
673
437
  }
674
438
 
675
- .IconButton-module_icon__2DDWy {
676
- min-height: var(--ib-icon-size);
677
- height: var(--ib-icon-size);
678
- min-width: var(--ib-icon-size);
679
- width: var(--ib-icon-size);
439
+ .Camera-module_controls__qXYoL {
440
+ position: absolute;
441
+ bottom: 0;
442
+ left: 0;
443
+ right: 0;
444
+ padding: var(--spacing-m) !important;
445
+ gap: 16px;
446
+ background-color: var(--camera-controls-bg);
447
+ transform: var(--camera-controls-transform);
448
+ transition: transform var(--motion-water-duration) var(--motion-water) 0s;
680
449
  }
681
450
 
682
- .IconButton-module_count__6r373 {
451
+ .Camera-module_controlsRight__VcIz7 {
452
+ gap: 12px;
453
+ flex: 1;
454
+ }
455
+
456
+ .Camera-module_controlsCenter__e-erq {
457
+ gap: 12px;
458
+ flex: 1;
459
+ }
460
+
461
+ .Camera-module_controlsLeft__bR4TN {
462
+ gap: 12px;
463
+ flex: 1;
464
+ }
465
+
466
+ .Camera-module_error__t0w-d {
683
467
  position: absolute;
468
+ top: 50%;
469
+ left: 50%;
470
+ transform: translate(-50%, -50%);
471
+ color: var(--feedback-warning);
472
+ }
473
+
474
+ .Camera-module_poster__Gun-v {
475
+ position: absolute;
476
+ aspect-ratio: 1 / 1;
684
477
  top: 0;
685
- right: 0;
686
- transform: translateX(5px) translateY(-2px);
478
+ bottom: 0;
479
+ left: 50%;
480
+ transform: translateX(-50%);
481
+ color: var(--core-text-primary);
482
+ }
483
+
484
+ .Camera-module_snapshotFrame__YM6Eu {
485
+ position: absolute;
486
+ max-width: 25%;
487
+ height: min-content;
488
+ top: 16px;
489
+ right: 16px;
490
+ z-index: 1;
491
+ }
492
+
493
+ .Camera-module_clear__aaCfT {
494
+ position: absolute;
495
+ top: 16px;
496
+ right: 16px;
497
+ z-index: 3;
498
+ }
499
+
500
+ .Camera-module_snapshot__odQH0 {
501
+ width: 100%;
502
+ border: 1px solid var(--core-outline-special);
503
+ z-index: 2;
504
+ }
505
+
506
+ .Camera-module_toolbarButton__mnmoF {
507
+ gap: 4px;
508
+ cursor: pointer;
509
+ user-select: none;
510
+ -webkit-user-select: none;
511
+ }
512
+
513
+ .Camera-module_buttonIcon__a-VBR {
514
+ min-height: var(--toolbar-button-size);
515
+ max-height: var(--toolbar-button-size);
516
+ min-width: var(--toolbar-button-size);
517
+ max-width: var(--toolbar-button-size);
518
+ background: var(--toolbar-button-bg-color);
519
+ border: 1px solid transparent;
520
+ border-radius: 100%;
521
+ opacity: var(--toolbar-button-opacity);
522
+ transition: background, border var(--motion-water-duration) var(--motion-water) 0s;
523
+ }
524
+
525
+ .Camera-module_buttonIcon__a-VBR:hover {
526
+ border: 1px solid var(--core-outline-special);
527
+ }
528
+
529
+ .Camera-module_buttonLabel__6BEs1 {
530
+ color: var(--toolbar-button-label-color);
687
531
  }
688
532
 
689
533
  .flexBox-module_row__z24tF {
@@ -897,30 +741,43 @@ line {
897
741
  letter-spacing: var(--letter-spacing-m);
898
742
  }
899
743
 
900
- .CheckBox-module_wrapper__uRsjI {
901
- min-height: var(--cb-size);
902
- height: var(--cb-size);
903
- width: auto;
904
- gap: 6px;
744
+ .Avatar-module_wrapper__ab1D7 {
745
+ position: relative;
746
+ min-height: var(--avatar-size);
747
+ min-width: var(--avatar-size);
748
+ max-height: var(--avatar-size);
749
+ max-width: var(--avatar-size);
750
+ height: var(--avatar-size);
751
+ width: var(--avatar-size);
752
+ border: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);
753
+ border-radius: 100%;
754
+ outline: 0;
755
+ }
756
+
757
+ .Avatar-module_user__ZQv0Q {
758
+ font-size: var(--avatar-font-size) !important;
759
+ height: 100%;
760
+ width: 100%;
761
+ line-height: 1em;
762
+ text-transform: uppercase;
763
+ border-radius: 100%;
764
+ border: var(--avatar-border) solid var(--avatar-border-color);
765
+ background-color: var(--avatar-bg-color);
766
+ color: var(--avatar-color);
767
+ background-image: var(--avatar-bg-image);
768
+ background-size: cover;
769
+ background-position: center;
770
+ background-repeat: no-repeat;
771
+ background-origin: border-box;
905
772
  cursor: pointer;
906
- overflow: hidden;
907
773
  user-select: none;
908
774
  -webkit-user-select: none;
909
- outline: none;
910
- border: 0;
911
- }
912
-
913
- .CheckBox-module_icon__FoDJN {
914
- min-width: var(--cb-size);
915
- max-width: var(--cb-size);
916
- min-height: var(--cb-size);
917
- max-height: var(--cb-size);
775
+ transition: border-color var(--motion-water-duration) var(--motion-water) 0s;
918
776
  }
919
777
 
920
- .CheckBox-module_label__0AiBp {
921
- color: var(--cb-label-color);
922
- transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
923
- }
778
+ .Avatar-module_user__ZQv0Q:hover {
779
+ border-color: var(--avatar-border-color-hover);
780
+ }
924
781
 
925
782
  .flexBox-module_row__z24tF {
926
783
  display: flex;
@@ -985,40 +842,12 @@ line {
985
842
  }.flexBox-module_columnEnd__lLJuc {
986
843
  display: flex;
987
844
  flex-direction: column;
988
- justify-content: flex-end;
989
- align-items: flex-end;
990
- box-sizing: border-box;
991
- padding: 0;
992
- margin: 0;
993
- }
994
-
995
- .DraggablePanel-module_panel__vuq2R {
996
- position: relative;
997
- background-color: var(--panel-bg);
998
- }
999
-
1000
- .DraggablePanel-module_content__SBL0T {
1001
- width: 100%;
1002
- height: 100%;
1003
- overflow: hidden;
1004
- }
1005
-
1006
- .DraggablePanel-module_handle__LPZw8 {
1007
- width: var(--drag-handle-width);
1008
- height: var(--drag-handle-height);
1009
- min-width: var(--drag-handle-width);
1010
- min-height: var(--drag-handle-height);
1011
- border-radius: var(--drag-handle-radius);
1012
- border: var(--drag-handle-border) solid var(--drag-handle-border-color);
1013
- background: var(--drag-handle-bg);
1014
- position: absolute;
1015
- top: 50%;
1016
- left: 50%;
1017
- transform: translateX(-50%) translateY(-50%);
1018
- z-index: var(--elevation-overlay);
1019
- }
1020
-
1021
- .type-module_body-xs-regular__ZAFft {
845
+ justify-content: flex-end;
846
+ align-items: flex-end;
847
+ box-sizing: border-box;
848
+ padding: 0;
849
+ margin: 0;
850
+ }.type-module_body-xs-regular__ZAFft {
1022
851
  font-family: var(--font-family), sans-serif;
1023
852
  font-weight: var(--font-weight-regular);
1024
853
  font-size: var(--font-size-xs);
@@ -1160,34 +989,19 @@ line {
1160
989
  line-height: var(--line-height-xs);
1161
990
  letter-spacing: var(--letter-spacing-m);
1162
991
  }
1163
- .DivInput-module_wrapper__ZQxY- {
1164
- padding: var(--div-input-padding);
1165
- width: var(--div-input-width);
1166
- border-radius: var(--div-input-border-radius);
1167
- background: var(--div-input-wrapper-bg);
992
+
993
+ .Badge-module_badge__RsuMz {
994
+ line-height: 1em;
995
+ color: var(--badge-color);
996
+ background: var(--badge-bg);
997
+ min-width: 24px;
998
+ width: min-content;
999
+ border-radius: var(--corner-m);
1000
+ white-space: nowrap;
1168
1001
  }
1169
- .DivInput-module_wrapper__ZQxY-:hover {
1170
- background: var(--div-input-bg);
1171
- }
1172
1002
 
1173
- .DivInput-module_input__J34-l {
1174
- color: var(--div-input-color);
1175
- user-select: var(--div-input-user-select);
1176
- -webkit-user-select: var(--div-input-user-select);
1177
- text-align: var(--div-input-text-align);
1178
- pointer-events: all;
1179
- background: transparent;
1180
- border-radius: var(--corner-xs);
1181
- border: 0;
1182
- outline: none;
1183
- text-overflow: ellipsis;
1184
- display: -webkit-box;
1185
- overflow: hidden;
1186
- white-space: var(--div-input-white-space);
1187
- -webkit-line-clamp: var(--div-input-line-clamp);
1188
- -webkit-box-orient: vertical;
1189
- cursor: var(--div-input-cursor);
1190
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
1003
+ .Badge-module_badge__RsuMz.Badge-module_badge__RsuMz {
1004
+ padding: var(--spacing-xxs) var(--spacing-xxs);
1191
1005
  }
1192
1006
 
1193
1007
  .flexBox-module_row__z24tF {
@@ -1400,42 +1214,52 @@ line {
1400
1214
  line-height: var(--line-height-xs);
1401
1215
  letter-spacing: var(--letter-spacing-m);
1402
1216
  }
1403
-
1404
- .Avatar-module_wrapper__ab1D7 {
1217
+ .IconButton-module_button__rziqa {
1405
1218
  position: relative;
1406
- min-height: var(--avatar-size);
1407
- min-width: var(--avatar-size);
1408
- max-height: var(--avatar-size);
1409
- max-width: var(--avatar-size);
1410
- height: var(--avatar-size);
1411
- width: var(--avatar-size);
1412
- border: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);
1413
- border-radius: 100%;
1414
- outline: 0;
1415
- }
1416
-
1417
- .Avatar-module_user__ZQv0Q {
1418
- font-size: var(--avatar-font-size) !important;
1419
- height: 100%;
1420
- width: 100%;
1421
- line-height: 1em;
1422
- text-transform: uppercase;
1423
- border-radius: 100%;
1424
- border: var(--avatar-border) solid var(--avatar-border-color);
1425
- background-color: var(--avatar-bg-color);
1426
- color: var(--avatar-color);
1427
- background-image: var(--avatar-bg-image);
1428
- background-size: cover;
1429
- cursor: pointer;
1219
+ background: var(--ib-bg-color);
1220
+ border-radius: var(--ib-border-radius);
1221
+ border: var(--ib-border) solid var(--core-outline-primary);
1222
+ gap: 6px;
1223
+ cursor: var(--ib-cursor);
1224
+ appearance: none;
1225
+ -webkit-appearance: none;
1226
+ background-image: none;
1227
+ outline: none;
1228
+ min-height: var(--ib-button-size);
1229
+ height: var(--ib-button-size);
1230
+ min-width: var(--ib-button-size);
1231
+ width: var(--ib-button-size);
1430
1232
  user-select: none;
1431
1233
  -webkit-user-select: none;
1432
- transition: border-color var(--motion-water-duration) var(--motion-water) 0s;
1433
1234
  }
1434
-
1435
- .Avatar-module_user__ZQv0Q:hover {
1436
- border-color: var(--avatar-border-color-hover);
1235
+ .IconButton-module_button__rziqa:hover {
1236
+ background: var(--ib-bg-color-hover);
1437
1237
  }
1438
1238
 
1239
+ .IconButton-module_label__qWGFD {
1240
+ color: var(--ib-color);
1241
+ text-overflow: ellipsis;
1242
+ overflow: hidden;
1243
+ word-break: break-all;
1244
+ display: -webkit-box;
1245
+ -webkit-line-clamp: 1;
1246
+ -webkit-box-orient: vertical;
1247
+ }
1248
+
1249
+ .IconButton-module_icon__2DDWy {
1250
+ min-height: var(--ib-icon-size);
1251
+ height: var(--ib-icon-size);
1252
+ min-width: var(--ib-icon-size);
1253
+ width: var(--ib-icon-size);
1254
+ }
1255
+
1256
+ .IconButton-module_count__6r373 {
1257
+ position: absolute;
1258
+ top: 0;
1259
+ right: 0;
1260
+ transform: translateX(5px) translateY(-2px);
1261
+ }
1262
+
1439
1263
  .flexBox-module_row__z24tF {
1440
1264
  display: flex;
1441
1265
  justify-content: center;
@@ -1504,7 +1328,24 @@ line {
1504
1328
  box-sizing: border-box;
1505
1329
  padding: 0;
1506
1330
  margin: 0;
1507
- }.type-module_body-xs-regular__ZAFft {
1331
+ }
1332
+
1333
+ .AvatarGroup-module_wrapper__MtOyq {
1334
+ gap: var(--ag-gap);
1335
+ margin: var(--ag-margin);
1336
+ }
1337
+
1338
+ .AvatarGroup-module_avatar__5NVpW {
1339
+ display: inline-block;
1340
+ margin-left: var(--ag-overlap);
1341
+ border-radius: 100%;
1342
+ }
1343
+
1344
+ .AvatarGroup-module_avatar__5NVpW:first-child {
1345
+ margin-left: 0;
1346
+ }
1347
+
1348
+ .type-module_body-xs-regular__ZAFft {
1508
1349
  font-family: var(--font-family), sans-serif;
1509
1350
  font-weight: var(--font-weight-regular);
1510
1351
  font-size: var(--font-size-xs);
@@ -1618,142 +1459,62 @@ line {
1618
1459
  }.type-module_h2__bSCvt {
1619
1460
  font-family: var(--font-family), sans-serif;
1620
1461
  font-weight: var(--font-weight-extra);
1621
- font-size: var(--font-size-h2);
1622
- line-height: var(--line-height-xs);
1623
- letter-spacing: var(--letter-spacing-m);
1624
- }.type-module_h3__8gHoN {
1625
- font-family: var(--font-family), sans-serif;
1626
- font-weight: var(--font-weight-extra);
1627
- font-size: var(--font-size-h3);
1628
- line-height: var(--line-height-xs);
1629
- letter-spacing: var(--letter-spacing-m);
1630
- }.type-module_h4__EVAd2 {
1631
- font-family: var(--font-family), sans-serif;
1632
- font-weight: var(--font-weight-extra);
1633
- font-size: var(--font-size-h4);
1634
- line-height: var(--line-height-xs);
1635
- letter-spacing: var(--letter-spacing-m);
1636
- }.type-module_h5__92r22 {
1637
- font-family: var(--font-family), sans-serif;
1638
- font-weight: var(--font-weight-extra);
1639
- font-size: var(--font-size-h5);
1640
- line-height: var(--line-height-xs);
1641
- letter-spacing: var(--letter-spacing-m);
1642
- }.type-module_h6__sshOw {
1643
- font-family: var(--font-family), sans-serif;
1644
- font-weight: var(--font-weight-extra);
1645
- font-size: var(--font-size-h6);
1646
- line-height: var(--line-height-xs);
1647
- letter-spacing: var(--letter-spacing-m);
1648
- }
1649
-
1650
- .Camera-module_wrapper__GOsKp {
1651
- position: relative;
1652
- width: 100%;
1653
- height: 100%;
1654
- background-color: var(--core-surface-secondary);
1655
- overflow: hidden;
1656
- border-radius: var(--corner-xs);
1657
- }
1658
-
1659
- .Camera-module_video__Q2r9B {
1660
- width: 100%;
1661
- height: 100%;
1662
- object-fit: cover;
1663
- }
1664
-
1665
- .Camera-module_controls__qXYoL {
1666
- position: absolute;
1667
- bottom: 0;
1668
- left: 0;
1669
- right: 0;
1670
- padding: 16px !important;
1671
- gap: 16px;
1672
- background-color: var(--camera-controls-bg);
1673
- transform: var(--camera-controls-transform);
1674
- transition: transform var(--motion-water-duration) var(--motion-water) 0s;
1675
- }
1676
-
1677
- .Camera-module_controlsRight__VcIz7 {
1678
- gap: 12px;
1679
- flex: 1;
1680
- }
1681
-
1682
- .Camera-module_controlsCenter__e-erq {
1683
- gap: 12px;
1684
- flex: 1;
1685
- }
1686
-
1687
- .Camera-module_controlsLeft__bR4TN {
1688
- gap: 12px;
1689
- flex: 1;
1690
- }
1691
-
1692
- .Camera-module_error__t0w-d {
1693
- position: absolute;
1694
- top: 50%;
1695
- left: 50%;
1696
- transform: translate(-50%, -50%);
1697
- color: var(--feedback-warning);
1698
- }
1699
-
1700
- .Camera-module_poster__Gun-v {
1701
- position: absolute;
1702
- aspect-ratio: 1 / 1;
1703
- top: 0;
1704
- bottom: 0;
1705
- left: 50%;
1706
- transform: translateX(-50%);
1707
- color: var(--core-text-primary);
1708
- }
1709
-
1710
- .Camera-module_snapshotFrame__YM6Eu {
1711
- position: absolute;
1712
- max-width: 25%;
1713
- height: min-content;
1714
- top: 16px;
1715
- right: 16px;
1716
- z-index: 1;
1717
- }
1718
-
1719
- .Camera-module_clear__aaCfT {
1720
- position: absolute;
1721
- top: 16px;
1722
- right: 16px;
1723
- z-index: 3;
1724
- }
1725
-
1726
- .Camera-module_snapshot__odQH0 {
1727
- width: 100%;
1728
- border: 1px solid var(--core-outline-special);
1729
- z-index: 2;
1730
- }
1731
-
1732
- .Camera-module_toolbarButton__mnmoF {
1733
- gap: 4px;
1734
- cursor: pointer;
1735
- user-select: none;
1736
- -webkit-user-select: none;
1737
- }
1738
-
1739
- .Camera-module_buttonIcon__a-VBR {
1740
- min-height: var(--toolbar-button-size);
1741
- max-height: var(--toolbar-button-size);
1742
- min-width: var(--toolbar-button-size);
1743
- max-width: var(--toolbar-button-size);
1744
- background: var(--toolbar-button-bg-color);
1745
- border: 1px solid transparent;
1746
- border-radius: 100%;
1747
- opacity: var(--toolbar-button-opacity);
1748
- transition: background, border var(--motion-water-duration) var(--motion-water) 0s;
1462
+ font-size: var(--font-size-h2);
1463
+ line-height: var(--line-height-xs);
1464
+ letter-spacing: var(--letter-spacing-m);
1465
+ }.type-module_h3__8gHoN {
1466
+ font-family: var(--font-family), sans-serif;
1467
+ font-weight: var(--font-weight-extra);
1468
+ font-size: var(--font-size-h3);
1469
+ line-height: var(--line-height-xs);
1470
+ letter-spacing: var(--letter-spacing-m);
1471
+ }.type-module_h4__EVAd2 {
1472
+ font-family: var(--font-family), sans-serif;
1473
+ font-weight: var(--font-weight-extra);
1474
+ font-size: var(--font-size-h4);
1475
+ line-height: var(--line-height-xs);
1476
+ letter-spacing: var(--letter-spacing-m);
1477
+ }.type-module_h5__92r22 {
1478
+ font-family: var(--font-family), sans-serif;
1479
+ font-weight: var(--font-weight-extra);
1480
+ font-size: var(--font-size-h5);
1481
+ line-height: var(--line-height-xs);
1482
+ letter-spacing: var(--letter-spacing-m);
1483
+ }.type-module_h6__sshOw {
1484
+ font-family: var(--font-family), sans-serif;
1485
+ font-weight: var(--font-weight-extra);
1486
+ font-size: var(--font-size-h6);
1487
+ line-height: var(--line-height-xs);
1488
+ letter-spacing: var(--letter-spacing-m);
1749
1489
  }
1750
-
1751
- .Camera-module_buttonIcon__a-VBR:hover {
1752
- border: 1px solid var(--core-outline-special);
1490
+ .DivInput-module_wrapper__ZQxY- {
1491
+ padding: var(--div-input-padding);
1492
+ width: var(--div-input-width);
1493
+ border-radius: var(--div-input-border-radius);
1494
+ background: var(--div-input-wrapper-bg);
1753
1495
  }
1496
+ .DivInput-module_wrapper__ZQxY-:hover {
1497
+ background: var(--div-input-bg);
1498
+ }
1754
1499
 
1755
- .Camera-module_buttonLabel__6BEs1 {
1756
- color: var(--toolbar-button-label-color);
1500
+ .DivInput-module_input__J34-l {
1501
+ color: var(--div-input-color);
1502
+ user-select: var(--div-input-user-select);
1503
+ -webkit-user-select: var(--div-input-user-select);
1504
+ text-align: var(--div-input-text-align);
1505
+ pointer-events: all;
1506
+ background: transparent;
1507
+ border-radius: var(--corner-xs);
1508
+ border: 0;
1509
+ outline: none;
1510
+ text-overflow: ellipsis;
1511
+ display: -webkit-box;
1512
+ overflow: hidden;
1513
+ white-space: var(--div-input-white-space);
1514
+ -webkit-line-clamp: var(--div-input-line-clamp);
1515
+ -webkit-box-orient: vertical;
1516
+ cursor: var(--div-input-cursor);
1517
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
1757
1518
  }
1758
1519
 
1759
1520
  .flexBox-module_row__z24tF {
@@ -1826,28 +1587,30 @@ line {
1826
1587
  margin: 0;
1827
1588
  }
1828
1589
 
1829
- .ModalController-module_container__3cSaO {
1830
- position: fixed;
1831
- inset: 0;
1832
- overflow: hidden;
1833
- z-index: var(--elevation-confirm);
1590
+ .DraggablePanel-module_panel__vuq2R {
1591
+ position: relative;
1592
+ background-color: var(--panel-bg);
1834
1593
  }
1835
1594
 
1836
- .ModalController-module_box__cPzOz {
1837
- position: relative;
1838
- display: flex;
1839
- justify-content: center;
1840
- align-items: center;
1841
- background: transparent;
1595
+ .DraggablePanel-module_content__SBL0T {
1842
1596
  width: 100%;
1843
1597
  height: 100%;
1844
- overflow: visible;
1845
- z-index: var(--elevation-confirm);
1598
+ overflow: hidden;
1846
1599
  }
1847
1600
 
1848
- .ModalController-module_wrapper__HkOoX {
1601
+ .DraggablePanel-module_handle__LPZw8 {
1602
+ width: var(--drag-handle-width);
1603
+ height: var(--drag-handle-height);
1604
+ min-width: var(--drag-handle-width);
1605
+ min-height: var(--drag-handle-height);
1606
+ border-radius: var(--drag-handle-radius);
1607
+ border: var(--drag-handle-border) solid var(--drag-handle-border-color);
1608
+ background: var(--drag-handle-bg);
1849
1609
  position: absolute;
1850
- z-index: var(--elevation-confirm);
1610
+ top: 50%;
1611
+ left: 50%;
1612
+ transform: translateX(-50%) translateY(-50%);
1613
+ z-index: var(--elevation-overlay);
1851
1614
  }
1852
1615
 
1853
1616
  .flexBox-module_row__z24tF {
@@ -1918,24 +1681,49 @@ line {
1918
1681
  box-sizing: border-box;
1919
1682
  padding: 0;
1920
1683
  margin: 0;
1921
- }
1684
+ }.scrollBars-module_scrollbars__c-ZPl {
1685
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
1686
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
1687
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
1688
+ --scrollbar-size: 6px;
1689
+ --scrollbar-bg: transparent;
1690
+ --scrollbar-thumb: var(--scroll-bar);
1691
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
1922
1692
 
1923
- .AvatarGroup-module_wrapper__MtOyq {
1924
- gap: var(--ag-gap);
1925
- margin: var(--ag-margin);
1926
- }
1693
+ /* firefox does not support -webkit-scrollbar */
1694
+ @supports not selector(::-webkit-scrollbar) {
1695
+ scrollbar-width: thin;
1696
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
1697
+ }
1927
1698
 
1928
- .AvatarGroup-module_avatar__5NVpW {
1929
- display: inline-block;
1930
- margin-left: var(--ag-overlap);
1931
- border-radius: 100%;
1932
- }
1699
+ &::-webkit-scrollbar {
1700
+ background-color: var(--scrollbar-bg);
1701
+ width: var(--scrollbar-size);
1702
+ height: var(--scrollbar-size);
1703
+ }
1933
1704
 
1934
- .AvatarGroup-module_avatar__5NVpW:first-child {
1935
- margin-left: 0;
1705
+ &::-webkit-scrollbar-track {
1706
+ background-color: var(--scrollbar-bg);
1707
+ width: var(--scrollbar-size);
1708
+ height: var(--scrollbar-size);
1936
1709
  }
1937
1710
 
1938
- .type-module_body-xs-regular__ZAFft {
1711
+ &::-webkit-scrollbar-thumb {
1712
+ background-color: var(--scrollbar-thumb);
1713
+ border-radius: var(--corner-round);
1714
+ border: 1px solid var(--scrollbar-bg);
1715
+ }
1716
+
1717
+ &::-webkit-scrollbar-thumb:hover {
1718
+ background-color: var(--scrollbar-thumb-hover);
1719
+ border-radius: var(--corner-round);
1720
+ border: 1px solid var(--scrollbar-bg);
1721
+ }
1722
+
1723
+ &::-webkit-scrollbar-corner {
1724
+ background-color: var(--scrollbar-bg);
1725
+ }
1726
+ }.type-module_body-xs-regular__ZAFft {
1939
1727
  font-family: var(--font-family), sans-serif;
1940
1728
  font-weight: var(--font-weight-regular);
1941
1729
  font-size: var(--font-size-xs);
@@ -2076,54 +1864,94 @@ line {
2076
1864
  font-size: var(--font-size-h6);
2077
1865
  line-height: var(--line-height-xs);
2078
1866
  letter-spacing: var(--letter-spacing-m);
2079
- }.scrollBars-module_scrollbars__c-ZPl {
2080
- /* Consumers override these to theme their own scrollbar (e.g. Modal
2081
- binds them to its scrollHandleColor/scrollHandleColorHover props).
2082
- Unoverridden, they fall back to the shared page-level scroll tokens. */
2083
- --scrollbar-size: 6px;
2084
- --scrollbar-bg: transparent;
2085
- --scrollbar-thumb: var(--scroll-bar);
2086
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
1867
+ }
2087
1868
 
2088
- /* firefox does not support -webkit-scrollbar */
2089
- @supports not selector(::-webkit-scrollbar) {
2090
- scrollbar-width: thin;
2091
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
2092
- }
1869
+ .Modal-module_wrapper__34Hds {
1870
+ position: relative;
1871
+ min-width: var(--modal-min-width);
1872
+ min-height: var(--modal-min-height);
1873
+ max-height: var(--modal-max-height);
1874
+ max-width: var(--modal-max-width);
1875
+ background: var(--modal-background-color);
1876
+ border: var(--modal-border-width) solid var(--modal-border-color);
1877
+ border-radius: var(--modal-border-radius);
1878
+ box-shadow: var(--surface-shadow-soft);
1879
+ overflow: hidden;
1880
+ }
2093
1881
 
2094
- &::-webkit-scrollbar {
2095
- background-color: var(--scrollbar-bg);
2096
- width: var(--scrollbar-size);
2097
- height: var(--scrollbar-size);
2098
- }
1882
+ .Modal-module_title__A5OeE {
1883
+ padding: var(--modal-padding) !important;
1884
+ width: 100%;
1885
+ gap: 16px;
1886
+ border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
1887
+ }
2099
1888
 
2100
- &::-webkit-scrollbar-track {
2101
- background-color: var(--scrollbar-bg);
2102
- width: var(--scrollbar-size);
2103
- height: var(--scrollbar-size);
2104
- }
1889
+ .Modal-module_titleBlock__HUepX {
1890
+ color: var(--modal-title-color);
1891
+ flex: 1;
1892
+ gap: 6px;
1893
+ touch-action: none;
1894
+ user-select: none;
1895
+ -webkit-user-select: none;
1896
+ }
2105
1897
 
2106
- &::-webkit-scrollbar-thumb {
2107
- background-color: var(--scrollbar-thumb);
2108
- border-radius: 20px;
2109
- border: 1px solid var(--scrollbar-bg);
2110
- }
1898
+ .Modal-module_titleIcon__xJYzy {
1899
+ height: 20px;
1900
+ width: 20px;
1901
+ min-height: 20px;
1902
+ min-width: 20px;
1903
+ user-select: none;
1904
+ -webkit-user-select: none;
1905
+ }
2111
1906
 
2112
- &::-webkit-scrollbar-thumb:hover {
2113
- background-color: var(--scrollbar-thumb-hover);
2114
- border-radius: 20px;
2115
- border: 1px solid var(--scrollbar-bg);
2116
- }
1907
+ .Modal-module_contentWrapper__Swyjx {
1908
+ width: 100%;
1909
+ flex: 1;
1910
+ overflow: hidden;
1911
+ overflow-y: auto;
1912
+ margin-right: var(--spacing-xs) !important;
1913
+ /* keeps scrollHandleColor/scrollHandleColorHover props working as before */
1914
+ --scrollbar-bg: var(--modal-background-color);
1915
+ --scrollbar-thumb: var(--modal-scroll-handle);
1916
+ --scrollbar-thumb-hover: var(--modal-scroll-handle-hover);
1917
+ }
2117
1918
 
2118
- &::-webkit-scrollbar-corner {
2119
- background-color: var(--scrollbar-bg);
2120
- }
2121
- }.FlexDiv-module_flexDiv__EY5A- {
2122
- /* --flex-div-bg was never actually set anywhere (FlexDiv.tsx sets
2123
- --flex-div-scroll-border for this purpose) -- bind to the real one. */
2124
- --scrollbar-bg: var(--flex-div-scroll-border);
2125
- --scrollbar-thumb: var(--flex-div-scroll-handle);
2126
- --scrollbar-thumb-hover: var(--flex-div-scroll-handle-hover);
1919
+ .Modal-module_content__dWO-B {
1920
+ padding: var(--modal-padding) !important;
1921
+ padding-top: 0 !important;
1922
+ padding-bottom: var(--modal-content-padding-tops) !important;
1923
+ width: 100%;
1924
+ }
1925
+
1926
+ .Modal-module_actions__hY6zi {
1927
+ padding: var(--modal-padding) !important;
1928
+ width: 100%;
1929
+ user-select: none;
1930
+ -webkit-user-select: none;
1931
+ border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
1932
+ }
1933
+
1934
+ .Modal-module_leftActions__-M-DM {
1935
+ gap: 8px;
1936
+ }
1937
+
1938
+ .Modal-module_rightActions__IFgrN {
1939
+ gap: 8px;
1940
+ }
1941
+
1942
+ .Modal-module_xs__iPcS9 {
1943
+ }
1944
+
1945
+ .Modal-module_s__31sYS {
1946
+ }
1947
+
1948
+ .Modal-module_m__Iz82L {
1949
+ }
1950
+
1951
+ .Modal-module_l__pntdS {
1952
+ }
1953
+
1954
+ .Modal-module_xl__MR-68 {
2127
1955
  }
2128
1956
 
2129
1957
  .flexBox-module_row__z24tF {
@@ -2357,7 +2185,7 @@ line {
2357
2185
  .Grouper-module_content__Mof50 {
2358
2186
  user-select: none;
2359
2187
  -webkit-user-select: none;
2360
- padding: 0 24px !important;
2188
+ padding: 0 var(--spacing-l) !important;
2361
2189
  width: 100%;
2362
2190
  gap: 6px;
2363
2191
  height: var(--grouper-height);
@@ -2371,6 +2199,91 @@ line {
2371
2199
  width: var(--grouper-icon-size);
2372
2200
  }
2373
2201
 
2202
+ .flexBox-module_row__z24tF {
2203
+ display: flex;
2204
+ justify-content: center;
2205
+ align-items: center;
2206
+ box-sizing: border-box;
2207
+ padding: 0;
2208
+ margin: 0;
2209
+ }.flexBox-module_rowBetween__5FEvi {
2210
+ display: flex;
2211
+ justify-content: space-between;
2212
+ align-items: center;
2213
+ box-sizing: border-box;
2214
+ padding: 0;
2215
+ margin: 0;
2216
+ }.flexBox-module_rowStart__4tcxS {
2217
+ display: flex;
2218
+ justify-content: flex-start;
2219
+ align-items: center;
2220
+ box-sizing: border-box;
2221
+ padding: 0;
2222
+ margin: 0;
2223
+ }.flexBox-module_rowEnd__rVdVm {
2224
+ display: flex;
2225
+ justify-content: flex-end;
2226
+ align-items: center;
2227
+ box-sizing: border-box;
2228
+ padding: 0;
2229
+ margin: 0;
2230
+ }.flexBox-module_column__ezvMq {
2231
+ display: flex;
2232
+ flex-direction: column;
2233
+ justify-content: center;
2234
+ align-items: center;
2235
+ box-sizing: border-box;
2236
+ padding: 0;
2237
+ margin: 0;
2238
+ }.flexBox-module_columnStart__C7P44 {
2239
+ display: flex;
2240
+ flex-direction: column;
2241
+ justify-content: flex-start;
2242
+ align-items: flex-start;
2243
+ box-sizing: border-box;
2244
+ padding: 0;
2245
+ margin: 0;
2246
+ }.flexBox-module_columnStartCenter__PKcrG {
2247
+ display: flex;
2248
+ flex-direction: column;
2249
+ justify-content: flex-start;
2250
+ align-items: center;
2251
+ box-sizing: border-box;
2252
+ padding: 0;
2253
+ margin: 0;
2254
+ }.flexBox-module_columnBetween__ERfp7 {
2255
+ display: flex;
2256
+ flex-direction: column;
2257
+ justify-content: space-between;
2258
+ align-items: center;
2259
+ box-sizing: border-box;
2260
+ padding: 0;
2261
+ margin: 0;
2262
+ }.flexBox-module_columnEnd__lLJuc {
2263
+ display: flex;
2264
+ flex-direction: column;
2265
+ justify-content: flex-end;
2266
+ align-items: flex-end;
2267
+ box-sizing: border-box;
2268
+ padding: 0;
2269
+ margin: 0;
2270
+ }.Dot-module_dot__RNz87 {
2271
+ display: var(--dot-display);
2272
+ box-sizing: content-box;
2273
+ position: var(--dot-position);
2274
+ top: var(--dot-top);
2275
+ right: var(--dot-right);
2276
+ vertical-align: var(--dot-vertical-align);
2277
+ min-height: var(--dot-size);
2278
+ min-width: var(--dot-size);
2279
+ height: var(--dot-size);
2280
+ width: var(--dot-size);
2281
+ border: var(--dot-border) solid var(--core-surface-primary);
2282
+ background: var(--dot-bg);
2283
+ border-radius: 100%;
2284
+ z-index: var(--elevation-status);
2285
+ }
2286
+
2374
2287
  .flexBox-module_row__z24tF {
2375
2288
  display: flex;
2376
2289
  justify-content: center;
@@ -2587,128 +2500,61 @@ line {
2587
2500
  background: var(--error-bg-color);
2588
2501
  border: 1px solid var(--error-text-color);
2589
2502
  border-radius: var(--corner-xs);
2590
- padding: 16px !important;
2591
2503
  overflow: hidden;
2592
2504
  gap: 0;
2593
2505
  }
2594
2506
 
2507
+ .ErrorSummary-module_errorBox__hjY50.ErrorSummary-module_errorBox__hjY50 {
2508
+ padding: var(--spacing-m) !important;
2509
+ }
2510
+
2595
2511
  .ErrorSummary-module_error__QX1mr {
2596
2512
  width: 100%;
2597
- margin: 0 !important;
2598
- padding: 0 !important;
2599
- margin-bottom: 4px !important;
2600
2513
  }
2601
2514
 
2602
2515
  .ErrorSummary-module_error__QX1mr:last-child {
2603
- margin-bottom: 0 !important;
2516
+ margin-bottom: 0;
2604
2517
  }
2605
2518
 
2519
+ .ErrorSummary-module_error__QX1mr.ErrorSummary-module_error__QX1mr {
2520
+ margin-bottom: var(--spacing-xs) !important;
2521
+ }
2522
+
2606
2523
  .ErrorSummary-module_p__N-2Po {
2607
- margin: 0 !important;
2608
- padding: 0 !important;
2609
- color: var(--error-text-color) !important;
2524
+ margin: 0;
2525
+ padding: 0;
2526
+ color: var(--error-text-color);
2610
2527
  }
2611
2528
 
2612
2529
  .ErrorSummary-module_ul__Xv0K7 {
2613
- padding: 0 !important;
2614
- margin: 0 !important;
2530
+ padding: 0;
2531
+ margin: 0;
2615
2532
  }
2616
2533
 
2617
2534
  .ErrorSummary-module_li__0ciEx {
2618
- color: var(--error-text-color) !important;
2619
- line-height: 1.5em !important;
2620
- padding: 0;
2535
+ color: var(--error-text-color);
2536
+ line-height: 1.5em;
2537
+ }
2538
+ .ErrorSummary-module_li__0ciEx.ErrorSummary-module_li__0ciEx {
2539
+ margin: 0 0 0 1.2em;
2621
2540
  }
2622
2541
 
2623
2542
  .ErrorSummary-module_xs__pTqMn {
2624
- font-size: var(--font-size-xs) !important;
2625
2543
  }
2626
2544
 
2627
2545
  .ErrorSummary-module_s__u2sIP {
2628
- font-size: var(--font-size-s) !important;
2629
2546
  }
2630
2547
 
2631
2548
  .ErrorSummary-module_m__-QyP- {
2632
- font-size: var(--font-size-m) !important;
2633
2549
  }
2634
2550
 
2635
2551
  .ErrorSummary-module_l__bb1xZ {
2636
- font-size: var(--font-size-l) !important;
2637
2552
  }
2638
2553
 
2639
2554
  .ErrorSummary-module_xl__SaVRd {
2640
- font-size: var(--font-size-xl) !important;
2641
2555
  }
2642
2556
 
2643
- .flexBox-module_row__z24tF {
2644
- display: flex;
2645
- justify-content: center;
2646
- align-items: center;
2647
- box-sizing: border-box;
2648
- padding: 0;
2649
- margin: 0;
2650
- }.flexBox-module_rowBetween__5FEvi {
2651
- display: flex;
2652
- justify-content: space-between;
2653
- align-items: center;
2654
- box-sizing: border-box;
2655
- padding: 0;
2656
- margin: 0;
2657
- }.flexBox-module_rowStart__4tcxS {
2658
- display: flex;
2659
- justify-content: flex-start;
2660
- align-items: center;
2661
- box-sizing: border-box;
2662
- padding: 0;
2663
- margin: 0;
2664
- }.flexBox-module_rowEnd__rVdVm {
2665
- display: flex;
2666
- justify-content: flex-end;
2667
- align-items: center;
2668
- box-sizing: border-box;
2669
- padding: 0;
2670
- margin: 0;
2671
- }.flexBox-module_column__ezvMq {
2672
- display: flex;
2673
- flex-direction: column;
2674
- justify-content: center;
2675
- align-items: center;
2676
- box-sizing: border-box;
2677
- padding: 0;
2678
- margin: 0;
2679
- }.flexBox-module_columnStart__C7P44 {
2680
- display: flex;
2681
- flex-direction: column;
2682
- justify-content: flex-start;
2683
- align-items: flex-start;
2684
- box-sizing: border-box;
2685
- padding: 0;
2686
- margin: 0;
2687
- }.flexBox-module_columnStartCenter__PKcrG {
2688
- display: flex;
2689
- flex-direction: column;
2690
- justify-content: flex-start;
2691
- align-items: center;
2692
- box-sizing: border-box;
2693
- padding: 0;
2694
- margin: 0;
2695
- }.flexBox-module_columnBetween__ERfp7 {
2696
- display: flex;
2697
- flex-direction: column;
2698
- justify-content: space-between;
2699
- align-items: center;
2700
- box-sizing: border-box;
2701
- padding: 0;
2702
- margin: 0;
2703
- }.flexBox-module_columnEnd__lLJuc {
2704
- display: flex;
2705
- flex-direction: column;
2706
- justify-content: flex-end;
2707
- align-items: flex-end;
2708
- box-sizing: border-box;
2709
- padding: 0;
2710
- margin: 0;
2711
- }.type-module_body-xs-regular__ZAFft {
2557
+ .type-module_body-xs-regular__ZAFft {
2712
2558
  font-family: var(--font-family), sans-serif;
2713
2559
  font-weight: var(--font-weight-regular);
2714
2560
  font-size: var(--font-size-xs);
@@ -2811,130 +2657,93 @@ line {
2811
2657
  font-weight: var(--font-weight-bold);
2812
2658
  font-size: var(--font-size-xl);
2813
2659
  line-height: var(--line-height-xxl);
2814
- text-decoration: none;
2815
- letter-spacing: var(--letter-spacing-s);
2816
- }.type-module_h1__ikDt5 {
2817
- font-family: var(--font-family), sans-serif;
2818
- font-weight: var(--font-weight-extra);
2819
- font-size: var(--font-size-h1);
2820
- line-height: var(--line-height-xs);
2821
- letter-spacing: var(--letter-spacing-m);
2822
- }.type-module_h2__bSCvt {
2823
- font-family: var(--font-family), sans-serif;
2824
- font-weight: var(--font-weight-extra);
2825
- font-size: var(--font-size-h2);
2826
- line-height: var(--line-height-xs);
2827
- letter-spacing: var(--letter-spacing-m);
2828
- }.type-module_h3__8gHoN {
2829
- font-family: var(--font-family), sans-serif;
2830
- font-weight: var(--font-weight-extra);
2831
- font-size: var(--font-size-h3);
2832
- line-height: var(--line-height-xs);
2833
- letter-spacing: var(--letter-spacing-m);
2834
- }.type-module_h4__EVAd2 {
2835
- font-family: var(--font-family), sans-serif;
2836
- font-weight: var(--font-weight-extra);
2837
- font-size: var(--font-size-h4);
2838
- line-height: var(--line-height-xs);
2839
- letter-spacing: var(--letter-spacing-m);
2840
- }.type-module_h5__92r22 {
2841
- font-family: var(--font-family), sans-serif;
2842
- font-weight: var(--font-weight-extra);
2843
- font-size: var(--font-size-h5);
2844
- line-height: var(--line-height-xs);
2845
- letter-spacing: var(--letter-spacing-m);
2846
- }.type-module_h6__sshOw {
2847
- font-family: var(--font-family), sans-serif;
2848
- font-weight: var(--font-weight-extra);
2849
- font-size: var(--font-size-h6);
2850
- line-height: var(--line-height-xs);
2851
- letter-spacing: var(--letter-spacing-m);
2852
- }
2853
-
2854
- .DropDown-module_wrapper__CyX0u {
2855
- display: var(--dd-display) !important;
2856
- padding: var(--dd-padding) !important;
2857
- margin: var(--dd-margin) !important;
2858
- position: relative;
2859
- gap: var(--dd-gap);
2860
- width: var(--dd-width);
2861
- border-radius: var(--dd-border-radius);
2862
- background-color: var(--dd-bg-color);
2863
- border: var(--dd-border);
2864
- border-bottom: var(--dd-border-bottom);
2865
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
2866
- user-select: none;
2867
- -webkit-user-select: none;
2868
- }
2869
-
2870
- .DropDown-module_face__6gyF3 {
2871
- overflow: hidden;
2872
- min-width: 0;
2873
- flex: 1;
2874
- }
2875
-
2876
- .DropDown-module_faceText__glhB3 {
2877
- display: -webkit-box;
2878
- -webkit-line-clamp: 1;
2879
- -webkit-box-orient: vertical;
2880
- box-sizing: border-box;
2881
- overflow: hidden;
2882
- text-overflow: ellipsis;
2883
- word-break: break-all;
2884
- color: var(--dd-color);
2885
- min-width: 0;
2886
- }
2887
-
2888
- .DropDown-module_label__Mrwbp {
2889
- width: min-content;
2890
- overflow: hidden;
2891
- white-space: nowrap;
2892
- text-overflow: ellipsis;
2893
- color: var(--dd-label-color);
2894
- }
2895
-
2896
- .DropDown-module_xs__7L71q {
2897
- }
2898
-
2899
- .DropDown-module_s__vAxXD {
2900
- }
2660
+ text-decoration: none;
2661
+ letter-spacing: var(--letter-spacing-s);
2662
+ }.type-module_h1__ikDt5 {
2663
+ font-family: var(--font-family), sans-serif;
2664
+ font-weight: var(--font-weight-extra);
2665
+ font-size: var(--font-size-h1);
2666
+ line-height: var(--line-height-xs);
2667
+ letter-spacing: var(--letter-spacing-m);
2668
+ }.type-module_h2__bSCvt {
2669
+ font-family: var(--font-family), sans-serif;
2670
+ font-weight: var(--font-weight-extra);
2671
+ font-size: var(--font-size-h2);
2672
+ line-height: var(--line-height-xs);
2673
+ letter-spacing: var(--letter-spacing-m);
2674
+ }.type-module_h3__8gHoN {
2675
+ font-family: var(--font-family), sans-serif;
2676
+ font-weight: var(--font-weight-extra);
2677
+ font-size: var(--font-size-h3);
2678
+ line-height: var(--line-height-xs);
2679
+ letter-spacing: var(--letter-spacing-m);
2680
+ }.type-module_h4__EVAd2 {
2681
+ font-family: var(--font-family), sans-serif;
2682
+ font-weight: var(--font-weight-extra);
2683
+ font-size: var(--font-size-h4);
2684
+ line-height: var(--line-height-xs);
2685
+ letter-spacing: var(--letter-spacing-m);
2686
+ }.type-module_h5__92r22 {
2687
+ font-family: var(--font-family), sans-serif;
2688
+ font-weight: var(--font-weight-extra);
2689
+ font-size: var(--font-size-h5);
2690
+ line-height: var(--line-height-xs);
2691
+ letter-spacing: var(--letter-spacing-m);
2692
+ }.type-module_h6__sshOw {
2693
+ font-family: var(--font-family), sans-serif;
2694
+ font-weight: var(--font-weight-extra);
2695
+ font-size: var(--font-size-h6);
2696
+ line-height: var(--line-height-xs);
2697
+ letter-spacing: var(--letter-spacing-m);
2698
+ }.scrollBars-module_scrollbars__c-ZPl {
2699
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
2700
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
2701
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
2702
+ --scrollbar-size: 6px;
2703
+ --scrollbar-bg: transparent;
2704
+ --scrollbar-thumb: var(--scroll-bar);
2705
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
2901
2706
 
2902
- .DropDown-module_m__K6JPk {
2903
- }
2707
+ /* firefox does not support -webkit-scrollbar */
2708
+ @supports not selector(::-webkit-scrollbar) {
2709
+ scrollbar-width: thin;
2710
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
2711
+ }
2904
2712
 
2905
- .DropDown-module_l__Kib48 {
2906
- }
2713
+ &::-webkit-scrollbar {
2714
+ background-color: var(--scrollbar-bg);
2715
+ width: var(--scrollbar-size);
2716
+ height: var(--scrollbar-size);
2717
+ }
2907
2718
 
2908
- .DropDown-module_xl__mwc0C {
2909
- }
2719
+ &::-webkit-scrollbar-track {
2720
+ background-color: var(--scrollbar-bg);
2721
+ width: var(--scrollbar-size);
2722
+ height: var(--scrollbar-size);
2723
+ }
2910
2724
 
2911
- .DropDown-module_chevron__LkYsE {
2912
- min-height: var(--dd-icon-size);
2913
- max-height: var(--dd-icon-size);
2914
- min-width: var(--dd-icon-size);
2915
- max-width: var(--dd-icon-size);
2916
- }
2725
+ &::-webkit-scrollbar-thumb {
2726
+ background-color: var(--scrollbar-thumb);
2727
+ border-radius: var(--corner-round);
2728
+ border: 1px solid var(--scrollbar-bg);
2729
+ }
2917
2730
 
2918
- .DropDown-module_select__mzNnv {
2919
- position: absolute;
2920
- opacity: 0;
2921
- width: 100%;
2922
- height: 100%;
2923
- font-size: 14px;
2924
- background-color: #1f99cd;
2925
- background-position: right 10px center;
2926
- background-repeat: no-repeat;
2927
- background-size: auto 50%;
2928
- border: none;
2929
- outline: none;
2930
- -moz-appearance: none;
2931
- -webkit-appearance: none;
2932
- appearance: none;
2933
- }
2731
+ &::-webkit-scrollbar-thumb:hover {
2732
+ background-color: var(--scrollbar-thumb-hover);
2733
+ border-radius: var(--corner-round);
2734
+ border: 1px solid var(--scrollbar-bg);
2735
+ }
2934
2736
 
2935
- .DropDown-module_select__mzNnv::-ms-expand {
2936
- display: none;
2737
+ &::-webkit-scrollbar-corner {
2738
+ background-color: var(--scrollbar-bg);
2937
2739
  }
2740
+ }.FlexDiv-module_flexDiv__EY5A- {
2741
+ /* --flex-div-bg was never actually set anywhere (FlexDiv.tsx sets
2742
+ --flex-div-scroll-border for this purpose) -- bind to the real one. */
2743
+ --scrollbar-bg: var(--flex-div-scroll-border);
2744
+ --scrollbar-thumb: var(--flex-div-scroll-handle);
2745
+ --scrollbar-thumb-hover: var(--flex-div-scroll-handle-hover);
2746
+ }
2938
2747
 
2939
2748
  .flexBox-module_row__z24tF {
2940
2749
  display: flex;
@@ -3213,17 +3022,12 @@ line {
3213
3022
  }
3214
3023
 
3215
3024
  .PromptInput-module_attachments__rqgY1 {
3216
- padding: 16px 16px 0 16px !important;
3025
+ padding: var(--spacing-m) var(--spacing-m) 0 var(--spacing-m) !important;
3217
3026
  width: 100%;
3218
3027
  }
3219
3028
 
3220
- .PromptInput-module_clear__MFroM {
3221
- padding: 12px 8px 0 0 !important;
3222
- display: var(--prompt-clear) !important;
3223
- }
3224
-
3225
3029
  .PromptInput-module_buttonBar__X8LDe {
3226
- padding: 8px 16px 16px 16px !important;
3030
+ padding: var(--spacing-s) var(--spacing-m) var(--spacing-m) var(--spacing-m) !important;
3227
3031
  width: 100%;
3228
3032
  cursor: text;
3229
3033
  }
@@ -3234,7 +3038,7 @@ line {
3234
3038
  }
3235
3039
 
3236
3040
  .PromptInput-module_textarea__e4Kxn {
3237
- padding: 16px !important;
3041
+ padding: var(--spacing-m) !important;
3238
3042
  box-sizing: border-box;
3239
3043
  field-sizing: content;
3240
3044
  width: 100%;
@@ -3335,144 +3139,37 @@ line {
3335
3139
  margin: 0;
3336
3140
  }
3337
3141
 
3338
- .Slider-module_wrapper__KCCs1 {
3339
- position: relative;
3340
- display: flex;
3341
- justify-content: flex-start;
3342
- align-items: center;
3343
- box-sizing: border-box;
3344
- padding: 0 var(--slider-padding);
3345
- margin: 0;
3346
- width: var(--slider-width);
3347
- height: auto;
3348
- min-height: var(--slider-touch-height);
3349
- cursor: var(--slider-cursor);
3350
- opacity: var(--slider-opacity);
3351
- background: transparent;
3352
- }
3353
-
3354
- .Slider-module_trackBg__7zfqm {
3355
- position: relative;
3142
+ .Pager-module_wrapper__eutVg {
3143
+ gap: var(--pager-gap);
3356
3144
  width: 100%;
3357
- height: var(--slider-height);
3358
- background-color: var(--slider-track-color);
3359
- overflow: hidden;
3360
- border-radius: var(--corner-round);
3361
- }
3362
-
3363
- .Slider-module_track__kaJkL {
3364
- position: absolute;
3365
- top: 0;
3366
- bottom: 0;
3367
- width: 0;
3368
- background-color: var(--slider-progress-color);
3369
- overflow: visible;
3370
- border-radius: var(--corner-round);
3371
- }
3372
-
3373
- .Slider-module_trackHead__W-UdG {
3374
- position: absolute;
3375
- display: var(--slider-head-display);
3376
- background-color: var(--slider-head-color);
3377
- border: var(--slider-track-head-border);
3378
- border-radius: var(--slider-head-radius);
3379
- max-width: var(--slider-head-width);
3380
- max-height: var(--slider-head-size);
3381
- min-width: var(--slider-head-width);
3382
- min-height: var(--slider-head-size);
3383
- top: 50%;
3384
- transform: translateY(-50%) translateX(-50%);
3145
+ z-index: var(--elevation-status);
3385
3146
  }
3386
3147
 
3387
- .Slider-module_trackWrapper__Ot0Wh {
3388
- position: relative;
3389
- width: 100%;
3390
- height: var(--slider-height);
3391
- min-height: var(--slider-touch-height);
3392
- background-color: transparent;
3393
- border-radius: var(--corner-xs);
3394
- overflow: visible;
3148
+ .Pager-module_bullet__TxyR5 {
3149
+ width: var(--pager-size);
3150
+ height: var(--pager-size);
3151
+ max-width: var(--pager-size);
3152
+ max-height: var(--pager-size);
3153
+ background: var(--pager-color);
3154
+ border-radius: 100%;
3155
+ border: 0;
3156
+ cursor: pointer;
3395
3157
  outline: none;
3158
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
3396
3159
  }
3397
3160
 
3398
- .Slider-module_trackWrapper__Ot0Wh:focus-visible {
3399
- outline: 2px solid var(--core-link-primary);
3400
- outline-offset: 2px;
3401
- }
3402
-
3403
- .flexBox-module_row__z24tF {
3404
- display: flex;
3405
- justify-content: center;
3406
- align-items: center;
3407
- box-sizing: border-box;
3408
- padding: 0;
3409
- margin: 0;
3410
- }.flexBox-module_rowBetween__5FEvi {
3411
- display: flex;
3412
- justify-content: space-between;
3413
- align-items: center;
3414
- box-sizing: border-box;
3415
- padding: 0;
3416
- margin: 0;
3417
- }.flexBox-module_rowStart__4tcxS {
3418
- display: flex;
3419
- justify-content: flex-start;
3420
- align-items: center;
3421
- box-sizing: border-box;
3422
- padding: 0;
3423
- margin: 0;
3424
- }.flexBox-module_rowEnd__rVdVm {
3425
- display: flex;
3426
- justify-content: flex-end;
3427
- align-items: center;
3428
- box-sizing: border-box;
3429
- padding: 0;
3430
- margin: 0;
3431
- }.flexBox-module_column__ezvMq {
3432
- display: flex;
3433
- flex-direction: column;
3434
- justify-content: center;
3435
- align-items: center;
3436
- box-sizing: border-box;
3437
- padding: 0;
3438
- margin: 0;
3439
- }.flexBox-module_columnStart__C7P44 {
3440
- display: flex;
3441
- flex-direction: column;
3442
- justify-content: flex-start;
3443
- align-items: flex-start;
3444
- box-sizing: border-box;
3445
- padding: 0;
3446
- margin: 0;
3447
- }.flexBox-module_columnStartCenter__PKcrG {
3448
- display: flex;
3449
- flex-direction: column;
3450
- justify-content: flex-start;
3451
- align-items: center;
3452
- box-sizing: border-box;
3453
- padding: 0;
3454
- margin: 0;
3455
- }.flexBox-module_columnBetween__ERfp7 {
3456
- display: flex;
3457
- flex-direction: column;
3458
- justify-content: space-between;
3459
- align-items: center;
3460
- box-sizing: border-box;
3461
- padding: 0;
3462
- margin: 0;
3463
- }.flexBox-module_columnEnd__lLJuc {
3464
- display: flex;
3465
- flex-direction: column;
3466
- justify-content: flex-end;
3467
- align-items: flex-end;
3468
- box-sizing: border-box;
3469
- padding: 0;
3470
- margin: 0;
3471
- }.ToggleButton-module_toggleButton__H7KgI {
3472
- width: min-content;
3473
- gap: var(--tb-gap);
3161
+ .Pager-module_bullet__TxyR5:hover {
3162
+ background: var(--pager-colorHover);
3163
+ }
3164
+
3165
+ .Pager-module_selected__C6xbR {
3166
+ background: var(--pager-colorOn);
3474
3167
  }
3475
3168
 
3169
+ .Pager-module_selected__C6xbR:hover {
3170
+ background: var(--pager-colorOn);
3171
+ }
3172
+
3476
3173
  .flexBox-module_row__z24tF {
3477
3174
  display: flex;
3478
3175
  justify-content: center;
@@ -3684,46 +3381,207 @@ line {
3684
3381
  letter-spacing: var(--letter-spacing-m);
3685
3382
  }
3686
3383
 
3687
- .RadioButton-module_wrapper__-pWRe {
3688
- padding: var(--rb-padding) !important;
3689
- max-width: var(--rb-max-width);
3690
- flex: var(--rb-flex);
3691
- border: var(--rb-border);
3692
- background: var(--rb-bg);
3693
- gap: var(--rb-gap);
3694
- border-radius: var(--corner-m);
3384
+ .CheckBox-module_wrapper__uRsjI {
3385
+ min-height: var(--cb-size);
3386
+ height: var(--cb-size);
3387
+ width: auto;
3388
+ gap: 6px;
3695
3389
  cursor: pointer;
3696
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
3390
+ overflow: hidden;
3697
3391
  user-select: none;
3698
3392
  -webkit-user-select: none;
3699
- appearance: none;
3700
- -webkit-appearance: none;
3701
- background-image: none;
3702
3393
  outline: none;
3394
+ border: 0;
3703
3395
  }
3704
3396
 
3705
- .RadioButton-module_radioIcon__I27Xv {
3706
- width: 20px;
3707
- height: 20px;
3708
- max-width: 20px;
3709
- max-height: 20px;
3710
- min-height: 20px;
3711
- min-width: 20px;
3397
+ .CheckBox-module_icon__FoDJN {
3398
+ min-width: var(--cb-size);
3399
+ max-width: var(--cb-size);
3400
+ min-height: var(--cb-size);
3401
+ max-height: var(--cb-size);
3712
3402
  }
3713
3403
 
3714
- .RadioButton-module_radioTitle__zCQII {
3715
- color: var(--core-text-primary);
3716
- white-space: nowrap;
3717
- flex: 1;
3404
+ .CheckBox-module_label__0AiBp {
3405
+ color: var(--cb-label-color);
3406
+ transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
3718
3407
  }
3719
3408
 
3720
- .RadioButton-module_radioSummary__PNr0Z {
3721
- color: var(--core-text-primary);
3722
- flex: 1;
3409
+ .flexBox-module_row__z24tF {
3410
+ display: flex;
3411
+ justify-content: center;
3412
+ align-items: center;
3413
+ box-sizing: border-box;
3414
+ padding: 0;
3415
+ margin: 0;
3416
+ }.flexBox-module_rowBetween__5FEvi {
3417
+ display: flex;
3418
+ justify-content: space-between;
3419
+ align-items: center;
3420
+ box-sizing: border-box;
3421
+ padding: 0;
3422
+ margin: 0;
3423
+ }.flexBox-module_rowStart__4tcxS {
3424
+ display: flex;
3425
+ justify-content: flex-start;
3426
+ align-items: center;
3427
+ box-sizing: border-box;
3428
+ padding: 0;
3429
+ margin: 0;
3430
+ }.flexBox-module_rowEnd__rVdVm {
3431
+ display: flex;
3432
+ justify-content: flex-end;
3433
+ align-items: center;
3434
+ box-sizing: border-box;
3435
+ padding: 0;
3436
+ margin: 0;
3437
+ }.flexBox-module_column__ezvMq {
3438
+ display: flex;
3439
+ flex-direction: column;
3440
+ justify-content: center;
3441
+ align-items: center;
3442
+ box-sizing: border-box;
3443
+ padding: 0;
3444
+ margin: 0;
3445
+ }.flexBox-module_columnStart__C7P44 {
3446
+ display: flex;
3447
+ flex-direction: column;
3448
+ justify-content: flex-start;
3449
+ align-items: flex-start;
3450
+ box-sizing: border-box;
3451
+ padding: 0;
3452
+ margin: 0;
3453
+ }.flexBox-module_columnStartCenter__PKcrG {
3454
+ display: flex;
3455
+ flex-direction: column;
3456
+ justify-content: flex-start;
3457
+ align-items: center;
3458
+ box-sizing: border-box;
3459
+ padding: 0;
3460
+ margin: 0;
3461
+ }.flexBox-module_columnBetween__ERfp7 {
3462
+ display: flex;
3463
+ flex-direction: column;
3464
+ justify-content: space-between;
3465
+ align-items: center;
3466
+ box-sizing: border-box;
3467
+ padding: 0;
3468
+ margin: 0;
3469
+ }.flexBox-module_columnEnd__lLJuc {
3470
+ display: flex;
3471
+ flex-direction: column;
3472
+ justify-content: flex-end;
3473
+ align-items: flex-end;
3474
+ box-sizing: border-box;
3475
+ padding: 0;
3476
+ margin: 0;
3723
3477
  }
3724
3478
 
3725
- .RadioButton-module_radioContent__38xVx {
3479
+ .RadioButtonList-module_wrapper__wnq1- {
3480
+ align-items: flex-start;
3481
+ width: var(--rb-list-width);
3482
+ flex-wrap: var(--rb-list-flex-wrap);
3483
+ margin-bottom: var(--rb-list-margin-bottom);
3484
+ gap: var(--rb-gap);
3485
+ }
3486
+
3487
+ .RadioButtonList-module_column__Bq16e {
3488
+ }
3489
+
3490
+ .RadioButtonList-module_row__D3szq {
3491
+ }
3492
+
3493
+ .flexBox-module_row__z24tF {
3494
+ display: flex;
3495
+ justify-content: center;
3496
+ align-items: center;
3497
+ box-sizing: border-box;
3498
+ padding: 0;
3499
+ margin: 0;
3500
+ }.flexBox-module_rowBetween__5FEvi {
3501
+ display: flex;
3502
+ justify-content: space-between;
3503
+ align-items: center;
3504
+ box-sizing: border-box;
3505
+ padding: 0;
3506
+ margin: 0;
3507
+ }.flexBox-module_rowStart__4tcxS {
3508
+ display: flex;
3509
+ justify-content: flex-start;
3510
+ align-items: center;
3511
+ box-sizing: border-box;
3512
+ padding: 0;
3513
+ margin: 0;
3514
+ }.flexBox-module_rowEnd__rVdVm {
3515
+ display: flex;
3516
+ justify-content: flex-end;
3517
+ align-items: center;
3518
+ box-sizing: border-box;
3519
+ padding: 0;
3520
+ margin: 0;
3521
+ }.flexBox-module_column__ezvMq {
3522
+ display: flex;
3523
+ flex-direction: column;
3524
+ justify-content: center;
3525
+ align-items: center;
3526
+ box-sizing: border-box;
3527
+ padding: 0;
3528
+ margin: 0;
3529
+ }.flexBox-module_columnStart__C7P44 {
3530
+ display: flex;
3531
+ flex-direction: column;
3532
+ justify-content: flex-start;
3533
+ align-items: flex-start;
3534
+ box-sizing: border-box;
3535
+ padding: 0;
3536
+ margin: 0;
3537
+ }.flexBox-module_columnStartCenter__PKcrG {
3538
+ display: flex;
3539
+ flex-direction: column;
3540
+ justify-content: flex-start;
3541
+ align-items: center;
3542
+ box-sizing: border-box;
3543
+ padding: 0;
3544
+ margin: 0;
3545
+ }.flexBox-module_columnBetween__ERfp7 {
3546
+ display: flex;
3547
+ flex-direction: column;
3548
+ justify-content: space-between;
3549
+ align-items: center;
3550
+ box-sizing: border-box;
3551
+ padding: 0;
3552
+ margin: 0;
3553
+ }.flexBox-module_columnEnd__lLJuc {
3554
+ display: flex;
3555
+ flex-direction: column;
3556
+ justify-content: flex-end;
3557
+ align-items: flex-end;
3558
+ box-sizing: border-box;
3559
+ padding: 0;
3560
+ margin: 0;
3561
+ }
3562
+
3563
+ .ModalController-module_container__3cSaO {
3564
+ position: fixed;
3565
+ inset: 0;
3566
+ overflow: hidden;
3567
+ z-index: var(--elevation-confirm);
3568
+ }
3569
+
3570
+ .ModalController-module_box__cPzOz {
3571
+ position: relative;
3572
+ display: flex;
3573
+ justify-content: center;
3574
+ align-items: center;
3575
+ background: transparent;
3726
3576
  width: 100%;
3577
+ height: 100%;
3578
+ overflow: visible;
3579
+ z-index: var(--elevation-confirm);
3580
+ }
3581
+
3582
+ .ModalController-module_wrapper__HkOoX {
3583
+ position: absolute;
3584
+ z-index: var(--elevation-confirm);
3727
3585
  }
3728
3586
 
3729
3587
  .flexBox-module_row__z24tF {
@@ -3794,6 +3652,48 @@ line {
3794
3652
  box-sizing: border-box;
3795
3653
  padding: 0;
3796
3654
  margin: 0;
3655
+ }.scrollBars-module_scrollbars__c-ZPl {
3656
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
3657
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
3658
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
3659
+ --scrollbar-size: 6px;
3660
+ --scrollbar-bg: transparent;
3661
+ --scrollbar-thumb: var(--scroll-bar);
3662
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
3663
+
3664
+ /* firefox does not support -webkit-scrollbar */
3665
+ @supports not selector(::-webkit-scrollbar) {
3666
+ scrollbar-width: thin;
3667
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
3668
+ }
3669
+
3670
+ &::-webkit-scrollbar {
3671
+ background-color: var(--scrollbar-bg);
3672
+ width: var(--scrollbar-size);
3673
+ height: var(--scrollbar-size);
3674
+ }
3675
+
3676
+ &::-webkit-scrollbar-track {
3677
+ background-color: var(--scrollbar-bg);
3678
+ width: var(--scrollbar-size);
3679
+ height: var(--scrollbar-size);
3680
+ }
3681
+
3682
+ &::-webkit-scrollbar-thumb {
3683
+ background-color: var(--scrollbar-thumb);
3684
+ border-radius: var(--corner-round);
3685
+ border: 1px solid var(--scrollbar-bg);
3686
+ }
3687
+
3688
+ &::-webkit-scrollbar-thumb:hover {
3689
+ background-color: var(--scrollbar-thumb-hover);
3690
+ border-radius: var(--corner-round);
3691
+ border: 1px solid var(--scrollbar-bg);
3692
+ }
3693
+
3694
+ &::-webkit-scrollbar-corner {
3695
+ background-color: var(--scrollbar-bg);
3696
+ }
3797
3697
  }.type-module_body-xs-regular__ZAFft {
3798
3698
  font-family: var(--font-family), sans-serif;
3799
3699
  font-weight: var(--font-weight-regular);
@@ -3937,108 +3837,77 @@ line {
3937
3837
  letter-spacing: var(--letter-spacing-m);
3938
3838
  }
3939
3839
 
3940
- .TextField-module_wrapper__qZ-p- {
3840
+ .TextArea-module_wrapper__O0sWP {
3941
3841
  position: relative;
3942
- padding: var(--tf-padding) !important;
3943
- padding-right: var(--tf-padding-right) !important;
3944
- gap: 8px;
3945
- overflow: visible;
3946
- width: var(--tf-width);
3947
- height: var(--tf-height);
3948
- border-radius: var(--tf-border-radius);
3949
- background: var(--tf-bg-color);
3950
- box-shadow: var(--tf-box-shadow);
3842
+ padding: var(--ta-padding) !important;
3843
+ width: var(--ta-width);
3844
+ height: var(--ta-height);
3845
+ max-height: var(--ta-max-height);
3846
+ border-radius: var(--ta-border-radius);
3847
+ background-color: var(--ta-bg-color);
3848
+ box-shadow: 0 0 0 1px var(--ta-border-color);
3951
3849
  transition: all var(--motion-water-duration) var(--motion-water) 0s;
3952
3850
  }
3953
3851
 
3954
- .TextField-module_container__5U9yK {
3955
- flex: 1;
3956
- height: 100%;
3957
- gap: 8px;
3958
- }
3959
-
3960
- .TextField-module_label__jD8MR {
3961
- color: var(--tf-label-color);
3962
- height: auto;
3963
- overflow: hidden;
3964
- white-space: nowrap;
3965
- }
3966
-
3967
- .TextField-module_input__AkWBQ {
3968
- color: var(--tf-text-color);
3969
- background-color: transparent;
3970
- box-sizing: border-box;
3971
- outline: none;
3852
+ .TextArea-module_textarea__-R2n0 {
3972
3853
  border: 0;
3854
+ outline: 0;
3973
3855
  padding: 0;
3856
+ width: 100%;
3974
3857
  height: 100%;
3975
- width: var(--tf-input-width);
3976
- field-sizing: var(--tf-field-size);
3977
- text-align: var(--tf-text-align);
3858
+ color: var(--core-text-primary);
3859
+ background-color: transparent;
3860
+ box-sizing: border-box;
3861
+ resize: var(--ta-resize);
3978
3862
  }
3979
3863
 
3980
- .TextField-module_input__AkWBQ::placeholder {
3981
- color: var(--tf-placeholder-color);
3982
- }
3983
-
3984
- .TextField-module_input__AkWBQ:focus::placeholder {
3985
- color: var(--tf-placeholder-color);
3986
- }
3987
-
3988
- .TextField-module_input__AkWBQ:disabled {
3864
+ .TextArea-module_textarea__-R2n0:disabled {
3989
3865
  color: var(--core-text-disabled);
3990
3866
  }
3991
3867
 
3992
- .TextField-module_input__AkWBQ:-webkit-autofill,
3993
- .TextField-module_input__AkWBQ:-webkit-autofill:hover,
3994
- .TextField-module_input__AkWBQ:-webkit-autofill:focus,
3995
- .TextField-module_input__AkWBQ:-webkit-autofill:active {
3996
- box-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;
3997
- -webkit-text-fill-color: var(--core-text-primary);
3868
+ .TextArea-module_textarea__-R2n0::placeholder {
3869
+ color: var(--core-text-disabled);
3998
3870
  }
3999
3871
 
4000
- .TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
4001
- color: var(--tf-placeholder-color);
4002
- }
3872
+ .TextArea-module_textarea__-R2n0 {
4003
3873
 
4004
- .TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
4005
- color: transparent;
4006
- }
3874
+ overflow-y: auto;
3875
+ }
4007
3876
 
4008
- .TextField-module_showPassword__4Ecfo {
4009
- min-height: 18px;
4010
- min-width: 18px;
4011
- max-height: 18px;
4012
- max-width: 18px;
4013
- opacity: var(--tf-show-opacity);
3877
+ .TextArea-module_actions__yunQx {
3878
+ width: 100%;
3879
+ min-height: 30px;
3880
+ color: var(--core-text-disabled);
3881
+ gap: 16px;
4014
3882
  }
4015
3883
 
4016
- .TextField-module_showPassword__4Ecfo:hover {
4017
- opacity: var(--tf-show-opacity-hover);
4018
- }
3884
+ .TextArea-module_option__2SFx5 {
3885
+ gap: 4px;
3886
+ white-space: nowrap;
3887
+ user-select: none;
3888
+ -webkit-user-select: none;
3889
+ cursor: default;
3890
+ }
4019
3891
 
4020
- .TextField-module_clearButton__O9ed3 {
4021
- border: 0;
4022
- background: transparent;
4023
- appearance: none;
4024
- -webkit-appearance: none;
4025
- outline: none;
4026
- cursor: pointer;
3892
+ .TextArea-module_send__Cub13 {
3893
+ position: absolute;
3894
+ bottom: var(--ta-send-icon-offset-bottom);
3895
+ right: var(--ta-send-icon-offset-right);
4027
3896
  }
4028
3897
 
4029
- .TextField-module_xs__vyt2t {
3898
+ .TextArea-module_xs__5e748 {
4030
3899
  }
4031
3900
 
4032
- .TextField-module_s__0qm83 {
3901
+ .TextArea-module_s__Ac-fq {
4033
3902
  }
4034
3903
 
4035
- .TextField-module_m__M-tLl {
3904
+ .TextArea-module_m__dod4R {
4036
3905
  }
4037
3906
 
4038
- .TextField-module_l__gbNRz {
3907
+ .TextArea-module_l__-uLCG {
4039
3908
  }
4040
3909
 
4041
- .TextField-module_xl__tp--W {
3910
+ .TextArea-module_xl__H6-7T {
4042
3911
  }
4043
3912
 
4044
3913
  .flexBox-module_row__z24tF {
@@ -4111,37 +3980,27 @@ line {
4111
3980
  margin: 0;
4112
3981
  }
4113
3982
 
4114
- .Pager-module_wrapper__eutVg {
4115
- gap: var(--pager-gap);
4116
- width: 100%;
4117
- z-index: var(--elevation-status);
4118
- }
4119
-
4120
- .Pager-module_bullet__TxyR5 {
4121
- width: var(--pager-size);
4122
- height: var(--pager-size);
4123
- max-width: var(--pager-size);
4124
- max-height: var(--pager-size);
4125
- background: var(--pager-color);
4126
- border-radius: 100%;
4127
- border: 0;
3983
+ .Switch-module_wrapper__kudO9 {
3984
+ padding: var(--switch-padding) !important;
3985
+ width: var(--switch-width);
3986
+ height: var(--switch-height);
3987
+ border-radius: var(--corner-round);
4128
3988
  cursor: pointer;
4129
- outline: none;
3989
+ background: var(--switch-bg-color);
4130
3990
  transition: background var(--motion-water-duration) var(--motion-water) 0s;
3991
+ appearance: none;
3992
+ -webkit-appearance: none;
3993
+ border: 0;
3994
+ outline: none;
4131
3995
  }
4132
3996
 
4133
- .Pager-module_bullet__TxyR5:hover {
4134
- background: var(--pager-colorHover);
4135
- }
4136
-
4137
- .Pager-module_selected__C6xbR {
4138
- background: var(--pager-colorOn);
3997
+ .Switch-module_knob__vKNOc {
3998
+ width: var(--switch-knob-size);
3999
+ height: var(--switch-knob-size);
4000
+ background: var(--switch-knob-color);
4001
+ border-radius: 100%;
4139
4002
  }
4140
4003
 
4141
- .Pager-module_selected__C6xbR:hover {
4142
- background: var(--pager-colorOn);
4143
- }
4144
-
4145
4004
  .flexBox-module_row__z24tF {
4146
4005
  display: flex;
4147
4006
  justify-content: center;
@@ -4353,68 +4212,90 @@ line {
4353
4212
  letter-spacing: var(--letter-spacing-m);
4354
4213
  }
4355
4214
 
4356
- .TabBar-module_wrapper__cyOR1 {
4357
- justify-content: var(--tab-bar-justify) !important;
4358
- gap: var(--tab-bar-gap);
4359
- border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
4360
- height: var(--tab-bar-height);
4361
- width: var(--tab-bar-width);
4362
- cursor: pointer;
4215
+ .DropDown-module_wrapper__CyX0u {
4216
+ display: var(--dd-display) !important;
4217
+ padding: var(--dd-padding) !important;
4218
+ margin: var(--dd-margin) !important;
4219
+ position: relative;
4220
+ gap: var(--dd-gap);
4221
+ width: var(--dd-width);
4222
+ border-radius: var(--dd-border-radius);
4223
+ background-color: var(--dd-bg-color);
4224
+ border: var(--dd-border);
4225
+ border-bottom: var(--dd-border-bottom);
4226
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
4227
+ user-select: none;
4228
+ -webkit-user-select: none;
4363
4229
  }
4364
4230
 
4365
- .TabBar-module_option__gYjDf {
4366
- gap: var(--tab-bar-option-gap);
4367
- color: var(--tab-bar-option-color);
4368
- padding: var(--tab-bar-option-padding) !important;
4369
- height: 100%;
4370
- width: var(--tab-bar-option-width);
4371
- flex: var(--tab-bar-option-flex);
4372
- white-space: nowrap;
4373
- box-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);
4374
- cursor: var(--tab-bar-option-cursor);
4375
- -webkit-user-select: none;
4376
- user-select: none;
4377
- appearance: none;
4378
- -webkit-appearance: none;
4379
- background-image: none;
4380
- background-color: transparent;
4381
- border: 0;
4382
- outline: none;
4383
- text-align: left;
4231
+ .DropDown-module_face__6gyF3 {
4232
+ overflow: hidden;
4233
+ min-width: 0;
4234
+ flex: 1;
4384
4235
  }
4385
4236
 
4386
- .TabBar-module_icon__JDgG3 {
4387
- max-height: var(--tab-bar-icon-size);
4388
- min-height: var(--tab-bar-icon-size);
4389
- max-width: var(--tab-bar-icon-size);
4390
- min-width: var(--tab-bar-icon-size);
4237
+ .DropDown-module_faceText__glhB3 {
4238
+ display: -webkit-box;
4239
+ -webkit-line-clamp: 1;
4240
+ -webkit-box-orient: vertical;
4241
+ box-sizing: border-box;
4242
+ overflow: hidden;
4243
+ text-overflow: ellipsis;
4244
+ word-break: break-all;
4245
+ color: var(--dd-color);
4246
+ min-width: 0;
4391
4247
  }
4392
4248
 
4393
- .TabBar-module_close__bvSBh {
4394
- height: 100%;
4395
- padding: var(--tab-bar-close-padding) !important;
4396
- border-left: 1px solid var(--core-outline-primary);
4249
+ .DropDown-module_label__Mrwbp {
4397
4250
  width: min-content;
4251
+ overflow: hidden;
4252
+ white-space: nowrap;
4253
+ text-overflow: ellipsis;
4254
+ color: var(--dd-label-color);
4398
4255
  }
4399
4256
 
4400
- .TabBar-module_xs__QDjV9 {
4257
+ .DropDown-module_xs__7L71q {
4401
4258
  }
4402
4259
 
4403
- .TabBar-module_s__-EBj2 {
4260
+ .DropDown-module_s__vAxXD {
4404
4261
  }
4405
4262
 
4406
- .TabBar-module_m__3sCA3 {
4263
+ .DropDown-module_m__K6JPk {
4407
4264
  }
4408
4265
 
4409
- .TabBar-module_l__hy1rR {
4266
+ .DropDown-module_l__Kib48 {
4410
4267
  }
4411
4268
 
4412
- .TabBar-module_xl__zaASU {
4269
+ .DropDown-module_xl__mwc0C {
4270
+ }
4271
+
4272
+ .DropDown-module_chevron__LkYsE {
4273
+ min-height: var(--dd-icon-size);
4274
+ max-height: var(--dd-icon-size);
4275
+ min-width: var(--dd-icon-size);
4276
+ max-width: var(--dd-icon-size);
4277
+ }
4278
+
4279
+ .DropDown-module_select__mzNnv {
4280
+ position: absolute;
4281
+ opacity: 0;
4282
+ width: 100%;
4283
+ height: 100%;
4284
+ font-size: 14px;
4285
+ background-color: #1f99cd;
4286
+ background-position: right 10px center;
4287
+ background-repeat: no-repeat;
4288
+ background-size: auto 50%;
4289
+ border: none;
4290
+ outline: none;
4291
+ -moz-appearance: none;
4292
+ -webkit-appearance: none;
4293
+ appearance: none;
4413
4294
  }
4414
4295
 
4415
- .TabBar-module_selected__UmBdu {
4416
- font-weight: 520 !important;
4417
- }
4296
+ .DropDown-module_select__mzNnv::-ms-expand {
4297
+ display: none;
4298
+ }
4418
4299
 
4419
4300
  .flexBox-module_row__z24tF {
4420
4301
  display: flex;
@@ -4484,48 +4365,6 @@ line {
4484
4365
  box-sizing: border-box;
4485
4366
  padding: 0;
4486
4367
  margin: 0;
4487
- }.scrollBars-module_scrollbars__c-ZPl {
4488
- /* Consumers override these to theme their own scrollbar (e.g. Modal
4489
- binds them to its scrollHandleColor/scrollHandleColorHover props).
4490
- Unoverridden, they fall back to the shared page-level scroll tokens. */
4491
- --scrollbar-size: 6px;
4492
- --scrollbar-bg: transparent;
4493
- --scrollbar-thumb: var(--scroll-bar);
4494
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
4495
-
4496
- /* firefox does not support -webkit-scrollbar */
4497
- @supports not selector(::-webkit-scrollbar) {
4498
- scrollbar-width: thin;
4499
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
4500
- }
4501
-
4502
- &::-webkit-scrollbar {
4503
- background-color: var(--scrollbar-bg);
4504
- width: var(--scrollbar-size);
4505
- height: var(--scrollbar-size);
4506
- }
4507
-
4508
- &::-webkit-scrollbar-track {
4509
- background-color: var(--scrollbar-bg);
4510
- width: var(--scrollbar-size);
4511
- height: var(--scrollbar-size);
4512
- }
4513
-
4514
- &::-webkit-scrollbar-thumb {
4515
- background-color: var(--scrollbar-thumb);
4516
- border-radius: 20px;
4517
- border: 1px solid var(--scrollbar-bg);
4518
- }
4519
-
4520
- &::-webkit-scrollbar-thumb:hover {
4521
- background-color: var(--scrollbar-thumb-hover);
4522
- border-radius: 20px;
4523
- border: 1px solid var(--scrollbar-bg);
4524
- }
4525
-
4526
- &::-webkit-scrollbar-corner {
4527
- background-color: var(--scrollbar-bg);
4528
- }
4529
4368
  }.type-module_body-xs-regular__ZAFft {
4530
4369
  font-family: var(--font-family), sans-serif;
4531
4370
  font-weight: var(--font-weight-regular);
@@ -4669,92 +4508,46 @@ line {
4669
4508
  letter-spacing: var(--letter-spacing-m);
4670
4509
  }
4671
4510
 
4672
- .Modal-module_wrapper__34Hds {
4673
- position: relative;
4674
- min-width: var(--modal-min-width);
4675
- min-height: var(--modal-min-height);
4676
- max-height: var(--modal-max-height);
4677
- max-width: var(--modal-max-width);
4678
- background: var(--modal-background-color);
4679
- border: var(--modal-border-width) solid var(--modal-border-color);
4680
- border-radius: var(--modal-border-radius);
4681
- box-shadow: var(--surface-shadow-soft);
4682
- overflow: hidden;
4683
- }
4684
-
4685
- .Modal-module_title__A5OeE {
4686
- padding: var(--modal-padding) !important;
4687
- width: 100%;
4688
- gap: 16px;
4689
- border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
4690
- }
4691
-
4692
- .Modal-module_titleBlock__HUepX {
4693
- color: var(--modal-title-color);
4694
- flex: 1;
4695
- gap: 6px;
4696
- touch-action: none;
4511
+ .RadioButton-module_wrapper__-pWRe {
4512
+ padding: var(--rb-padding) !important;
4513
+ max-width: var(--rb-max-width);
4514
+ flex: var(--rb-flex);
4515
+ border: var(--rb-border);
4516
+ background: var(--rb-bg);
4517
+ gap: var(--rb-gap);
4518
+ border-radius: var(--corner-m);
4519
+ cursor: pointer;
4520
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
4697
4521
  user-select: none;
4698
4522
  -webkit-user-select: none;
4523
+ appearance: none;
4524
+ -webkit-appearance: none;
4525
+ background-image: none;
4526
+ outline: none;
4699
4527
  }
4700
4528
 
4701
- .Modal-module_titleIcon__xJYzy {
4702
- height: 20px;
4529
+ .RadioButton-module_radioIcon__I27Xv {
4703
4530
  width: 20px;
4531
+ height: 20px;
4532
+ max-width: 20px;
4533
+ max-height: 20px;
4704
4534
  min-height: 20px;
4705
4535
  min-width: 20px;
4706
- user-select: none;
4707
- -webkit-user-select: none;
4708
4536
  }
4709
4537
 
4710
- .Modal-module_contentWrapper__Swyjx {
4711
- width: 100%;
4538
+ .RadioButton-module_radioTitle__zCQII {
4539
+ color: var(--core-text-primary);
4540
+ white-space: nowrap;
4712
4541
  flex: 1;
4713
- overflow: hidden;
4714
- overflow-y: auto;
4715
- margin-right: 4px !important;
4716
- /* keeps scrollHandleColor/scrollHandleColorHover props working as before */
4717
- --scrollbar-bg: var(--modal-background-color);
4718
- --scrollbar-thumb: var(--modal-scroll-handle);
4719
- --scrollbar-thumb-hover: var(--modal-scroll-handle-hover);
4720
4542
  }
4721
4543
 
4722
- .Modal-module_content__dWO-B {
4723
- padding: var(--modal-padding) !important;
4724
- padding-top: 0 !important;
4725
- padding-bottom: var(--modal-content-padding-tops) !important;
4726
- width: 100%;
4544
+ .RadioButton-module_radioSummary__PNr0Z {
4545
+ color: var(--core-text-primary);
4546
+ flex: 1;
4727
4547
  }
4728
4548
 
4729
- .Modal-module_actions__hY6zi {
4730
- padding: var(--modal-padding) !important;
4549
+ .RadioButton-module_radioContent__38xVx {
4731
4550
  width: 100%;
4732
- user-select: none;
4733
- -webkit-user-select: none;
4734
- border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
4735
- }
4736
-
4737
- .Modal-module_leftActions__-M-DM {
4738
- gap: 8px;
4739
- }
4740
-
4741
- .Modal-module_rightActions__IFgrN {
4742
- gap: 8px;
4743
- }
4744
-
4745
- .Modal-module_xs__iPcS9 {
4746
- }
4747
-
4748
- .Modal-module_s__31sYS {
4749
- }
4750
-
4751
- .Modal-module_m__Iz82L {
4752
- }
4753
-
4754
- .Modal-module_l__pntdS {
4755
- }
4756
-
4757
- .Modal-module_xl__MR-68 {
4758
4551
  }
4759
4552
 
4760
4553
  .flexBox-module_row__z24tF {
@@ -4968,31 +4761,178 @@ line {
4968
4761
  letter-spacing: var(--letter-spacing-m);
4969
4762
  }
4970
4763
 
4971
- .Tip-module_wrapper__D7ACT {
4972
- padding: var(--tooltip-padding) !important;
4973
- position: fixed;
4974
- border: var(--tooltip-border);
4975
- border-radius: var(--tooltip-border-radius);
4976
- background: var(--tooltip-background);
4764
+ .TextField-module_wrapper__qZ-p- {
4765
+ position: relative;
4766
+ padding: var(--tf-padding) !important;
4767
+ gap: 8px;
4768
+ overflow: visible;
4769
+ width: var(--tf-width);
4770
+ height: var(--tf-height);
4771
+ border-radius: var(--tf-border-radius);
4772
+ background: var(--tf-bg-color);
4773
+ box-shadow: var(--tf-box-shadow);
4774
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
4775
+ }
4776
+
4777
+ .TextField-module_container__5U9yK {
4778
+ flex: 1;
4779
+ height: 100%;
4780
+ gap: 8px;
4781
+ }
4782
+
4783
+ .TextField-module_label__jD8MR {
4784
+ color: var(--tf-label-color);
4785
+ height: auto;
4786
+ overflow: hidden;
4977
4787
  white-space: nowrap;
4978
- z-index: var(--elevation-describe);
4979
4788
  }
4980
4789
 
4981
- .Tip-module_xs__wsz9y {
4790
+ .TextField-module_input__AkWBQ {
4791
+ color: var(--tf-text-color);
4792
+ background-color: transparent;
4793
+ box-sizing: border-box;
4794
+ outline: none;
4795
+ border: 0;
4796
+ padding: 0;
4797
+ height: 100%;
4798
+ width: var(--tf-input-width);
4799
+ field-sizing: var(--tf-field-size);
4800
+ text-align: var(--tf-text-align);
4982
4801
  }
4983
4802
 
4984
- .Tip-module_s__Wvz3q {
4803
+ .TextField-module_input__AkWBQ::placeholder {
4804
+ color: var(--tf-placeholder-color);
4805
+ }
4806
+
4807
+ .TextField-module_input__AkWBQ:focus::placeholder {
4808
+ color: var(--tf-placeholder-color);
4809
+ }
4810
+
4811
+ .TextField-module_input__AkWBQ:disabled {
4812
+ color: var(--core-text-disabled);
4813
+ }
4814
+
4815
+ .TextField-module_input__AkWBQ:-webkit-autofill,
4816
+ .TextField-module_input__AkWBQ:-webkit-autofill:hover,
4817
+ .TextField-module_input__AkWBQ:-webkit-autofill:focus,
4818
+ .TextField-module_input__AkWBQ:-webkit-autofill:active {
4819
+ box-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;
4820
+ -webkit-text-fill-color: var(--core-text-primary);
4821
+ }
4822
+
4823
+ .TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
4824
+ color: var(--tf-placeholder-color);
4825
+ }
4826
+
4827
+ .TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
4828
+ color: transparent;
4829
+ }
4830
+
4831
+ .TextField-module_showPassword__4Ecfo {
4832
+ min-height: 18px;
4833
+ min-width: 18px;
4834
+ max-height: 18px;
4835
+ max-width: 18px;
4836
+ opacity: var(--tf-show-opacity);
4985
4837
  }
4986
4838
 
4987
- .Tip-module_m__9qJbB {
4839
+ .TextField-module_showPassword__4Ecfo:hover {
4840
+ opacity: var(--tf-show-opacity-hover);
4841
+ }
4842
+
4843
+ .TextField-module_clearButton__O9ed3 {
4844
+ border: 0;
4845
+ background: transparent;
4846
+ appearance: none;
4847
+ -webkit-appearance: none;
4848
+ outline: none;
4849
+ cursor: pointer;
4988
4850
  }
4989
- .Tip-module_l__OdNuh {
4851
+
4852
+ .TextField-module_xs__vyt2t {
4990
4853
  }
4991
4854
 
4992
- .Tip-module_xl__izmFk {
4855
+ .TextField-module_s__0qm83 {
4993
4856
  }
4994
4857
 
4995
- .type-module_body-xs-regular__ZAFft {
4858
+ .TextField-module_m__M-tLl {
4859
+ }
4860
+
4861
+ .TextField-module_l__gbNRz {
4862
+ }
4863
+
4864
+ .TextField-module_xl__tp--W {
4865
+ }
4866
+
4867
+ .flexBox-module_row__z24tF {
4868
+ display: flex;
4869
+ justify-content: center;
4870
+ align-items: center;
4871
+ box-sizing: border-box;
4872
+ padding: 0;
4873
+ margin: 0;
4874
+ }.flexBox-module_rowBetween__5FEvi {
4875
+ display: flex;
4876
+ justify-content: space-between;
4877
+ align-items: center;
4878
+ box-sizing: border-box;
4879
+ padding: 0;
4880
+ margin: 0;
4881
+ }.flexBox-module_rowStart__4tcxS {
4882
+ display: flex;
4883
+ justify-content: flex-start;
4884
+ align-items: center;
4885
+ box-sizing: border-box;
4886
+ padding: 0;
4887
+ margin: 0;
4888
+ }.flexBox-module_rowEnd__rVdVm {
4889
+ display: flex;
4890
+ justify-content: flex-end;
4891
+ align-items: center;
4892
+ box-sizing: border-box;
4893
+ padding: 0;
4894
+ margin: 0;
4895
+ }.flexBox-module_column__ezvMq {
4896
+ display: flex;
4897
+ flex-direction: column;
4898
+ justify-content: center;
4899
+ align-items: center;
4900
+ box-sizing: border-box;
4901
+ padding: 0;
4902
+ margin: 0;
4903
+ }.flexBox-module_columnStart__C7P44 {
4904
+ display: flex;
4905
+ flex-direction: column;
4906
+ justify-content: flex-start;
4907
+ align-items: flex-start;
4908
+ box-sizing: border-box;
4909
+ padding: 0;
4910
+ margin: 0;
4911
+ }.flexBox-module_columnStartCenter__PKcrG {
4912
+ display: flex;
4913
+ flex-direction: column;
4914
+ justify-content: flex-start;
4915
+ align-items: center;
4916
+ box-sizing: border-box;
4917
+ padding: 0;
4918
+ margin: 0;
4919
+ }.flexBox-module_columnBetween__ERfp7 {
4920
+ display: flex;
4921
+ flex-direction: column;
4922
+ justify-content: space-between;
4923
+ align-items: center;
4924
+ box-sizing: border-box;
4925
+ padding: 0;
4926
+ margin: 0;
4927
+ }.flexBox-module_columnEnd__lLJuc {
4928
+ display: flex;
4929
+ flex-direction: column;
4930
+ justify-content: flex-end;
4931
+ align-items: flex-end;
4932
+ box-sizing: border-box;
4933
+ padding: 0;
4934
+ margin: 0;
4935
+ }.type-module_body-xs-regular__ZAFft {
4996
4936
  font-family: var(--font-family), sans-serif;
4997
4937
  font-weight: var(--font-weight-regular);
4998
4938
  font-size: var(--font-size-xs);
@@ -5135,46 +5075,67 @@ line {
5135
5075
  letter-spacing: var(--letter-spacing-m);
5136
5076
  }
5137
5077
 
5138
- .Label-module_label__RaRvM {
5139
- line-height: 1em;
5140
- white-space: nowrap;
5141
- padding: var(--label-padding) !important;
5142
- width: min-content;
5143
- color: var(--label-color);
5144
- border-radius: var(--label-border-radius);
5145
- border: var(--label-border-size) solid var(--label-border-color);
5146
- cursor: default;
5147
- background: var(--label-bg-color);
5078
+ .TabBar-module_wrapper__cyOR1 {
5079
+ justify-content: var(--tab-bar-justify) !important;
5080
+ gap: var(--tab-bar-gap);
5081
+ border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
5082
+ height: var(--tab-bar-height);
5083
+ width: var(--tab-bar-width);
5084
+ cursor: pointer;
5148
5085
  }
5149
5086
 
5150
- .Label-module_button__N8bcQ {
5151
- display: inline-flex !important;
5152
- background: var(--label-bg-color);
5153
- color: var(--label-color);
5154
- border-radius: var(--label-border-radius);
5155
- border: var(--label-border-size) solid var(--label-border-color);
5156
- width: min-content;
5157
- cursor: pointer;
5087
+ .TabBar-module_option__gYjDf {
5088
+ gap: var(--tab-bar-option-gap);
5089
+ color: var(--tab-bar-option-color);
5090
+ padding: var(--tab-bar-option-padding) !important;
5091
+ height: 100%;
5092
+ width: var(--tab-bar-option-width);
5093
+ flex: var(--tab-bar-option-flex);
5158
5094
  white-space: nowrap;
5095
+ box-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);
5096
+ cursor: var(--tab-bar-option-cursor);
5097
+ -webkit-user-select: none;
5098
+ user-select: none;
5159
5099
  appearance: none;
5160
5100
  -webkit-appearance: none;
5161
5101
  background-image: none;
5102
+ background-color: transparent;
5103
+ border: 0;
5162
5104
  outline: none;
5105
+ text-align: left;
5163
5106
  }
5164
5107
 
5165
- .Label-module_xs__K9Ai6 {
5108
+ .TabBar-module_icon__JDgG3 {
5109
+ max-height: var(--tab-bar-icon-size);
5110
+ min-height: var(--tab-bar-icon-size);
5111
+ max-width: var(--tab-bar-icon-size);
5112
+ min-width: var(--tab-bar-icon-size);
5166
5113
  }
5167
5114
 
5168
- .Label-module_s__Zh8Gp {
5115
+ .TabBar-module_close__bvSBh {
5116
+ height: 100%;
5117
+ padding: var(--tab-bar-close-padding) !important;
5118
+ border-left: 1px solid var(--core-outline-primary);
5119
+ width: min-content;
5169
5120
  }
5170
5121
 
5171
- .Label-module_m__BJtGL {
5122
+ .TabBar-module_xs__QDjV9 {
5172
5123
  }
5173
5124
 
5174
- .Label-module_l__t70tt {
5125
+ .TabBar-module_s__-EBj2 {
5175
5126
  }
5176
5127
 
5177
- .Label-module_xl__bX0ub {
5128
+ .TabBar-module_m__3sCA3 {
5129
+ }
5130
+
5131
+ .TabBar-module_l__hy1rR {
5132
+ }
5133
+
5134
+ .TabBar-module_xl__zaASU {
5135
+ }
5136
+
5137
+ .TabBar-module_selected__UmBdu {
5138
+ font-weight: 520 !important;
5178
5139
  }
5179
5140
 
5180
5141
  .flexBox-module_row__z24tF {
@@ -5247,103 +5208,69 @@ line {
5247
5208
  margin: 0;
5248
5209
  }
5249
5210
 
5250
- .RadioButtonList-module_wrapper__wnq1- {
5251
- align-items: flex-start;
5252
- width: var(--rb-list-width);
5253
- flex-wrap: var(--rb-list-flex-wrap);
5254
- margin-bottom: var(--rb-list-margin-bottom);
5255
- gap: var(--rb-gap);
5211
+ .Slider-module_wrapper__KCCs1 {
5212
+ position: relative;
5213
+ display: flex;
5214
+ justify-content: flex-start;
5215
+ align-items: center;
5216
+ box-sizing: border-box;
5217
+ padding: 0 var(--slider-padding);
5218
+ margin: 0;
5219
+ width: var(--slider-width);
5220
+ height: auto;
5221
+ min-height: var(--slider-touch-height);
5222
+ cursor: var(--slider-cursor);
5223
+ opacity: var(--slider-opacity);
5224
+ background: transparent;
5256
5225
  }
5257
5226
 
5258
- .RadioButtonList-module_column__Bq16e {
5227
+ .Slider-module_trackBg__7zfqm {
5228
+ position: relative;
5229
+ width: 100%;
5230
+ height: var(--slider-height);
5231
+ background-color: var(--slider-track-color);
5232
+ overflow: hidden;
5233
+ border-radius: var(--corner-round);
5259
5234
  }
5260
5235
 
5261
- .RadioButtonList-module_row__D3szq {
5236
+ .Slider-module_track__kaJkL {
5237
+ position: absolute;
5238
+ top: 0;
5239
+ bottom: 0;
5240
+ width: 0;
5241
+ background-color: var(--slider-progress-color);
5242
+ overflow: visible;
5243
+ border-radius: var(--corner-round);
5262
5244
  }
5263
5245
 
5264
- .flexBox-module_row__z24tF {
5265
- display: flex;
5266
- justify-content: center;
5267
- align-items: center;
5268
- box-sizing: border-box;
5269
- padding: 0;
5270
- margin: 0;
5271
- }.flexBox-module_rowBetween__5FEvi {
5272
- display: flex;
5273
- justify-content: space-between;
5274
- align-items: center;
5275
- box-sizing: border-box;
5276
- padding: 0;
5277
- margin: 0;
5278
- }.flexBox-module_rowStart__4tcxS {
5279
- display: flex;
5280
- justify-content: flex-start;
5281
- align-items: center;
5282
- box-sizing: border-box;
5283
- padding: 0;
5284
- margin: 0;
5285
- }.flexBox-module_rowEnd__rVdVm {
5286
- display: flex;
5287
- justify-content: flex-end;
5288
- align-items: center;
5289
- box-sizing: border-box;
5290
- padding: 0;
5291
- margin: 0;
5292
- }.flexBox-module_column__ezvMq {
5293
- display: flex;
5294
- flex-direction: column;
5295
- justify-content: center;
5296
- align-items: center;
5297
- box-sizing: border-box;
5298
- padding: 0;
5299
- margin: 0;
5300
- }.flexBox-module_columnStart__C7P44 {
5301
- display: flex;
5302
- flex-direction: column;
5303
- justify-content: flex-start;
5304
- align-items: flex-start;
5305
- box-sizing: border-box;
5306
- padding: 0;
5307
- margin: 0;
5308
- }.flexBox-module_columnStartCenter__PKcrG {
5309
- display: flex;
5310
- flex-direction: column;
5311
- justify-content: flex-start;
5312
- align-items: center;
5313
- box-sizing: border-box;
5314
- padding: 0;
5315
- margin: 0;
5316
- }.flexBox-module_columnBetween__ERfp7 {
5317
- display: flex;
5318
- flex-direction: column;
5319
- justify-content: space-between;
5320
- align-items: center;
5321
- box-sizing: border-box;
5322
- padding: 0;
5323
- margin: 0;
5324
- }.flexBox-module_columnEnd__lLJuc {
5325
- display: flex;
5326
- flex-direction: column;
5327
- justify-content: flex-end;
5328
- align-items: flex-end;
5329
- box-sizing: border-box;
5330
- padding: 0;
5331
- margin: 0;
5332
- }.Dot-module_dot__RNz87 {
5333
- display: var(--dot-display);
5334
- box-sizing: content-box;
5335
- position: var(--dot-position);
5336
- top: var(--dot-top);
5337
- right: var(--dot-right);
5338
- vertical-align: var(--dot-vertical-align);
5339
- min-height: var(--dot-size);
5340
- min-width: var(--dot-size);
5341
- height: var(--dot-size);
5342
- width: var(--dot-size);
5343
- border: var(--dot-border) solid var(--core-surface-primary);
5344
- background: var(--dot-bg);
5345
- border-radius: 100%;
5346
- z-index: var(--elevation-status);
5246
+ .Slider-module_trackHead__W-UdG {
5247
+ position: absolute;
5248
+ display: var(--slider-head-display);
5249
+ background-color: var(--slider-head-color);
5250
+ border: var(--slider-track-head-border);
5251
+ border-radius: var(--slider-head-radius);
5252
+ max-width: var(--slider-head-width);
5253
+ max-height: var(--slider-head-size);
5254
+ min-width: var(--slider-head-width);
5255
+ min-height: var(--slider-head-size);
5256
+ top: 50%;
5257
+ transform: translateY(-50%) translateX(-50%);
5258
+ }
5259
+
5260
+ .Slider-module_trackWrapper__Ot0Wh {
5261
+ position: relative;
5262
+ width: 100%;
5263
+ height: var(--slider-height);
5264
+ min-height: var(--slider-touch-height);
5265
+ background-color: transparent;
5266
+ border-radius: var(--corner-xs);
5267
+ overflow: visible;
5268
+ outline: none;
5269
+ }
5270
+
5271
+ .Slider-module_trackWrapper__Ot0Wh:focus-visible {
5272
+ outline: 2px solid var(--core-link-primary);
5273
+ outline-offset: 2px;
5347
5274
  }
5348
5275
 
5349
5276
  .flexBox-module_row__z24tF {
@@ -5557,51 +5484,55 @@ line {
5557
5484
  letter-spacing: var(--letter-spacing-m);
5558
5485
  }
5559
5486
 
5560
- .Toast-module_wrapper__1uj9O {
5561
- padding: var(--toast-padding) !important;
5562
- color: var(--toast-color);
5563
- position: var(--toast-position);
5564
- border: var(--toast-border);
5565
- border-radius: var(--toast-border-radius);
5566
- background: var(--toast-background);
5567
- z-index: var(--elevation-status);
5568
- gap: 16px;
5569
- box-shadow: var(--surface-shadow-soft);
5570
- left: 50%;
5571
- transform: translateX(-50%);
5487
+ .UploadArea-module_wrapper__aircC {
5488
+ padding: var(--ua-padding) !important;
5489
+ border: var(--ua-border) var(--ua-border-style) var(--ua-border-color);
5490
+ border-radius: var(--ua-radius);
5491
+ background: var(--ua-bg-color);
5492
+ gap: 8px;
5493
+ cursor: var(--ua-cursor);
5494
+ width: var(--ua-width);
5495
+ height: var(--ua-height);
5496
+ user-select: none;
5497
+ -webkit-user-select: none;
5572
5498
  }
5573
5499
 
5574
- .Toast-module_close__i10-s {
5575
- min-height: 20px;
5576
- max-height: 20px;
5577
- min-width: 20px;
5578
- max-width: 20px;
5579
- cursor: pointer;
5500
+ .UploadArea-module_icon__M7n-m {
5501
+ min-height: var(--ua-icon-size);
5502
+ height: var(--ua-icon-size);
5503
+ min-width: var(--ua-icon-size);
5504
+ width: var(--ua-icon-size);
5505
+ pointer-events: none;
5580
5506
  }
5581
5507
 
5582
- .Toast-module_message__3dP0P {
5583
- gap: 6px;
5508
+ .UploadArea-module_title__VbNGq {
5509
+ pointer-events: none;
5584
5510
  }
5585
5511
 
5586
- .Toast-module_progress__SWsbA {
5587
- min-height: 20px;
5588
- max-height: 20px;
5589
- min-width: 20px;
5590
- max-width: 20px;
5512
+ .UploadArea-module_message__U1ZVM {
5513
+ color: var(--core-text-tertiary);
5514
+ pointer-events: none;
5515
+ gap: 8px;
5591
5516
  }
5592
5517
 
5593
- .Toast-module_xs__ptQ-h {
5518
+ .UploadArea-module_files__Q796x {
5519
+ margin-top: var(--spacing-m) !important;
5520
+ width: 100%;
5594
5521
  }
5595
5522
 
5596
- .Toast-module_s__kc5Ef {
5523
+ .UploadArea-module_xs__-AoM7 {
5597
5524
  }
5598
5525
 
5599
- .Toast-module_m__JtmLz {
5526
+ .UploadArea-module_s__wy1zN {
5600
5527
  }
5601
- .Toast-module_l__-W0PD {
5528
+
5529
+ .UploadArea-module_m__bKuFN {
5602
5530
  }
5603
5531
 
5604
- .Toast-module_xl__j5Zhr {
5532
+ .UploadArea-module_l__KG9YN {
5533
+ }
5534
+
5535
+ .UploadArea-module_xl__xmTtW {
5605
5536
  }
5606
5537
 
5607
5538
  .flexBox-module_row__z24tF {
@@ -5672,27 +5603,194 @@ line {
5672
5603
  box-sizing: border-box;
5673
5604
  padding: 0;
5674
5605
  margin: 0;
5606
+ }.type-module_body-xs-regular__ZAFft {
5607
+ font-family: var(--font-family), sans-serif;
5608
+ font-weight: var(--font-weight-regular);
5609
+ font-size: var(--font-size-xs);
5610
+ line-height: var(--line-height-m);
5611
+ text-decoration: none;
5612
+ letter-spacing: var(--letter-spacing-m);
5613
+ }.type-module_body-xs-medium__s3KvF {
5614
+ font-family: var(--font-family), sans-serif;
5615
+ font-weight: var(--font-weight-medium);
5616
+ font-size: var(--font-size-xs);
5617
+ line-height: var(--line-height-m);
5618
+ text-decoration: none;
5619
+ letter-spacing: var(--letter-spacing-m);
5620
+ }.type-module_body-xs-bold__Lhqqq {
5621
+ font-family: var(--font-family), sans-serif;
5622
+ font-weight: var(--font-weight-bold);
5623
+ font-size: var(--font-size-xs);
5624
+ line-height: var(--line-height-m);
5625
+ text-decoration: none;
5626
+ letter-spacing: var(--letter-spacing-l);
5627
+ }.type-module_body-s-regular__vRHSP {
5628
+ font-family: var(--font-family), sans-serif;
5629
+ font-weight: var(--font-weight-regular);
5630
+ font-size: var(--font-size-s);
5631
+ line-height: var(--line-height-xl);
5632
+ text-decoration: none;
5633
+ letter-spacing: var(--letter-spacing-s);
5634
+ }.type-module_body-s-medium__tjdFc {
5635
+ font-family: var(--font-family), sans-serif;
5636
+ font-weight: var(--font-weight-medium);
5637
+ font-size: var(--font-size-s);
5638
+ line-height: var(--line-height-xl);
5639
+ text-decoration: none;
5640
+ letter-spacing: var(--letter-spacing-s);
5641
+ }.type-module_body-s-bold__Iy-VX {
5642
+ font-family: var(--font-family), sans-serif;
5643
+ font-weight: var(--font-weight-bold);
5644
+ font-size: var(--font-size-s);
5645
+ line-height: var(--line-height-xl);
5646
+ text-decoration: none;
5647
+ letter-spacing: var(--letter-spacing-m);
5648
+ }.type-module_body-m-regular__LuQBA {
5649
+ font-family: var(--font-family), sans-serif;
5650
+ font-weight: var(--font-weight-regular);
5651
+ font-size: var(--font-size-m);
5652
+ line-height: var(--line-height-l);
5653
+ text-decoration: none;
5654
+ letter-spacing: var(--letter-spacing-s);
5655
+ }.type-module_body-m-medium__uW1on {
5656
+ font-family: var(--font-family), sans-serif;
5657
+ font-weight: var(--font-weight-medium);
5658
+ font-size: var(--font-size-m);
5659
+ line-height: var(--line-height-l);
5660
+ text-decoration: none;
5661
+ letter-spacing: var(--letter-spacing-s);
5662
+ }.type-module_body-m-bold__UBcvQ {
5663
+ font-family: var(--font-family), sans-serif;
5664
+ font-weight: var(--font-weight-bold);
5665
+ font-size: var(--font-size-m);
5666
+ line-height: var(--line-height-l);
5667
+ text-decoration: none;
5668
+ letter-spacing: var(--letter-spacing-m);
5669
+ }.type-module_body-l-regular__lOYbg {
5670
+ font-family: var(--font-family), sans-serif;
5671
+ font-weight: var(--font-weight-regular);
5672
+ font-size: var(--font-size-l);
5673
+ line-height: var(--line-height-xxl);
5674
+ text-decoration: none;
5675
+ letter-spacing: var(--letter-spacing-xs);
5676
+ }.type-module_body-l-medium__BqRC7 {
5677
+ font-family: var(--font-family), sans-serif;
5678
+ font-weight: var(--font-weight-medium);
5679
+ font-size: var(--font-size-l);
5680
+ line-height: var(--line-height-xxl);
5681
+ text-decoration: none;
5682
+ letter-spacing: var(--letter-spacing-xs);
5683
+ }.type-module_body-l-bold__Fh2dt {
5684
+ font-family: var(--font-family), sans-serif;
5685
+ font-weight: var(--font-weight-bold);
5686
+ font-size: var(--font-size-l);
5687
+ line-height: var(--line-height-xxl);
5688
+ text-decoration: none;
5689
+ letter-spacing: var(--letter-spacing-s);
5690
+ }.type-module_body-xl-regular__pF2kC {
5691
+ font-family: var(--font-family), sans-serif;
5692
+ font-weight: var(--font-weight-regular);
5693
+ font-size: var(--font-size-xl);
5694
+ line-height: var(--line-height-xxl);
5695
+ text-decoration: none;
5696
+ letter-spacing: var(--letter-spacing-xs);
5697
+ }.type-module_body-xl-medium__BeyrH {
5698
+ font-family: var(--font-family), sans-serif;
5699
+ font-weight: var(--font-weight-medium);
5700
+ font-size: var(--font-size-xl);
5701
+ line-height: var(--line-height-xxl);
5702
+ text-decoration: none;
5703
+ letter-spacing: var(--letter-spacing-xs);
5704
+ }.type-module_body-xl-bold__Ruknj {
5705
+ font-family: var(--font-family), sans-serif;
5706
+ font-weight: var(--font-weight-bold);
5707
+ font-size: var(--font-size-xl);
5708
+ line-height: var(--line-height-xxl);
5709
+ text-decoration: none;
5710
+ letter-spacing: var(--letter-spacing-s);
5711
+ }.type-module_h1__ikDt5 {
5712
+ font-family: var(--font-family), sans-serif;
5713
+ font-weight: var(--font-weight-extra);
5714
+ font-size: var(--font-size-h1);
5715
+ line-height: var(--line-height-xs);
5716
+ letter-spacing: var(--letter-spacing-m);
5717
+ }.type-module_h2__bSCvt {
5718
+ font-family: var(--font-family), sans-serif;
5719
+ font-weight: var(--font-weight-extra);
5720
+ font-size: var(--font-size-h2);
5721
+ line-height: var(--line-height-xs);
5722
+ letter-spacing: var(--letter-spacing-m);
5723
+ }.type-module_h3__8gHoN {
5724
+ font-family: var(--font-family), sans-serif;
5725
+ font-weight: var(--font-weight-extra);
5726
+ font-size: var(--font-size-h3);
5727
+ line-height: var(--line-height-xs);
5728
+ letter-spacing: var(--letter-spacing-m);
5729
+ }.type-module_h4__EVAd2 {
5730
+ font-family: var(--font-family), sans-serif;
5731
+ font-weight: var(--font-weight-extra);
5732
+ font-size: var(--font-size-h4);
5733
+ line-height: var(--line-height-xs);
5734
+ letter-spacing: var(--letter-spacing-m);
5735
+ }.type-module_h5__92r22 {
5736
+ font-family: var(--font-family), sans-serif;
5737
+ font-weight: var(--font-weight-extra);
5738
+ font-size: var(--font-size-h5);
5739
+ line-height: var(--line-height-xs);
5740
+ letter-spacing: var(--letter-spacing-m);
5741
+ }.type-module_h6__sshOw {
5742
+ font-family: var(--font-family), sans-serif;
5743
+ font-weight: var(--font-weight-extra);
5744
+ font-size: var(--font-size-h6);
5745
+ line-height: var(--line-height-xs);
5746
+ letter-spacing: var(--letter-spacing-m);
5747
+ }
5748
+
5749
+ .Toast-module_wrapper__1uj9O {
5750
+ padding: var(--toast-padding) !important;
5751
+ color: var(--toast-color);
5752
+ position: var(--toast-position);
5753
+ border: var(--toast-border);
5754
+ border-radius: var(--toast-border-radius);
5755
+ background: var(--toast-background);
5756
+ z-index: var(--elevation-status);
5757
+ gap: 16px;
5758
+ box-shadow: var(--surface-shadow-soft);
5759
+ left: 50%;
5760
+ transform: translateX(-50%);
5761
+ }
5762
+
5763
+ .Toast-module_close__i10-s {
5764
+ min-height: 20px;
5765
+ max-height: 20px;
5766
+ min-width: 20px;
5767
+ max-width: 20px;
5768
+ cursor: pointer;
5769
+ }
5770
+
5771
+ .Toast-module_message__3dP0P {
5772
+ gap: 6px;
5773
+ }
5774
+
5775
+ .Toast-module_progress__SWsbA {
5776
+ min-height: 20px;
5777
+ max-height: 20px;
5778
+ min-width: 20px;
5779
+ max-width: 20px;
5675
5780
  }
5676
5781
 
5677
- .Switch-module_wrapper__kudO9 {
5678
- padding: var(--switch-padding) !important;
5679
- width: var(--switch-width);
5680
- height: var(--switch-height);
5681
- border-radius: var(--corner-round);
5682
- cursor: pointer;
5683
- background: var(--switch-bg-color);
5684
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
5685
- appearance: none;
5686
- -webkit-appearance: none;
5687
- border: 0;
5688
- outline: none;
5782
+ .Toast-module_xs__ptQ-h {
5689
5783
  }
5690
5784
 
5691
- .Switch-module_knob__vKNOc {
5692
- width: var(--switch-knob-size);
5693
- height: var(--switch-knob-size);
5694
- background: var(--switch-knob-color);
5695
- border-radius: 100%;
5785
+ .Toast-module_s__kc5Ef {
5786
+ }
5787
+
5788
+ .Toast-module_m__JtmLz {
5789
+ }
5790
+ .Toast-module_l__-W0PD {
5791
+ }
5792
+
5793
+ .Toast-module_xl__j5Zhr {
5696
5794
  }
5697
5795
 
5698
5796
  .flexBox-module_row__z24tF {
@@ -5905,48 +6003,29 @@ line {
5905
6003
  line-height: var(--line-height-xs);
5906
6004
  letter-spacing: var(--letter-spacing-m);
5907
6005
  }
5908
- .Chip-module_chip__0nys- {
5909
- padding: var(--ui-chip-padding) !important;
5910
- width: min-content;
5911
- min-height: 30px;
5912
- gap: var(--ui-chip-gap);
5913
- background: var(--ui-chip-bg-color);
5914
- line-height: 1em;
5915
- color: var(--ui-chip-label-color);
5916
- border: var(--ui-chip-border-size) solid var(--ui-chip-border-color);
5917
- border-radius: var(--ui-chip-border-radius);
5918
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
5919
- cursor: var(--ui-chip-cursor);
5920
- white-space: nowrap;
5921
- user-select: none;
5922
- -webkit-user-select: none;
5923
- }
5924
- .Chip-module_chip__0nys-:hover {
5925
- border-color: var(--ui-chip-border-color-hover);
5926
- background: var(--ui-chip-bg-color-hover);
5927
- color: var(--ui-chip-label-color-hover);
5928
- }
5929
6006
 
5930
- .Chip-module_icon__dtR-K {
5931
- height: var(--ui-chip-icon-size);
5932
- min-height: var(--ui-chip-icon-size);
5933
- width: var(--ui-chip-icon-size);
5934
- min-width: var(--ui-chip-icon-size);
6007
+ .Tip-module_wrapper__D7ACT {
6008
+ padding: var(--tooltip-padding) !important;
6009
+ position: fixed;
6010
+ border: var(--tooltip-border);
6011
+ border-radius: var(--tooltip-border-radius);
6012
+ background: var(--tooltip-background);
6013
+ white-space: nowrap;
6014
+ z-index: var(--elevation-describe);
5935
6015
  }
5936
6016
 
5937
- .Chip-module_xs__s-KNG {
6017
+ .Tip-module_xs__wsz9y {
5938
6018
  }
5939
6019
 
5940
- .Chip-module_s__2KTXi {
6020
+ .Tip-module_s__Wvz3q {
5941
6021
  }
5942
6022
 
5943
- .Chip-module_m__l2u3N {
6023
+ .Tip-module_m__9qJbB {
5944
6024
  }
5945
-
5946
- .Chip-module_l__3MqPN {
6025
+ .Tip-module_l__OdNuh {
5947
6026
  }
5948
6027
 
5949
- .Chip-module_xl__iJX-F {
6028
+ .Tip-module_xl__izmFk {
5950
6029
  }
5951
6030
 
5952
6031
  .flexBox-module_row__z24tF {
@@ -6017,48 +6096,120 @@ line {
6017
6096
  box-sizing: border-box;
6018
6097
  padding: 0;
6019
6098
  margin: 0;
6020
- }.scrollBars-module_scrollbars__c-ZPl {
6021
- /* Consumers override these to theme their own scrollbar (e.g. Modal
6022
- binds them to its scrollHandleColor/scrollHandleColorHover props).
6023
- Unoverridden, they fall back to the shared page-level scroll tokens. */
6024
- --scrollbar-size: 6px;
6025
- --scrollbar-bg: transparent;
6026
- --scrollbar-thumb: var(--scroll-bar);
6027
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
6099
+ }
6028
6100
 
6029
- /* firefox does not support -webkit-scrollbar */
6030
- @supports not selector(::-webkit-scrollbar) {
6031
- scrollbar-width: thin;
6032
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
6033
- }
6101
+ .ButtonBar-module_wrapper__FYZ3s {
6102
+ border-radius: var(--bb-border-radius);
6103
+ border: var(--bb-border-size) solid var(--bb-border-color);
6104
+ overflow: hidden;
6105
+ }
6034
6106
 
6035
- &::-webkit-scrollbar {
6036
- background-color: var(--scrollbar-bg);
6037
- width: var(--scrollbar-size);
6038
- height: var(--scrollbar-size);
6039
- }
6107
+ .ButtonBar-module_label__UcAS1 {
6108
+ color: var(--bb-label-color);
6109
+ padding-right: var(--spacing-xs);
6110
+ }
6040
6111
 
6041
- &::-webkit-scrollbar-track {
6042
- background-color: var(--scrollbar-bg);
6043
- width: var(--scrollbar-size);
6044
- height: var(--scrollbar-size);
6045
- }
6112
+ .ButtonBar-module_button__bMR3h {
6113
+ height: var(--bb-button-size);
6114
+ width: var(--bb-button-size);
6115
+ min-height: var(--bb-button-size);
6116
+ min-width: var(--bb-button-size);
6117
+ cursor: pointer;
6118
+ background: var(--bb-bg-color);
6119
+ border: 0;
6120
+ border-right: var(--bb-border-size) solid var(--bb-border-color);
6121
+ user-select: none;
6122
+ -webkit-user-select: none;
6123
+ appearance: none;
6124
+ -webkit-appearance: none;
6125
+ }
6046
6126
 
6047
- &::-webkit-scrollbar-thumb {
6048
- background-color: var(--scrollbar-thumb);
6049
- border-radius: 20px;
6050
- border: 1px solid var(--scrollbar-bg);
6127
+ .ButtonBar-module_button__bMR3h:first-child {
6128
+ padding-left: var(--spacing-xs);
6051
6129
  }
6052
6130
 
6053
- &::-webkit-scrollbar-thumb:hover {
6054
- background-color: var(--scrollbar-thumb-hover);
6055
- border-radius: 20px;
6056
- border: 1px solid var(--scrollbar-bg);
6131
+ .ButtonBar-module_button__bMR3h:last-child {
6132
+ border-right: none;
6133
+ padding-right: var(--spacing-xs);
6057
6134
  }
6058
6135
 
6059
- &::-webkit-scrollbar-corner {
6060
- background-color: var(--scrollbar-bg);
6136
+ .ButtonBar-module_button__bMR3h:hover {
6137
+ background: var(--bb-bg-color-hover);
6061
6138
  }
6139
+
6140
+ .ButtonBar-module_selected__wKvmi {
6141
+ background: var(--bb-bg-color-active);
6142
+ color: var(--core-link-primary);
6143
+ }
6144
+
6145
+ .flexBox-module_row__z24tF {
6146
+ display: flex;
6147
+ justify-content: center;
6148
+ align-items: center;
6149
+ box-sizing: border-box;
6150
+ padding: 0;
6151
+ margin: 0;
6152
+ }.flexBox-module_rowBetween__5FEvi {
6153
+ display: flex;
6154
+ justify-content: space-between;
6155
+ align-items: center;
6156
+ box-sizing: border-box;
6157
+ padding: 0;
6158
+ margin: 0;
6159
+ }.flexBox-module_rowStart__4tcxS {
6160
+ display: flex;
6161
+ justify-content: flex-start;
6162
+ align-items: center;
6163
+ box-sizing: border-box;
6164
+ padding: 0;
6165
+ margin: 0;
6166
+ }.flexBox-module_rowEnd__rVdVm {
6167
+ display: flex;
6168
+ justify-content: flex-end;
6169
+ align-items: center;
6170
+ box-sizing: border-box;
6171
+ padding: 0;
6172
+ margin: 0;
6173
+ }.flexBox-module_column__ezvMq {
6174
+ display: flex;
6175
+ flex-direction: column;
6176
+ justify-content: center;
6177
+ align-items: center;
6178
+ box-sizing: border-box;
6179
+ padding: 0;
6180
+ margin: 0;
6181
+ }.flexBox-module_columnStart__C7P44 {
6182
+ display: flex;
6183
+ flex-direction: column;
6184
+ justify-content: flex-start;
6185
+ align-items: flex-start;
6186
+ box-sizing: border-box;
6187
+ padding: 0;
6188
+ margin: 0;
6189
+ }.flexBox-module_columnStartCenter__PKcrG {
6190
+ display: flex;
6191
+ flex-direction: column;
6192
+ justify-content: flex-start;
6193
+ align-items: center;
6194
+ box-sizing: border-box;
6195
+ padding: 0;
6196
+ margin: 0;
6197
+ }.flexBox-module_columnBetween__ERfp7 {
6198
+ display: flex;
6199
+ flex-direction: column;
6200
+ justify-content: space-between;
6201
+ align-items: center;
6202
+ box-sizing: border-box;
6203
+ padding: 0;
6204
+ margin: 0;
6205
+ }.flexBox-module_columnEnd__lLJuc {
6206
+ display: flex;
6207
+ flex-direction: column;
6208
+ justify-content: flex-end;
6209
+ align-items: flex-end;
6210
+ box-sizing: border-box;
6211
+ padding: 0;
6212
+ margin: 0;
6062
6213
  }.type-module_body-xs-regular__ZAFft {
6063
6214
  font-family: var(--font-family), sans-serif;
6064
6215
  font-weight: var(--font-weight-regular);
@@ -6189,90 +6340,60 @@ line {
6189
6340
  line-height: var(--line-height-xs);
6190
6341
  letter-spacing: var(--letter-spacing-m);
6191
6342
  }.type-module_h5__92r22 {
6192
- font-family: var(--font-family), sans-serif;
6193
- font-weight: var(--font-weight-extra);
6194
- font-size: var(--font-size-h5);
6195
- line-height: var(--line-height-xs);
6196
- letter-spacing: var(--letter-spacing-m);
6197
- }.type-module_h6__sshOw {
6198
- font-family: var(--font-family), sans-serif;
6199
- font-weight: var(--font-weight-extra);
6200
- font-size: var(--font-size-h6);
6201
- line-height: var(--line-height-xs);
6202
- letter-spacing: var(--letter-spacing-m);
6203
- }
6204
-
6205
- .TextArea-module_wrapper__O0sWP {
6206
- position: relative;
6207
- padding: var(--ta-padding) !important;
6208
- width: var(--ta-width);
6209
- height: var(--ta-height);
6210
- max-height: var(--ta-max-height);
6211
- border-radius: var(--ta-border-radius);
6212
- background-color: var(--ta-bg-color);
6213
- box-shadow: 0 0 0 1px var(--ta-border-color);
6214
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
6215
- }
6216
-
6217
- .TextArea-module_textarea__-R2n0 {
6218
- border: 0;
6219
- outline: 0;
6220
- padding: 0 16px 0 0;
6221
- width: 100%;
6222
- height: 100%;
6223
- color: var(--core-text-primary);
6224
- background-color: transparent;
6225
- box-sizing: border-box;
6226
- resize: var(--ta-resize);
6227
- }
6228
-
6229
- .TextArea-module_textarea__-R2n0:disabled {
6230
- color: var(--core-text-disabled);
6231
- }
6232
-
6233
- .TextArea-module_textarea__-R2n0::placeholder {
6234
- color: var(--core-text-disabled);
6235
- }
6236
-
6237
- .TextArea-module_textarea__-R2n0 {
6238
-
6239
- overflow-y: auto;
6343
+ font-family: var(--font-family), sans-serif;
6344
+ font-weight: var(--font-weight-extra);
6345
+ font-size: var(--font-size-h5);
6346
+ line-height: var(--line-height-xs);
6347
+ letter-spacing: var(--letter-spacing-m);
6348
+ }.type-module_h6__sshOw {
6349
+ font-family: var(--font-family), sans-serif;
6350
+ font-weight: var(--font-weight-extra);
6351
+ font-size: var(--font-size-h6);
6352
+ line-height: var(--line-height-xs);
6353
+ letter-spacing: var(--letter-spacing-m);
6240
6354
  }
6241
-
6242
- .TextArea-module_actions__yunQx {
6243
- width: 100%;
6355
+ .Chip-module_chip__0nys- {
6356
+ padding: var(--ui-chip-padding) !important;
6357
+ width: min-content;
6244
6358
  min-height: 30px;
6245
- color: var(--core-text-disabled);
6246
- gap: 16px;
6247
- }
6248
-
6249
- .TextArea-module_option__2SFx5 {
6250
- gap: 4px;
6359
+ gap: var(--ui-chip-gap);
6360
+ background: var(--ui-chip-bg-color);
6361
+ line-height: 1em;
6362
+ color: var(--ui-chip-label-color);
6363
+ border: var(--ui-chip-border-size) solid var(--ui-chip-border-color);
6364
+ border-radius: var(--ui-chip-border-radius);
6365
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
6366
+ cursor: var(--ui-chip-cursor);
6251
6367
  white-space: nowrap;
6252
6368
  user-select: none;
6253
6369
  -webkit-user-select: none;
6254
- cursor: default;
6255
6370
  }
6371
+ .Chip-module_chip__0nys-:hover {
6372
+ border-color: var(--ui-chip-border-color-hover);
6373
+ background: var(--ui-chip-bg-color-hover);
6374
+ color: var(--ui-chip-label-color-hover);
6375
+ }
6256
6376
 
6257
- .TextArea-module_send__Cub13 {
6258
- position: absolute;
6259
- bottom: var(--ta-send-icon-offset-bottom);
6260
- right: var(--ta-send-icon-offset-right);
6377
+ .Chip-module_icon__dtR-K {
6378
+ height: var(--ui-chip-icon-size);
6379
+ min-height: var(--ui-chip-icon-size);
6380
+ width: var(--ui-chip-icon-size);
6381
+ min-width: var(--ui-chip-icon-size);
6261
6382
  }
6262
6383
 
6263
- .TextArea-module_xs__5e748 {
6384
+ .Chip-module_xs__s-KNG {
6264
6385
  }
6265
6386
 
6266
- .TextArea-module_s__Ac-fq {
6387
+ .Chip-module_s__2KTXi {
6267
6388
  }
6268
6389
 
6269
- .TextArea-module_m__dod4R {
6390
+ .Chip-module_m__l2u3N {
6270
6391
  }
6271
6392
 
6272
- .TextArea-module_l__-uLCG {
6393
+ .Chip-module_l__3MqPN {
6273
6394
  }
6274
6395
 
6275
- .TextArea-module_xl__H6-7T {
6396
+ .Chip-module_xl__iJX-F {
6276
6397
  }
6277
6398
 
6278
6399
  .flexBox-module_row__z24tF {
@@ -6343,7 +6464,12 @@ line {
6343
6464
  box-sizing: border-box;
6344
6465
  padding: 0;
6345
6466
  margin: 0;
6346
- }.type-module_body-xs-regular__ZAFft {
6467
+ }.ToggleButton-module_toggleButton__H7KgI {
6468
+ width: min-content;
6469
+ gap: var(--tb-gap);
6470
+ }
6471
+
6472
+ .type-module_body-xs-regular__ZAFft {
6347
6473
  font-family: var(--font-family), sans-serif;
6348
6474
  font-weight: var(--font-weight-regular);
6349
6475
  font-size: var(--font-size-xs);
@@ -6486,130 +6612,49 @@ line {
6486
6612
  letter-spacing: var(--letter-spacing-m);
6487
6613
  }
6488
6614
 
6489
- .Button-module_button__2ZuB7 {
6490
- position: relative;
6491
- user-select: none;
6492
- -webkit-user-select: none;
6615
+ .Label-module_label__RaRvM {
6616
+ line-height: 1em;
6617
+ white-space: nowrap;
6618
+ padding: var(--label-padding) !important;
6619
+ width: min-content;
6620
+ color: var(--label-color);
6621
+ border-radius: var(--label-border-radius);
6622
+ border: var(--label-border-size) solid var(--label-border-color);
6623
+ cursor: default;
6624
+ background: var(--label-bg-color);
6625
+ }
6626
+
6627
+ .Label-module_button__N8bcQ {
6628
+ display: inline-flex !important;
6629
+ background: var(--label-bg-color);
6630
+ color: var(--label-color);
6631
+ border-radius: var(--label-border-radius);
6632
+ border: var(--label-border-size) solid var(--label-border-color);
6633
+ width: min-content;
6634
+ cursor: pointer;
6635
+ white-space: nowrap;
6493
6636
  appearance: none;
6494
6637
  -webkit-appearance: none;
6495
6638
  background-image: none;
6496
6639
  outline: none;
6497
6640
  }
6498
6641
 
6499
- .Button-module_label__UJ3Zt {
6500
- user-select: none;
6501
- -webkit-user-select: none;
6502
- text-overflow: ellipsis;
6503
- overflow: hidden;
6504
- white-space: nowrap;
6505
- word-break: break-all;
6506
- display: -webkit-box;
6507
- -webkit-line-clamp: 1;
6508
- -webkit-box-orient: vertical;
6509
- }
6510
-
6511
- .Button-module_label__UJ3Zt:hover {
6512
- text-decoration: var(--ui-button-decoration);
6513
- }
6514
-
6515
- .Button-module_count__DFxVB {
6516
- position: absolute;
6517
- top: 0;
6518
- right: 0;
6519
- transform: translateX(10px) translateY(-2px);
6520
- }
6521
-
6522
- .Button-module_icon__-43u5 {
6523
- min-width: var(--ui-button-icon-size);
6524
- min-height: var(--ui-button-icon-size);
6525
- height: var(--ui-button-icon-size);
6526
- width: var(--ui-button-icon-size);
6527
- }
6528
-
6529
- .Button-module_xs__cF6m0 {
6642
+ .Label-module_xs__K9Ai6 {
6530
6643
  }
6531
6644
 
6532
- .Button-module_m__DR-gs {
6645
+ .Label-module_s__Zh8Gp {
6533
6646
  }
6534
6647
 
6535
- .Button-module_l__0E0yI {
6648
+ .Label-module_m__BJtGL {
6536
6649
  }
6537
6650
 
6538
- .Button-module_xl__nx4V0 {
6651
+ .Label-module_l__t70tt {
6539
6652
  }
6540
6653
 
6541
- .Button-module_s__dSKOL {
6654
+ .Label-module_xl__bX0ub {
6542
6655
  }
6543
6656
 
6544
- .flexBox-module_row__z24tF {
6545
- display: flex;
6546
- justify-content: center;
6547
- align-items: center;
6548
- box-sizing: border-box;
6549
- padding: 0;
6550
- margin: 0;
6551
- }.flexBox-module_rowBetween__5FEvi {
6552
- display: flex;
6553
- justify-content: space-between;
6554
- align-items: center;
6555
- box-sizing: border-box;
6556
- padding: 0;
6557
- margin: 0;
6558
- }.flexBox-module_rowStart__4tcxS {
6559
- display: flex;
6560
- justify-content: flex-start;
6561
- align-items: center;
6562
- box-sizing: border-box;
6563
- padding: 0;
6564
- margin: 0;
6565
- }.flexBox-module_rowEnd__rVdVm {
6566
- display: flex;
6567
- justify-content: flex-end;
6568
- align-items: center;
6569
- box-sizing: border-box;
6570
- padding: 0;
6571
- margin: 0;
6572
- }.flexBox-module_column__ezvMq {
6573
- display: flex;
6574
- flex-direction: column;
6575
- justify-content: center;
6576
- align-items: center;
6577
- box-sizing: border-box;
6578
- padding: 0;
6579
- margin: 0;
6580
- }.flexBox-module_columnStart__C7P44 {
6581
- display: flex;
6582
- flex-direction: column;
6583
- justify-content: flex-start;
6584
- align-items: flex-start;
6585
- box-sizing: border-box;
6586
- padding: 0;
6587
- margin: 0;
6588
- }.flexBox-module_columnStartCenter__PKcrG {
6589
- display: flex;
6590
- flex-direction: column;
6591
- justify-content: flex-start;
6592
- align-items: center;
6593
- box-sizing: border-box;
6594
- padding: 0;
6595
- margin: 0;
6596
- }.flexBox-module_columnBetween__ERfp7 {
6597
- display: flex;
6598
- flex-direction: column;
6599
- justify-content: space-between;
6600
- align-items: center;
6601
- box-sizing: border-box;
6602
- padding: 0;
6603
- margin: 0;
6604
- }.flexBox-module_columnEnd__lLJuc {
6605
- display: flex;
6606
- flex-direction: column;
6607
- justify-content: flex-end;
6608
- align-items: flex-end;
6609
- box-sizing: border-box;
6610
- padding: 0;
6611
- margin: 0;
6612
- }.type-module_body-xs-regular__ZAFft {
6657
+ .type-module_body-xs-regular__ZAFft {
6613
6658
  font-family: var(--font-family), sans-serif;
6614
6659
  font-weight: var(--font-weight-regular);
6615
6660
  font-size: var(--font-size-xs);
@@ -6750,57 +6795,229 @@ line {
6750
6795
  font-size: var(--font-size-h6);
6751
6796
  line-height: var(--line-height-xs);
6752
6797
  letter-spacing: var(--letter-spacing-m);
6798
+ }.scrollBars-module_scrollbars__c-ZPl {
6799
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
6800
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
6801
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
6802
+ --scrollbar-size: 6px;
6803
+ --scrollbar-bg: transparent;
6804
+ --scrollbar-thumb: var(--scroll-bar);
6805
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
6806
+
6807
+ /* firefox does not support -webkit-scrollbar */
6808
+ @supports not selector(::-webkit-scrollbar) {
6809
+ scrollbar-width: thin;
6810
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
6811
+ }
6812
+
6813
+ &::-webkit-scrollbar {
6814
+ background-color: var(--scrollbar-bg);
6815
+ width: var(--scrollbar-size);
6816
+ height: var(--scrollbar-size);
6817
+ }
6818
+
6819
+ &::-webkit-scrollbar-track {
6820
+ background-color: var(--scrollbar-bg);
6821
+ width: var(--scrollbar-size);
6822
+ height: var(--scrollbar-size);
6823
+ }
6824
+
6825
+ &::-webkit-scrollbar-thumb {
6826
+ background-color: var(--scrollbar-thumb);
6827
+ border-radius: var(--corner-round);
6828
+ border: 1px solid var(--scrollbar-bg);
6829
+ }
6830
+
6831
+ &::-webkit-scrollbar-thumb:hover {
6832
+ background-color: var(--scrollbar-thumb-hover);
6833
+ border-radius: var(--corner-round);
6834
+ border: 1px solid var(--scrollbar-bg);
6835
+ }
6836
+
6837
+ &::-webkit-scrollbar-corner {
6838
+ background-color: var(--scrollbar-bg);
6839
+ }
6840
+ }
6841
+
6842
+ .DataTable-module_tableWrapper__BzoJE {
6843
+ position: relative;
6844
+ box-sizing: border-box;
6845
+ display: flex;
6846
+ justify-content: flex-start;
6847
+ align-items: flex-start;
6848
+ width: var(--table-width);
6849
+ max-width: var(--table-max-width);
6850
+ height: var(--table-height);
6851
+ overflow-x: auto;
6852
+ overflow-y: auto;
6853
+ padding: 0;
6854
+ margin: var(--table-margin);
6855
+ border: var(--table-border-width) solid var(--table-border-color);
6856
+ border-left-width: var(--table-border-sides);
6857
+ border-right-width: var(--table-border-sides);
6858
+ border-radius: var(--table-border-radius);
6753
6859
  }
6754
6860
 
6755
- .UploadArea-module_wrapper__aircC {
6756
- padding: var(--ua-padding) !important;
6757
- border: var(--ua-border) var(--ua-border-style) var(--ua-border-color);
6758
- border-radius: var(--ua-radius);
6759
- background: var(--ua-bg-color);
6760
- gap: 8px;
6761
- cursor: var(--ua-cursor);
6762
- width: var(--ua-width);
6763
- height: var(--ua-height);
6764
- user-select: none;
6765
- -webkit-user-select: none;
6861
+ .DataTable-module_resizeBar__LmzEF {
6862
+ position: absolute;
6863
+ box-sizing: border-box;
6864
+ display: flex;
6865
+ height: 100%;
6866
+ left: -500px;
6867
+ width: 3px;
6868
+ min-width: 2px;
6869
+ max-width: 2px;
6870
+ background: var(--table-handle-hover-color);
6871
+ z-index: 20;
6872
+ pointer-events: none;
6766
6873
  }
6767
6874
 
6768
- .UploadArea-module_icon__M7n-m {
6769
- min-height: var(--ua-icon-size);
6770
- height: var(--ua-icon-size);
6771
- min-width: var(--ua-icon-size);
6772
- width: var(--ua-icon-size);
6773
- pointer-events: none;
6875
+ .DataTable-module_table__oL4Dz {
6876
+ table-layout: fixed; /* stop auto-recalculating from content */
6877
+ flex-shrink: 0; /* stop flexbox squeezing the table */
6878
+ box-sizing: border-box;
6879
+ border-collapse: collapse;
6880
+ min-width: 100%;
6881
+ padding: 0;
6882
+ margin: 0;
6883
+ color: var(--core-text-primary);
6774
6884
  }
6775
6885
 
6776
- .UploadArea-module_title__VbNGq {
6777
- pointer-events: none;
6886
+ /* hide caption - in code for accessibility */
6887
+ .DataTable-module_table__oL4Dz caption {
6888
+ display: none;
6778
6889
  }
6779
6890
 
6780
- .UploadArea-module_message__U1ZVM {
6781
- color: var(--core-text-tertiary);
6782
- pointer-events: none;
6783
- gap: 8px;
6891
+ /* each table header cell is sticky by default */
6892
+ .DataTable-module_table__oL4Dz thead tr th {
6893
+ position: var(--table-header-sticky-position);
6894
+ top: 0;
6895
+ z-index: 1;
6896
+ border-right: var(--table-border-width) solid var(--table-border-color);
6897
+ border-right-width: var(--table-border-sides);
6898
+ border-bottom: var(--table-border-width) solid var(--table-border-color);
6899
+ box-shadow: var(--table-header-box-shadow);
6900
+ background: var(--table-header-background-color);
6784
6901
  }
6785
6902
 
6786
- .UploadArea-module_files__Q796x {
6787
- margin-top: 16px !important;
6903
+ /* last th of the header row, remove the right border */
6904
+ .DataTable-module_table__oL4Dz thead tr th:last-child {
6905
+ border-right: 0;
6906
+ }
6907
+
6908
+ /* border bot and right to all body cells */
6909
+ .DataTable-module_table__oL4Dz tbody tr td {
6910
+ border-right: var(--table-border-width) solid var(--table-border-color);
6911
+ border-right-width: var(--table-border-sides);
6912
+ border-bottom: var(--table-border-width) solid var(--table-border-color);
6913
+ }
6914
+
6915
+ /* candy stripe all even body rows */
6916
+ .DataTable-module_table__oL4Dz tbody tr:nth-child(even) td {
6917
+ background-color: var(--table-candy-stripe-background-color);
6918
+ }
6919
+
6920
+ /* remove right border from last cell of each body row */
6921
+ .DataTable-module_table__oL4Dz tbody tr td:last-child {
6922
+ border-right: 0;
6923
+ }
6924
+
6925
+ /* remove the bottom border from every td in the last tr of the body */
6926
+ .DataTable-module_table__oL4Dz tbody tr:last-child td {
6927
+ border-bottom: 0;
6928
+ }
6929
+
6930
+ /* style first cell in each row of the body */
6931
+ .DataTable-module_table__oL4Dz tbody tr td:nth-child(1) {
6932
+ position: var(--table-freeze-column-position);
6933
+ left: 0;
6934
+ z-index: 2;
6935
+ box-shadow: var(--table-column-box-shadow);
6936
+ }
6937
+
6938
+ /* style first cell in the header row */
6939
+ .DataTable-module_table__oL4Dz thead tr th:nth-child(1) {
6940
+ position: var(--table-corner-position);
6941
+ left: var(--table-corner-left);
6942
+ top: 0;
6943
+ z-index: 3;
6944
+ box-shadow: var(--table-corner-box-shadow);
6945
+ }
6946
+
6947
+ .DataTable-module_baseCell__DQl-z {
6948
+ box-sizing: border-box;
6949
+ position: relative;
6950
+ padding: 0;
6951
+ margin: 0;
6952
+ border: 0;
6953
+ background-color: var(--table-background-color);
6954
+ }
6955
+
6956
+ .DataTable-module_baseCellWrapper__WMgNm,
6957
+ .DataTable-module_headerCellWrapper__ytVYY {
6958
+ box-sizing: border-box;
6959
+ display: flex;
6960
+ position: relative;
6961
+ height: 100%;
6788
6962
  width: 100%;
6789
6963
  }
6790
6964
 
6791
- .UploadArea-module_xs__-AoM7 {
6965
+ .DataTable-module_colResizeHandle__dF5Es {
6966
+ position: absolute;
6967
+ top: 0;
6968
+ bottom: 0;
6969
+ right: 0;
6970
+ width: 5px;
6971
+ background-color: rgba(255, 255, 255, 0);
6972
+ cursor: col-resize;
6973
+ z-index: 10;
6792
6974
  }
6793
6975
 
6794
- .UploadArea-module_s__wy1zN {
6976
+ .DataTable-module_header__QgdCY {
6977
+ box-sizing: border-box;
6978
+ display: flex;
6979
+ align-items: center;
6980
+ justify-content: center;
6981
+ width: 100%;
6982
+ height: 100%;
6983
+ gap: 8px;
6795
6984
  }
6796
6985
 
6797
- .UploadArea-module_m__bKuFN {
6986
+ .DataTable-module_headerRight__QHHxv,
6987
+ .DataTable-module_headerLeft__OAzLv {
6988
+ box-sizing: border-box;
6989
+ position: relative;
6990
+ display: flex;
6991
+ justify-content: center;
6992
+ align-items: center;
6993
+ min-width: 16px;
6994
+ max-width: 16px;
6995
+ overflow: hidden;
6798
6996
  }
6799
6997
 
6800
- .UploadArea-module_l__KG9YN {
6998
+ .DataTable-module_headerTitle__K0pmX {
6999
+ box-sizing: border-box;
7000
+ position: relative;
7001
+ display: flex;
7002
+ justify-content: center;
7003
+ align-items: center;
7004
+ flex: 1;
7005
+ font-weight: 540;
6801
7006
  }
6802
7007
 
6803
- .UploadArea-module_xl__xmTtW {
7008
+ .DataTable-module_xs__P-Ize {
7009
+ }
7010
+
7011
+ .DataTable-module_m__G9QOp {
7012
+ }
7013
+
7014
+ .DataTable-module_l__RzReg {
7015
+ }
7016
+
7017
+ .DataTable-module_s__5ENNl {
7018
+ }
7019
+
7020
+ .DataTable-module_scroll__grEU0 {
6804
7021
  }
6805
7022
 
6806
7023
  .flexBox-module_row__z24tF {
@@ -6871,53 +7088,7 @@ line {
6871
7088
  box-sizing: border-box;
6872
7089
  padding: 0;
6873
7090
  margin: 0;
6874
- }
6875
-
6876
- .ButtonBar-module_wrapper__FYZ3s {
6877
- border-radius: var(--bb-border-radius);
6878
- border: var(--bb-border-size) solid var(--bb-border-color);
6879
- overflow: hidden;
6880
- }
6881
-
6882
- .ButtonBar-module_label__UcAS1 {
6883
- color: var(--bb-label-color);
6884
- padding-right: 4px;
6885
- }
6886
-
6887
- .ButtonBar-module_button__bMR3h {
6888
- height: var(--bb-button-size);
6889
- width: var(--bb-button-size);
6890
- min-height: var(--bb-button-size);
6891
- min-width: var(--bb-button-size);
6892
- cursor: pointer;
6893
- background: var(--bb-bg-color);
6894
- border: 0;
6895
- border-right: var(--bb-border-size) solid var(--bb-border-color);
6896
- user-select: none;
6897
- -webkit-user-select: none;
6898
- appearance: none;
6899
- -webkit-appearance: none;
6900
- }
6901
-
6902
- .ButtonBar-module_button__bMR3h:first-child {
6903
- padding-left: 4px;
6904
- }
6905
-
6906
- .ButtonBar-module_button__bMR3h:last-child {
6907
- border-right: none;
6908
- padding-right: 4px;
6909
- }
6910
-
6911
- .ButtonBar-module_button__bMR3h:hover {
6912
- background: var(--bb-bg-color-hover);
6913
- }
6914
-
6915
- .ButtonBar-module_selected__wKvmi {
6916
- background: var(--bb-bg-color-active);
6917
- color: var(--core-link-primary);
6918
- }
6919
-
6920
- .type-module_body-xs-regular__ZAFft {
7091
+ }.type-module_body-xs-regular__ZAFft {
6921
7092
  font-family: var(--font-family), sans-serif;
6922
7093
  font-weight: var(--font-weight-regular);
6923
7094
  font-size: var(--font-size-xs);
@@ -7058,229 +7229,61 @@ line {
7058
7229
  font-size: var(--font-size-h6);
7059
7230
  line-height: var(--line-height-xs);
7060
7231
  letter-spacing: var(--letter-spacing-m);
7061
- }.scrollBars-module_scrollbars__c-ZPl {
7062
- /* Consumers override these to theme their own scrollbar (e.g. Modal
7063
- binds them to its scrollHandleColor/scrollHandleColorHover props).
7064
- Unoverridden, they fall back to the shared page-level scroll tokens. */
7065
- --scrollbar-size: 6px;
7066
- --scrollbar-bg: transparent;
7067
- --scrollbar-thumb: var(--scroll-bar);
7068
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
7069
-
7070
- /* firefox does not support -webkit-scrollbar */
7071
- @supports not selector(::-webkit-scrollbar) {
7072
- scrollbar-width: thin;
7073
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
7074
- }
7075
-
7076
- &::-webkit-scrollbar {
7077
- background-color: var(--scrollbar-bg);
7078
- width: var(--scrollbar-size);
7079
- height: var(--scrollbar-size);
7080
- }
7081
-
7082
- &::-webkit-scrollbar-track {
7083
- background-color: var(--scrollbar-bg);
7084
- width: var(--scrollbar-size);
7085
- height: var(--scrollbar-size);
7086
- }
7087
-
7088
- &::-webkit-scrollbar-thumb {
7089
- background-color: var(--scrollbar-thumb);
7090
- border-radius: 20px;
7091
- border: 1px solid var(--scrollbar-bg);
7092
- }
7093
-
7094
- &::-webkit-scrollbar-thumb:hover {
7095
- background-color: var(--scrollbar-thumb-hover);
7096
- border-radius: 20px;
7097
- border: 1px solid var(--scrollbar-bg);
7098
- }
7099
-
7100
- &::-webkit-scrollbar-corner {
7101
- background-color: var(--scrollbar-bg);
7102
- }
7103
7232
  }
7104
7233
 
7105
- .DataTable-module_tableWrapper__BzoJE {
7234
+ .Button-module_button__2ZuB7 {
7106
7235
  position: relative;
7107
- box-sizing: border-box;
7108
- display: flex;
7109
- justify-content: flex-start;
7110
- align-items: flex-start;
7111
- width: var(--table-width);
7112
- max-width: var(--table-max-width);
7113
- height: var(--table-height);
7114
- overflow-x: auto;
7115
- overflow-y: auto;
7116
- padding: 0;
7117
- margin: var(--table-margin);
7118
- border: var(--table-border-width) solid var(--table-border-color);
7119
- border-left-width: var(--table-border-sides);
7120
- border-right-width: var(--table-border-sides);
7121
- border-radius: var(--table-border-radius);
7122
- }
7123
-
7124
- .DataTable-module_resizeBar__LmzEF {
7125
- position: absolute;
7126
- box-sizing: border-box;
7127
- display: flex;
7128
- height: 100%;
7129
- left: -500px;
7130
- width: 3px;
7131
- min-width: 2px;
7132
- max-width: 2px;
7133
- background: var(--table-handle-hover-color);
7134
- z-index: 20;
7135
- pointer-events: none;
7136
- }
7137
-
7138
- .DataTable-module_table__oL4Dz {
7139
- table-layout: fixed; /* stop auto-recalculating from content */
7140
- flex-shrink: 0; /* stop flexbox squeezing the table */
7141
- box-sizing: border-box;
7142
- border-collapse: collapse;
7143
- min-width: 100%;
7144
- padding: 0;
7145
- margin: 0;
7146
- color: var(--core-text-primary);
7147
- }
7148
-
7149
- /* hide caption - in code for accessibility */
7150
- .DataTable-module_table__oL4Dz caption {
7151
- display: none;
7152
- }
7153
-
7154
- /* each table header cell is sticky by default */
7155
- .DataTable-module_table__oL4Dz thead tr th {
7156
- position: var(--table-header-sticky-position);
7157
- top: 0;
7158
- z-index: 1;
7159
- border-right: var(--table-border-width) solid var(--table-border-color);
7160
- border-right-width: var(--table-border-sides);
7161
- border-bottom: var(--table-border-width) solid var(--table-border-color);
7162
- box-shadow: var(--table-header-box-shadow);
7163
- background: var(--table-header-background-color);
7164
- }
7165
-
7166
- /* last th of the header row, remove the right border */
7167
- .DataTable-module_table__oL4Dz thead tr th:last-child {
7168
- border-right: 0;
7169
- }
7170
-
7171
- /* border bot and right to all body cells */
7172
- .DataTable-module_table__oL4Dz tbody tr td {
7173
- border-right: var(--table-border-width) solid var(--table-border-color);
7174
- border-right-width: var(--table-border-sides);
7175
- border-bottom: var(--table-border-width) solid var(--table-border-color);
7176
- }
7177
-
7178
- /* candy stripe all even body rows */
7179
- .DataTable-module_table__oL4Dz tbody tr:nth-child(even) td {
7180
- background-color: var(--table-candy-stripe-background-color);
7181
- }
7182
-
7183
- /* remove right border from last cell of each body row */
7184
- .DataTable-module_table__oL4Dz tbody tr td:last-child {
7185
- border-right: 0;
7186
- }
7187
-
7188
- /* remove the bottom border from every td in the last tr of the body */
7189
- .DataTable-module_table__oL4Dz tbody tr:last-child td {
7190
- border-bottom: 0;
7191
- }
7192
-
7193
- /* style first cell in each row of the body */
7194
- .DataTable-module_table__oL4Dz tbody tr td:nth-child(1) {
7195
- position: var(--table-freeze-column-position);
7196
- left: 0;
7197
- z-index: 2;
7198
- box-shadow: var(--table-column-box-shadow);
7199
- }
7200
-
7201
- /* style first cell in the header row */
7202
- .DataTable-module_table__oL4Dz thead tr th:nth-child(1) {
7203
- position: var(--table-corner-position);
7204
- left: var(--table-corner-left);
7205
- top: 0;
7206
- z-index: 3;
7207
- box-shadow: var(--table-corner-box-shadow);
7236
+ user-select: none;
7237
+ -webkit-user-select: none;
7238
+ appearance: none;
7239
+ -webkit-appearance: none;
7240
+ background-image: none;
7241
+ outline: none;
7208
7242
  }
7209
7243
 
7210
- .DataTable-module_baseCell__DQl-z {
7211
- box-sizing: border-box;
7212
- position: relative;
7213
- padding: 0;
7214
- margin: 0;
7215
- border: 0;
7216
- background-color: var(--table-background-color);
7244
+ .Button-module_label__UJ3Zt {
7245
+ user-select: none;
7246
+ -webkit-user-select: none;
7247
+ text-overflow: ellipsis;
7248
+ overflow: hidden;
7249
+ white-space: nowrap;
7250
+ word-break: break-all;
7251
+ display: -webkit-box;
7252
+ -webkit-line-clamp: 1;
7253
+ -webkit-box-orient: vertical;
7217
7254
  }
7218
7255
 
7219
- .DataTable-module_baseCellWrapper__WMgNm,
7220
- .DataTable-module_headerCellWrapper__ytVYY {
7221
- box-sizing: border-box;
7222
- display: flex;
7223
- position: relative;
7224
- height: 100%;
7225
- width: 100%;
7226
- }
7256
+ .Button-module_label__UJ3Zt:hover {
7257
+ text-decoration: var(--ui-button-decoration);
7258
+ }
7227
7259
 
7228
- .DataTable-module_colResizeHandle__dF5Es {
7260
+ .Button-module_count__DFxVB {
7229
7261
  position: absolute;
7230
7262
  top: 0;
7231
- bottom: 0;
7232
7263
  right: 0;
7233
- width: 5px;
7234
- background-color: rgba(255, 255, 255, 0);
7235
- cursor: col-resize;
7236
- z-index: 10;
7237
- }
7238
-
7239
- .DataTable-module_header__QgdCY {
7240
- box-sizing: border-box;
7241
- display: flex;
7242
- align-items: center;
7243
- justify-content: center;
7244
- width: 100%;
7245
- height: 100%;
7246
- gap: 8px;
7247
- }
7248
-
7249
- .DataTable-module_headerRight__QHHxv,
7250
- .DataTable-module_headerLeft__OAzLv {
7251
- box-sizing: border-box;
7252
- position: relative;
7253
- display: flex;
7254
- justify-content: center;
7255
- align-items: center;
7256
- min-width: 16px;
7257
- max-width: 16px;
7258
- overflow: hidden;
7264
+ transform: translateX(10px) translateY(-2px);
7259
7265
  }
7260
7266
 
7261
- .DataTable-module_headerTitle__K0pmX {
7262
- box-sizing: border-box;
7263
- position: relative;
7264
- display: flex;
7265
- justify-content: center;
7266
- align-items: center;
7267
- flex: 1;
7268
- font-weight: 540;
7267
+ .Button-module_icon__-43u5 {
7268
+ min-width: var(--ui-button-icon-size);
7269
+ min-height: var(--ui-button-icon-size);
7270
+ height: var(--ui-button-icon-size);
7271
+ width: var(--ui-button-icon-size);
7269
7272
  }
7270
7273
 
7271
- .DataTable-module_xs__P-Ize {
7274
+ .Button-module_xs__cF6m0 {
7272
7275
  }
7273
7276
 
7274
- .DataTable-module_m__G9QOp {
7277
+ .Button-module_m__DR-gs {
7275
7278
  }
7276
7279
 
7277
- .DataTable-module_l__RzReg {
7280
+ .Button-module_l__0E0yI {
7278
7281
  }
7279
7282
 
7280
- .DataTable-module_s__5ENNl {
7283
+ .Button-module_xl__nx4V0 {
7281
7284
  }
7282
7285
 
7283
- .DataTable-module_scroll__grEU0 {
7286
+ .Button-module_s__dSKOL {
7284
7287
  }
7285
7288
 
7286
7289
  .flexBox-module_row__z24tF {
@@ -7507,7 +7510,11 @@ line {
7507
7510
 
7508
7511
  .FileList-module_file__61dkh {
7509
7512
  position: relative;
7510
- padding: var(--file-padding) !important;
7513
+ padding: var(
7514
+ --file-padding,
7515
+ var(--file-row-vertical, var(--spacing-xs)) var(--file-row-right) var(--file-row-vertical, var(--spacing-xs))
7516
+ calc(var(--file-row-horizontal, var(--spacing-xs)) - var(--file-row-adjustment, var(--spacing-xxs)))
7517
+ ) !important;
7511
7518
  border: 1px solid var(--file-border-color);
7512
7519
  border-radius: var(--corner-xs);
7513
7520
  overflow: hidden;
@@ -7569,7 +7576,7 @@ line {
7569
7576
  }
7570
7577
 
7571
7578
  .FileList-module_icon__JR0HE {
7572
- margin-left: 4px !important;
7579
+ margin-left: var(--spacing-xs) !important;
7573
7580
  min-width: 20px;
7574
7581
  min-height: 20px;
7575
7582
  max-width: 20px;
@@ -7663,21 +7670,27 @@ line {
7663
7670
  margin: 0;
7664
7671
  }
7665
7672
 
7666
- .DoneCheck-module_wrapper__AlISD {
7667
- height: var(--icon-height);
7668
- max-height: var(--icon-height);
7669
- width: var(--icon-width);
7670
- max-width: var(--icon-width);
7671
- overflow: visible;
7673
+ .ProgressIndicator-module_container__pW2gW {
7674
+ display: var(--pi-display) !important;
7675
+ position: var(--pi-position);
7676
+ top: var(--pi-inset);
7677
+ bottom: var(--pi-inset);
7678
+ left: var(--pi-inset);
7679
+ right: var(--pi-inset);
7680
+ color: var(--core-text-disabled);
7681
+ z-index: var(--elevation-status);
7672
7682
  }
7673
7683
 
7674
- .DoneCheck-module_icon__bKaFp {
7675
- height: var(--icon-height);
7676
- max-height: var(--icon-height);
7677
- width: var(--icon-width);
7678
- max-width: var(--icon-width);
7679
- scale: var(--icon-scale);
7680
- transition: var(--icon-transition);
7684
+ .ProgressIndicator-module_iconWrapper__puIt4 {
7685
+ min-width: var(--pi-icon-size);
7686
+ max-width: var(--pi-icon-size);
7687
+ max-height: var(--pi-icon-size);
7688
+ min-height: var(--pi-icon-size);
7689
+ height: var(--pi-icon-size);
7690
+ width: var(--pi-icon-size);
7691
+ padding: 0;
7692
+ background: none;
7693
+ border-radius: 100%;
7681
7694
  }
7682
7695
 
7683
7696
  .flexBox-module_row__z24tF {
@@ -7750,27 +7763,21 @@ line {
7750
7763
  margin: 0;
7751
7764
  }
7752
7765
 
7753
- .ProgressIndicator-module_container__pW2gW {
7754
- display: var(--pi-display) !important;
7755
- position: var(--pi-position);
7756
- top: var(--pi-inset);
7757
- bottom: var(--pi-inset);
7758
- left: var(--pi-inset);
7759
- right: var(--pi-inset);
7760
- color: var(--core-text-disabled);
7761
- z-index: var(--elevation-status);
7766
+ .DoneCheck-module_wrapper__AlISD {
7767
+ height: var(--icon-height);
7768
+ max-height: var(--icon-height);
7769
+ width: var(--icon-width);
7770
+ max-width: var(--icon-width);
7771
+ overflow: visible;
7762
7772
  }
7763
7773
 
7764
- .ProgressIndicator-module_iconWrapper__puIt4 {
7765
- min-width: var(--pi-icon-size);
7766
- max-width: var(--pi-icon-size);
7767
- max-height: var(--pi-icon-size);
7768
- min-height: var(--pi-icon-size);
7769
- height: var(--pi-icon-size);
7770
- width: var(--pi-icon-size);
7771
- padding: 0;
7772
- background: none;
7773
- border-radius: 100%;
7774
+ .DoneCheck-module_icon__bKaFp {
7775
+ height: var(--icon-height);
7776
+ max-height: var(--icon-height);
7777
+ width: var(--icon-width);
7778
+ max-width: var(--icon-width);
7779
+ scale: var(--icon-scale);
7780
+ transition: var(--icon-transition);
7774
7781
  }
7775
7782
 
7776
7783
  /* Core brand colors (un-themed) */
@@ -8592,6 +8599,16 @@ line {
8592
8599
  --motion-water-duration: 0.25s;
8593
8600
  --motion-spring-duration: 1s;
8594
8601
  }
8602
+ [data-slice-theme-scope] {
8603
+ --spacing-xxs: 2px; /* padding sizes on smaller components */
8604
+ --spacing-xs: 4px; /* padding sizes on smaller components */
8605
+ --spacing-s: 8px;
8606
+ --spacing-m: 16px;
8607
+ --spacing-l: 24px;
8608
+ --spacing-xl: 32px;
8609
+ --spacing-xxl: 64px;
8610
+ --spacing-h: 128px;
8611
+ }
8595
8612
  .slice-global-body {
8596
8613
  /* apply themed background color */
8597
8614
  background-color: var(--core-surface-primary);