@apple-pie/slice 0.1.50 → 0.1.51

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 (279) hide show
  1. package/dist/cjs/chunks/{AudioBubble-Dyf2Tvac.js → AudioBubble-CWG0JYyG.js} +4 -4
  2. package/dist/cjs/chunks/{Avatar-5615YRZf.js → Avatar-DyIIYHth.js} +1 -1
  3. package/dist/cjs/chunks/{AvatarGroup-QiLXUSbq.js → AvatarGroup--zAf-dNr.js} +1 -1
  4. package/dist/cjs/chunks/{Badge-DKiQ3F3_.js → Badge-Ca3fUHzW.js} +1 -1
  5. package/dist/cjs/chunks/{Button-oHY1ESJp.js → Button-Cep3SqsR.js} +1 -1
  6. package/dist/cjs/chunks/{ButtonBar-4Y2V3Nrm.js → ButtonBar-CDoTe2KT.js} +1 -1
  7. package/dist/cjs/chunks/{Camera-CMPgeJ2g.js → Camera-BilzVJC-.js} +5 -5
  8. package/dist/cjs/chunks/{CheckBox-CyiFsnzH.js → CheckBox-DlRmdo4F.js} +1 -1
  9. package/dist/cjs/chunks/{Chip-BB4t9HTY.js → Chip-Bcn3P9vI.js} +1 -1
  10. package/dist/cjs/chunks/{DivInput-CzpCqi0m.js → DivInput-CPoU2IlK.js} +1 -1
  11. package/dist/cjs/chunks/{Dot-fVKYobyz.js → Dot-W1TQ5vfI.js} +1 -1
  12. package/dist/cjs/chunks/{DrggablePanel-B_njQ0Me.js → DrggablePanel--LSNphoy.js} +4 -4
  13. package/dist/cjs/chunks/{DropDown-CItUGWpi.js → DropDown-AUxguryP.js} +1 -1
  14. package/dist/cjs/chunks/{ErrorSummary-BqgHSyAh.js → ErrorSummary-D-eB1h3-.js} +4 -4
  15. package/dist/cjs/chunks/{FileIcon-Drygvqh6.js → FileIcon-D7hcykwe.js} +4 -4
  16. package/dist/cjs/chunks/{FileList-DnwlX72e.js → FileList-CBGZ8PsW.js} +1 -1
  17. package/dist/cjs/chunks/{FlexDiv-CR8kCjmG.js → FlexDiv-DsN5tGEG.js} +1 -1
  18. package/dist/cjs/chunks/{Grouper-YByIKrV9.js → Grouper-DzGrJo5i.js} +5 -5
  19. package/dist/cjs/chunks/{Icon-Czl31BDO.js → Icon-NDphOLR6.js} +4 -4
  20. package/dist/cjs/chunks/{IconButton-B3732eH3.js → IconButton-DFk-yVc6.js} +1 -1
  21. package/dist/cjs/chunks/{IndexedDB-COaet5q4.js → IndexedDB-CpCbUa22.js} +1 -1
  22. package/dist/cjs/chunks/{Label-D-B3oOF6.js → Label-DkUq49nx.js} +1 -1
  23. package/dist/cjs/chunks/{Level-BOm5W7K-.js → Level-MO3XuoBp.js} +2 -2
  24. package/dist/cjs/chunks/{Modal-Bdo7uOPt.js → Modal-o7KtPH6D.js} +1 -1
  25. package/dist/cjs/chunks/{ModalController-D7UUu10l.js → ModalController-Bh4HjLKC.js} +3 -3
  26. package/dist/cjs/chunks/{Overlay-CYLmWXtx.js → Overlay-CxVrTI2z.js} +1 -1
  27. package/dist/cjs/chunks/{Pager-DAtdhdhR.js → Pager-DkpPXtWt.js} +1 -1
  28. package/dist/cjs/chunks/{ProgressIndicator-BdAfoeqg.js → ProgressIndicator-a4uthp1C.js} +4 -4
  29. package/dist/cjs/chunks/{PromptInput-C1ZtWI_B.js → PromptInput-DJ3sMLAK.js} +5 -5
  30. package/dist/cjs/chunks/{RadioButton-CtMP58iO.js → RadioButton-J0dfBuuZ.js} +1 -1
  31. package/dist/cjs/chunks/{RadioButtonList-CG3rnxMZ.js → RadioButtonList-CovzfXBb.js} +1 -1
  32. package/dist/cjs/chunks/{Slider-ClLObq6J.js → Slider-CLQ0GSie.js} +4 -4
  33. package/dist/cjs/chunks/{Spacer-dn57EYX7.js → Spacer-hd4zs1jA.js} +1 -1
  34. package/dist/cjs/chunks/{Switch-dbztJmZ0.js → Switch-Bk0OdvjZ.js} +1 -1
  35. package/dist/cjs/chunks/{TabBar-BY6trnnm.js → TabBar-DqkCgnSR.js} +5 -5
  36. package/dist/cjs/chunks/{TextArea-C6nWVspn.js → TextArea-BCeor0hV.js} +1 -1
  37. package/dist/cjs/chunks/{TextField-gtlYx618.js → TextField-CtbfTAmK.js} +5 -5
  38. package/dist/cjs/chunks/{Tip-I4fh_TSI.js → Tip-D7gtWmNi.js} +1 -1
  39. package/dist/cjs/chunks/{Toast-DaUauLLf.js → Toast-D3Hd0AMU.js} +5 -5
  40. package/dist/cjs/chunks/{ToggleButton-DsMeA3Fx.js → ToggleButton-DnDRKdTq.js} +1 -1
  41. package/dist/cjs/chunks/{UploadArea-C5UpHblQ.js → UploadArea-BHTAfz-P.js} +1 -1
  42. package/dist/cjs/chunks/{Video-ChnhBOrU.js → Video-B7bisMIA.js} +1 -1
  43. package/dist/cjs/chunks/{VideoController-CpgvyAdH.js → VideoController-QMAJKhPH.js} +4 -4
  44. package/dist/cjs/chunks/{WSConnection-Dwlx8NIU.js → WSConnection-BAltqes7.js} +1 -1
  45. package/dist/cjs/chunks/{WebRTCConnection-BV_G9jeM.js → WebRTCConnection-dL2SK3_2.js} +1 -1
  46. package/dist/cjs/chunks/{browserChannelsStore-DGkZwSk3.js → browserChannelsStore-BTPpbDRA.js} +2 -2
  47. package/dist/cjs/chunks/{localDBStore-DCA0Fuld.js → localDBStore-C3NUtnhe.js} +2 -2
  48. package/dist/cjs/chunks/{microphoneStore-D_PdS6Ob.js → microphoneStore-Ds2J_e1I.js} +1 -1
  49. package/dist/cjs/chunks/{misc-DVuhbWd-.js → misc-LAaHE64b.js} +1 -1
  50. package/dist/cjs/chunks/{sseStore-Bs1ZOYMi.js → sseStore-DPzXXIbg.js} +3 -3
  51. package/dist/cjs/chunks/{uploads-worker-BTurZYAK.js → uploads-worker-BpfjZ_xT.js} +1 -1
  52. package/dist/cjs/chunks/{uploadsStore-C5FElNoE.js → uploadsStore-Dek7g7dl.js} +2 -2
  53. package/dist/cjs/chunks/{viewState-2M8RglDJ.js → viewState--I3LaDpn.js} +9 -7
  54. package/dist/cjs/chunks/{volumeStore-DUfgDH0Y.js → volumeStore-DbLg_-L9.js} +1 -1
  55. package/dist/cjs/chunks/{webRTCStore-gFAVHa3-.js → webRTCStore-B-ZZdCuw.js} +2 -2
  56. package/dist/cjs/chunks/{windowStore-BrzkG4xn.js → windowStore-CjjP9E2z.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 +2 -2
  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 -9
  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 +9 -9
  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 +9 -9
  97. package/dist/cjs/components/UploadArea/index.js +11 -12
  98. package/dist/cjs/components/Video/index.js +12 -12
  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/useMdStreamBuffer.js +2 -2
  104. package/dist/cjs/hooks/useMicrophone.js +1 -1
  105. package/dist/cjs/hooks/useTrackRenders.js +2 -2
  106. package/dist/cjs/hooks.js +4 -4
  107. package/dist/cjs/index.js +10 -10
  108. package/dist/cjs/stores/LocalDB.js +3 -3
  109. package/dist/cjs/stores/SSE.js +3 -3
  110. package/dist/cjs/stores/WS.js +3 -3
  111. package/dist/cjs/stores/WebRTC.js +3 -3
  112. package/dist/cjs/stores/browserChannel.js +2 -2
  113. package/dist/cjs/stores/microphone.js +2 -2
  114. package/dist/cjs/stores/modal.js +1 -1
  115. package/dist/cjs/stores/tip.js +1 -1
  116. package/dist/cjs/stores/toast.js +1 -1
  117. package/dist/cjs/stores/uploads.js +2 -2
  118. package/dist/cjs/stores/video.js +1 -1
  119. package/dist/cjs/stores/volume.js +2 -2
  120. package/dist/cjs/stores/window.js +2 -2
  121. package/dist/cjs/stores.js +5 -5
  122. package/dist/cjs/utils/index.js +2 -2
  123. package/dist/cjs/utils/objects/index.js +2 -2
  124. package/dist/cjs/workers/uploads/uploads.js +2 -2
  125. package/dist/esm/chunks/{AudioBubble-DKB_ikQD.mjs → AudioBubble-DFYw0nQU.mjs} +7 -7
  126. package/dist/esm/chunks/{Avatar-BKLELU1D.mjs → Avatar-EkYvqFJa.mjs} +2 -2
  127. package/dist/esm/chunks/{AvatarGroup-VlUvrmRB.mjs → AvatarGroup-B8EnFBX3.mjs} +2 -2
  128. package/dist/esm/chunks/{Badge-CNerXOWY.mjs → Badge-C6kNwu4r.mjs} +1 -1
  129. package/dist/esm/chunks/{Button-CxC5PDLZ.mjs → Button-Bvgo8DRW.mjs} +6 -6
  130. package/dist/esm/chunks/{ButtonBar-CY28QYoc.mjs → ButtonBar-CqXWLImb.mjs} +3 -3
  131. package/dist/esm/chunks/{Camera-DDRMUn2z.mjs → Camera-9gSj5JCt.mjs} +9 -9
  132. package/dist/esm/chunks/{CheckBox-OLUjeh6X.mjs → CheckBox-BxI_tTid.mjs} +3 -3
  133. package/dist/esm/chunks/{Chip-B3VjjAKA.mjs → Chip-Cy_9aGFx.mjs} +4 -4
  134. package/dist/esm/chunks/{DivInput-DAofSHRC.mjs → DivInput-C1kmP54k.mjs} +2 -2
  135. package/dist/esm/chunks/{Dot-vxTR5qQx.mjs → Dot-m6fw22Z0.mjs} +1 -1
  136. package/dist/esm/chunks/{DrggablePanel-C-4JGh5T.mjs → DrggablePanel-C73eGSsp.mjs} +6 -6
  137. package/dist/esm/chunks/{DropDown-Ds2eBdbA.mjs → DropDown-BczM9aTO.mjs} +3 -3
  138. package/dist/esm/chunks/{ErrorSummary-DppBxoDZ.mjs → ErrorSummary-Co3vVXxA.mjs} +6 -6
  139. package/dist/esm/chunks/{FileIcon-DVTCLEK-.mjs → FileIcon-SKFp6-Eh.mjs} +6 -6
  140. package/dist/esm/chunks/{FileList-2D_SS6kK.mjs → FileList-Dt5V9YPs.mjs} +5 -5
  141. package/dist/esm/chunks/{FlexDiv-ChZX-Ps4.mjs → FlexDiv-BoxzmKqk.mjs} +1 -1
  142. package/dist/esm/chunks/{Grouper-C-w3S1mk.mjs → Grouper-Do8rpPZb.mjs} +7 -7
  143. package/dist/esm/chunks/{Icon-BkxxiH7A.mjs → Icon-BMT9cn9A.mjs} +6 -6
  144. package/dist/esm/chunks/{IconButton-BBTfkZot.mjs → IconButton-DEcW36kF.mjs} +5 -5
  145. package/dist/esm/chunks/{IndexedDB-CuNOGQye.mjs → IndexedDB-BvJLLZU8.mjs} +1 -1
  146. package/dist/esm/chunks/{Label-CrBZfqDc.mjs → Label-Etcumudw.mjs} +2 -2
  147. package/dist/esm/chunks/{Level-Cpz1t2Re.mjs → Level-C2rSTZAQ.mjs} +4 -4
  148. package/dist/esm/chunks/{Modal-BRtjAkH3.mjs → Modal-C1g7ceSt.mjs} +5 -5
  149. package/dist/esm/chunks/{ModalController-DxPswKlS.mjs → ModalController-CkPCQeYU.mjs} +5 -5
  150. package/dist/esm/chunks/{Overlay-BlgYiAch.mjs → Overlay-CZxlviV2.mjs} +1 -1
  151. package/dist/esm/chunks/{Pager-mVs0GjW6.mjs → Pager-aLZXhX_w.mjs} +2 -2
  152. package/dist/esm/chunks/{ProgressIndicator-B5W14cIi.mjs → ProgressIndicator-CGbLu2wM.mjs} +6 -6
  153. package/dist/esm/chunks/{PromptInput-DLXdYtqY.mjs → PromptInput-rsGyHTJb.mjs} +8 -8
  154. package/dist/esm/chunks/{RadioButton-Uvc4X9U9.mjs → RadioButton-DPKvT5yo.mjs} +3 -3
  155. package/dist/esm/chunks/{RadioButtonList-cUyOSyCa.mjs → RadioButtonList-Brl_h2Nx.mjs} +3 -3
  156. package/dist/esm/chunks/{Slider-DcozyGzD.mjs → Slider-BJ9mifdr.mjs} +7 -7
  157. package/dist/esm/chunks/{Spacer-BBfATsZ1.mjs → Spacer-pZIEZfkL.mjs} +1 -1
  158. package/dist/esm/chunks/{Switch-BLSpmM5h.mjs → Switch-Cbl6iesb.mjs} +1 -1
  159. package/dist/esm/chunks/{TabBar-Dwi3p1wa.mjs → TabBar-b8Dqmz0l.mjs} +10 -10
  160. package/dist/esm/chunks/{TextArea-B8oKcfzz.mjs → TextArea-Ml2KuVpk.mjs} +2 -2
  161. package/dist/esm/chunks/{TextField-DaSBsw9p.mjs → TextField-BS3bOQj-.mjs} +9 -9
  162. package/dist/esm/chunks/{Tip-DPqjnHCZ.mjs → Tip-BrBts6HZ.mjs} +2 -2
  163. package/dist/esm/chunks/{Toast-BarNEPeq.mjs → Toast-BL0jO3nb.mjs} +8 -8
  164. package/dist/esm/chunks/{ToggleButton-DSX3R_rz.mjs → ToggleButton-dZPHYzZH.mjs} +2 -2
  165. package/dist/esm/chunks/{UploadArea-RTDaa_hG.mjs → UploadArea-voCl4jpT.mjs} +4 -4
  166. package/dist/esm/chunks/{Video-nS-hiB-6.mjs → Video-CRBP0r2b.mjs} +5 -5
  167. package/dist/esm/chunks/{VideoController-FeQUBuTa.mjs → VideoController-kYO0CqYG.mjs} +8 -8
  168. package/dist/esm/chunks/{WSConnection-S6xfpTTL.mjs → WSConnection-e7-nSYVD.mjs} +1 -1
  169. package/dist/esm/chunks/{WebRTCConnection-BeL7Xgng.mjs → WebRTCConnection-DtIhWGrY.mjs} +1 -1
  170. package/dist/esm/chunks/{browserChannelsStore-BM45iC6I.mjs → browserChannelsStore-DGDANcLP.mjs} +2 -2
  171. package/dist/esm/chunks/{localDBStore-Ctb6waQQ.mjs → localDBStore-DwusxhIq.mjs} +3 -3
  172. package/dist/esm/chunks/{microphoneStore-BbHftTVc.mjs → microphoneStore-CDNQZJzG.mjs} +1 -1
  173. package/dist/esm/chunks/{misc-BsRTCJ2d.mjs → misc-CV0SS-jF.mjs} +1 -1
  174. package/dist/esm/chunks/{sseStore-yPRMQhW_.mjs → sseStore-BaLy2MK1.mjs} +3 -3
  175. package/dist/esm/chunks/{uploads-worker-DG8PZWU_.mjs → uploads-worker-F-je70Dd.mjs} +1 -1
  176. package/dist/esm/chunks/{uploadsStore-7BKTfB9e.mjs → uploadsStore-CPylq__a.mjs} +1 -1
  177. package/dist/esm/chunks/{viewState-BhLLUEz_.mjs → viewState-CAAi7sd6.mjs} +12 -10
  178. package/dist/esm/chunks/{volumeStore-D2zdLZOd.mjs → volumeStore-C-rKyxRG.mjs} +1 -1
  179. package/dist/esm/chunks/{webRTCStore-CQlEo5tj.mjs → webRTCStore-B2GPjQX6.mjs} +3 -3
  180. package/dist/esm/chunks/{windowStore-Dfr_YWg6.mjs → windowStore-NdbQt4lG.mjs} +1 -1
  181. package/dist/esm/components/AudioBubble/index.mjs +9 -9
  182. package/dist/esm/components/Avatar/index.mjs +3 -3
  183. package/dist/esm/components/AvatarGroup/index.mjs +4 -4
  184. package/dist/esm/components/Badge/index.mjs +2 -2
  185. package/dist/esm/components/Button/index.mjs +13 -13
  186. package/dist/esm/components/ButtonBar/index.mjs +9 -9
  187. package/dist/esm/components/Camera/index.mjs +11 -11
  188. package/dist/esm/components/CheckBox/index.mjs +9 -9
  189. package/dist/esm/components/Chip/index.mjs +10 -10
  190. package/dist/esm/components/DataTable/index.mjs +10 -10
  191. package/dist/esm/components/DivInput/index.mjs +3 -3
  192. package/dist/esm/components/Dot/index.mjs +2 -2
  193. package/dist/esm/components/DraggablePanel/index.mjs +8 -8
  194. package/dist/esm/components/DropDown/index.mjs +9 -9
  195. package/dist/esm/components/ErrorSummary/index.mjs +8 -8
  196. package/dist/esm/components/FileIcon/index.mjs +8 -8
  197. package/dist/esm/components/FileList/index.mjs +11 -11
  198. package/dist/esm/components/FlexDiv/index.mjs +2 -2
  199. package/dist/esm/components/Grouper/index.mjs +10 -10
  200. package/dist/esm/components/Icon/index.mjs +9 -9
  201. package/dist/esm/components/IconButton/index.mjs +12 -12
  202. package/dist/esm/components/Label/index.mjs +3 -3
  203. package/dist/esm/components/Level/index.mjs +5 -5
  204. package/dist/esm/components/Modal/index.mjs +15 -15
  205. package/dist/esm/components/ModalController/index.mjs +9 -9
  206. package/dist/esm/components/Overlay/index.mjs +2 -2
  207. package/dist/esm/components/Pager/index.mjs +3 -3
  208. package/dist/esm/components/Progress/index.mjs +9 -9
  209. package/dist/esm/components/PromptInput/index.mjs +16 -16
  210. package/dist/esm/components/RadioButton/index.mjs +9 -9
  211. package/dist/esm/components/RadioButtonList/index.mjs +10 -10
  212. package/dist/esm/components/Slider/index.mjs +9 -9
  213. package/dist/esm/components/Spacer/index.mjs +2 -2
  214. package/dist/esm/components/Switch/index.mjs +2 -2
  215. package/dist/esm/components/TabBar/index.mjs +13 -13
  216. package/dist/esm/components/TextArea/index.mjs +14 -14
  217. package/dist/esm/components/Textfield/index.mjs +15 -15
  218. package/dist/esm/components/Tip/index.mjs +3 -3
  219. package/dist/esm/components/Toast/index.mjs +10 -10
  220. package/dist/esm/components/ToggleButton/index.mjs +14 -14
  221. package/dist/esm/components/UploadArea/index.mjs +14 -14
  222. package/dist/esm/components/Video/index.mjs +17 -17
  223. package/dist/esm/components/VideoController/index.mjs +15 -15
  224. package/dist/esm/hooks/useAudioRecorder.mjs +1 -1
  225. package/dist/esm/hooks/useBindWebRTC.mjs +6 -6
  226. package/dist/esm/hooks/useClipboard.mjs +3 -3
  227. package/dist/esm/hooks/useMdStreamBuffer.mjs +3 -3
  228. package/dist/esm/hooks/useMicrophone.mjs +1 -1
  229. package/dist/esm/hooks/useTrackRenders.mjs +2 -2
  230. package/dist/esm/hooks.mjs +8 -8
  231. package/dist/esm/index.mjs +59 -59
  232. package/dist/esm/stores/LocalDB.mjs +4 -4
  233. package/dist/esm/stores/SSE.mjs +4 -4
  234. package/dist/esm/stores/WS.mjs +3 -3
  235. package/dist/esm/stores/WebRTC.mjs +4 -4
  236. package/dist/esm/stores/browserChannel.mjs +3 -3
  237. package/dist/esm/stores/microphone.mjs +2 -2
  238. package/dist/esm/stores/modal.mjs +1 -1
  239. package/dist/esm/stores/tip.mjs +1 -1
  240. package/dist/esm/stores/toast.mjs +1 -1
  241. package/dist/esm/stores/uploads.mjs +3 -3
  242. package/dist/esm/stores/video.mjs +1 -1
  243. package/dist/esm/stores/volume.mjs +2 -2
  244. package/dist/esm/stores/window.mjs +2 -2
  245. package/dist/esm/stores.mjs +18 -18
  246. package/dist/esm/utils/index.mjs +12 -12
  247. package/dist/esm/utils/objects/index.mjs +8 -8
  248. package/dist/esm/workers/uploads/uploads.mjs +2 -2
  249. package/dist/styles.css +2238 -2237
  250. package/dist/types/components/DataTable/_types.d.ts +2 -0
  251. package/package.json +1 -1
  252. /package/dist/cjs/chunks/{MdStreamBuffer-Ct4olUyU.js → MdStreamBuffer-BIlyoz-U.js} +0 -0
  253. /package/dist/cjs/chunks/{SSEConnection-DhAqVZkP.js → SSEConnection-B2qZwRe5.js} +0 -0
  254. /package/dist/cjs/chunks/{_types-7x81NJ7V.js → _types-KVtz1JIf.js} +0 -0
  255. /package/dist/cjs/chunks/{audioVisualizer-lk5LsLRk.js → audioVisualizer-COtQiyA7.js} +0 -0
  256. /package/dist/cjs/chunks/{broadcastChannel-C0xM7Joi.js → broadcastChannel-Cqzs7sXX.js} +0 -0
  257. /package/dist/cjs/chunks/{colors-E5w_1zz5.js → colors-CmJHFEI7.js} +0 -0
  258. /package/dist/cjs/chunks/{debounce-BvRF-qeM.js → debounce-TfVmWD0v.js} +0 -0
  259. /package/dist/cjs/chunks/{modalStore-prHVj0Vs.js → modalStore-C6J4X4Z_.js} +0 -0
  260. /package/dist/cjs/chunks/{rafThrottle-UK-rW1Dh.js → rafThrottle-QTFO3TjH.js} +0 -0
  261. /package/dist/cjs/chunks/{sharedTypes-k6HmUFB-.js → sharedTypes-BeP4wu1R.js} +0 -0
  262. /package/dist/cjs/chunks/{tipStore-BeKGMTGW.js → tipStore-DksXXZ-l.js} +0 -0
  263. /package/dist/cjs/chunks/{toastStore--usfQrDo.js → toastStore-DaSJFhEz.js} +0 -0
  264. /package/dist/cjs/chunks/{tslib.es6-BkPXT_ao.js → tslib.es6-B8RWDz3P.js} +0 -0
  265. /package/dist/cjs/chunks/{videoStore-IP5oayZ_.js → videoStore-COp8iv9F.js} +0 -0
  266. /package/dist/esm/chunks/{MdStreamBuffer-CB1-B6FF.mjs → MdStreamBuffer-BzkkcjT9.mjs} +0 -0
  267. /package/dist/esm/chunks/{SSEConnection-nBRfJz2i.mjs → SSEConnection-BpZWD_YR.mjs} +0 -0
  268. /package/dist/esm/chunks/{_types-m4iQOWJ9.mjs → _types-BEg4q3Ct.mjs} +0 -0
  269. /package/dist/esm/chunks/{audioVisualizer-CkuYs_YL.mjs → audioVisualizer-B7i2Eluw.mjs} +0 -0
  270. /package/dist/esm/chunks/{broadcastChannel-pFUzeRys.mjs → broadcastChannel-Bw5Pck80.mjs} +0 -0
  271. /package/dist/esm/chunks/{colors-B-SjYUwU.mjs → colors-6NoVF74x.mjs} +0 -0
  272. /package/dist/esm/chunks/{debounce-DATDV8au.mjs → debounce-BXeBit77.mjs} +0 -0
  273. /package/dist/esm/chunks/{modalStore-BSb8s7vc.mjs → modalStore-CC-D_muU.mjs} +0 -0
  274. /package/dist/esm/chunks/{rafThrottle-CPPsTSzs.mjs → rafThrottle-B25fapDv.mjs} +0 -0
  275. /package/dist/esm/chunks/{sharedTypes-B8v-v7Ul.mjs → sharedTypes-h1aSeCm2.mjs} +0 -0
  276. /package/dist/esm/chunks/{tipStore-BrfCPHgQ.mjs → tipStore-B1G8sE05.mjs} +0 -0
  277. /package/dist/esm/chunks/{toastStore-Dqq8FYrs.mjs → toastStore-9muAYcgx.mjs} +0 -0
  278. /package/dist/esm/chunks/{tslib.es6-BBaRV8vV.mjs → tslib.es6-p9eD9VLE.mjs} +0 -0
  279. /package/dist/esm/chunks/{videoStore-C12FBOE6.mjs → videoStore-Z2NndKsG.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
- .VideoController-module_container__wNiGy {
32
- position: fixed;
33
- inset: 0;
34
- overflow: hidden;
35
- z-index: var(--elevation-confirm);
36
- pointer-events: none;
37
- }
38
-
39
- .VideoController-module_box__a0PRD {
40
- position: relative;
41
- display: flex;
42
- justify-content: center;
43
- align-items: center;
44
- background: transparent;
45
- box-sizing: border-box;
46
- width: 100%;
47
- height: 100%;
48
- overflow: visible;
49
- z-index: var(--elevation-confirm);
50
- pointer-events: none;
51
- }
52
-
53
- .VideoController-module_wrapper__RhpUo {
54
- position: absolute;
55
- box-sizing: border-box;
56
- left: var(--overlay-padding, 64px);
57
- right: var(--overlay-padding, 64px);
58
- display: flex;
59
- flex-direction: column;
60
- align-items: center;
61
- justify-content: center;
62
- gap: 16px;
63
- z-index: var(--elevation-confirm);
64
- pointer-events: all;
65
- visibility: var(--video-visibility, hidden);
66
- border-radius: var(--video-border-radius, 16px);
67
- overflow: visible;
68
- }
69
-
70
- .VideoController-module_video__9bS2L {
71
- overflow: visible;
72
- box-shadow: var(--surface-shadow-soft);
73
- border-radius: var(--video-border-radius, 16px);
74
- }
75
-
76
- .Level-module_wrapper__yOfXw {
77
- display: flex;
78
- align-items: center;
79
- justify-content: flex-start;
80
- flex-direction: row;
81
- box-sizing: border-box;
82
- padding: 0;
83
- margin: 0;
84
- width: var(--level-width);
85
- height: var(--level-height);
86
- min-height: var(--level-height);
87
- gap: var(--level-gap);
88
- border-radius: var(--level-bar-border-radius);
89
- overflow: hidden;
90
- }
91
-
92
- .Level-module_barContainer__QMUdv {
93
- flex: 1 1 0;
94
- height: var(--level-height);
95
- min-height: var(--level-height);
96
-
97
- border: var(--level-border-width) solid var(--level-border-color);
98
- background-color: var(--level-bg-color);
99
- overflow: hidden;
100
- }
101
-
102
- .Level-module_bar__MnApX {
103
- display: block;
104
- min-width: 100%;
105
- min-height: 100%;
106
- background-color: var(--level-color);
107
- transition: background-color 120ms linear;
108
- }
109
-
110
31
  .Video-module_wrapper__a9iH8 {
111
32
  position: relative;
112
33
  display: flex;
@@ -210,183 +131,83 @@ line {
210
131
  width: 50%;
211
132
  }
212
133
 
213
- .flexBox-module_row__z24tF {
214
- display: flex;
215
- justify-content: center;
216
- align-items: center;
217
- box-sizing: border-box;
218
- padding: 0;
219
- margin: 0;
220
- }.flexBox-module_rowBetween__5FEvi {
134
+ .Level-module_wrapper__yOfXw {
221
135
  display: flex;
222
- justify-content: space-between;
223
136
  align-items: center;
224
- box-sizing: border-box;
225
- padding: 0;
226
- margin: 0;
227
- }.flexBox-module_rowStart__4tcxS {
228
- display: flex;
229
137
  justify-content: flex-start;
230
- align-items: center;
231
- box-sizing: border-box;
232
- padding: 0;
233
- margin: 0;
234
- }.flexBox-module_rowEnd__rVdVm {
235
- display: flex;
236
- justify-content: flex-end;
237
- align-items: center;
138
+ flex-direction: row;
238
139
  box-sizing: border-box;
239
140
  padding: 0;
240
141
  margin: 0;
241
- }.flexBox-module_column__ezvMq {
142
+ width: var(--level-width);
143
+ height: var(--level-height);
144
+ min-height: var(--level-height);
145
+ gap: var(--level-gap);
146
+ border-radius: var(--level-bar-border-radius);
147
+ overflow: hidden;
148
+ }
149
+
150
+ .Level-module_barContainer__QMUdv {
151
+ flex: 1 1 0;
152
+ height: var(--level-height);
153
+ min-height: var(--level-height);
154
+
155
+ border: var(--level-border-width) solid var(--level-border-color);
156
+ background-color: var(--level-bg-color);
157
+ overflow: hidden;
158
+ }
159
+
160
+ .Level-module_bar__MnApX {
161
+ display: block;
162
+ min-width: 100%;
163
+ min-height: 100%;
164
+ background-color: var(--level-color);
165
+ transition: background-color 120ms linear;
166
+ }
167
+
168
+ .VideoController-module_container__wNiGy {
169
+ position: fixed;
170
+ inset: 0;
171
+ overflow: hidden;
172
+ z-index: var(--elevation-confirm);
173
+ pointer-events: none;
174
+ }
175
+
176
+ .VideoController-module_box__a0PRD {
177
+ position: relative;
242
178
  display: flex;
243
- flex-direction: column;
244
179
  justify-content: center;
245
180
  align-items: center;
181
+ background: transparent;
246
182
  box-sizing: border-box;
247
- padding: 0;
248
- margin: 0;
249
- }.flexBox-module_columnStart__C7P44 {
250
- display: flex;
251
- flex-direction: column;
252
- justify-content: flex-start;
253
- align-items: flex-start;
254
- box-sizing: border-box;
255
- padding: 0;
256
- margin: 0;
257
- }.flexBox-module_columnStartCenter__PKcrG {
258
- display: flex;
259
- flex-direction: column;
260
- justify-content: flex-start;
261
- align-items: center;
183
+ width: 100%;
184
+ height: 100%;
185
+ overflow: visible;
186
+ z-index: var(--elevation-confirm);
187
+ pointer-events: none;
188
+ }
189
+
190
+ .VideoController-module_wrapper__RhpUo {
191
+ position: absolute;
262
192
  box-sizing: border-box;
263
- padding: 0;
264
- margin: 0;
265
- }.flexBox-module_columnBetween__ERfp7 {
193
+ left: var(--overlay-padding, 64px);
194
+ right: var(--overlay-padding, 64px);
266
195
  display: flex;
267
196
  flex-direction: column;
268
- justify-content: space-between;
269
197
  align-items: center;
270
- box-sizing: border-box;
271
- padding: 0;
272
- margin: 0;
273
- }.flexBox-module_columnEnd__lLJuc {
274
- display: flex;
275
- flex-direction: column;
276
- justify-content: flex-end;
277
- align-items: flex-end;
278
- box-sizing: border-box;
279
- padding: 0;
280
- margin: 0;
281
- }
282
-
283
- .AvatarGroup-module_wrapper__MtOyq {
284
- gap: var(--ag-gap);
285
- margin: var(--ag-margin);
198
+ justify-content: center;
199
+ gap: 16px;
200
+ z-index: var(--elevation-confirm);
201
+ pointer-events: all;
202
+ visibility: var(--video-visibility, hidden);
203
+ border-radius: var(--video-border-radius, 16px);
204
+ overflow: visible;
286
205
  }
287
206
 
288
- .AvatarGroup-module_avatar__5NVpW {
289
- display: inline-block;
290
- margin-left: var(--ag-overlap);
291
- border-radius: 100%;
292
- }
293
-
294
- .AvatarGroup-module_avatar__5NVpW:first-child {
295
- margin-left: 0;
296
- }
297
-
298
- .flexBox-module_row__z24tF {
299
- display: flex;
300
- justify-content: center;
301
- align-items: center;
302
- box-sizing: border-box;
303
- padding: 0;
304
- margin: 0;
305
- }.flexBox-module_rowBetween__5FEvi {
306
- display: flex;
307
- justify-content: space-between;
308
- align-items: center;
309
- box-sizing: border-box;
310
- padding: 0;
311
- margin: 0;
312
- }.flexBox-module_rowStart__4tcxS {
313
- display: flex;
314
- justify-content: flex-start;
315
- align-items: center;
316
- box-sizing: border-box;
317
- padding: 0;
318
- margin: 0;
319
- }.flexBox-module_rowEnd__rVdVm {
320
- display: flex;
321
- justify-content: flex-end;
322
- align-items: center;
323
- box-sizing: border-box;
324
- padding: 0;
325
- margin: 0;
326
- }.flexBox-module_column__ezvMq {
327
- display: flex;
328
- flex-direction: column;
329
- justify-content: center;
330
- align-items: center;
331
- box-sizing: border-box;
332
- padding: 0;
333
- margin: 0;
334
- }.flexBox-module_columnStart__C7P44 {
335
- display: flex;
336
- flex-direction: column;
337
- justify-content: flex-start;
338
- align-items: flex-start;
339
- box-sizing: border-box;
340
- padding: 0;
341
- margin: 0;
342
- }.flexBox-module_columnStartCenter__PKcrG {
343
- display: flex;
344
- flex-direction: column;
345
- justify-content: flex-start;
346
- align-items: center;
347
- box-sizing: border-box;
348
- padding: 0;
349
- margin: 0;
350
- }.flexBox-module_columnBetween__ERfp7 {
351
- display: flex;
352
- flex-direction: column;
353
- justify-content: space-between;
354
- align-items: center;
355
- box-sizing: border-box;
356
- padding: 0;
357
- margin: 0;
358
- }.flexBox-module_columnEnd__lLJuc {
359
- display: flex;
360
- flex-direction: column;
361
- justify-content: flex-end;
362
- align-items: flex-end;
363
- box-sizing: border-box;
364
- padding: 0;
365
- margin: 0;
366
- }
367
-
368
- .ModalController-module_container__3cSaO {
369
- position: fixed;
370
- inset: 0;
371
- overflow: hidden;
372
- z-index: var(--elevation-confirm);
373
- }
374
-
375
- .ModalController-module_box__cPzOz {
376
- position: relative;
377
- display: flex;
378
- justify-content: center;
379
- align-items: center;
380
- background: transparent;
381
- width: 100%;
382
- height: 100%;
383
- overflow: visible;
384
- z-index: var(--elevation-confirm);
385
- }
386
-
387
- .ModalController-module_wrapper__HkOoX {
388
- position: absolute;
389
- z-index: var(--elevation-confirm);
207
+ .VideoController-module_video__9bS2L {
208
+ overflow: visible;
209
+ box-shadow: var(--surface-shadow-soft);
210
+ border-radius: var(--video-border-radius, 16px);
390
211
  }
391
212
 
392
213
  .flexBox-module_row__z24tF {
@@ -598,267 +419,44 @@ line {
598
419
  font-size: var(--font-size-h6);
599
420
  line-height: var(--line-height-l);
600
421
  letter-spacing: var(--letter-spacing-m);
601
- }.Badge-module_badge__RsuMz {
602
- line-height: 1em;
603
- color: var(--badge-color);
604
- background: var(--badge-bg);
605
- padding: 2px 8px;
606
- min-width: 24px;
607
- width: min-content;
608
- border-radius: 8px;
609
- white-space: nowrap;
610
- }
611
-
612
- .flexBox-module_row__z24tF {
613
- display: flex;
614
- justify-content: center;
615
- align-items: center;
616
- box-sizing: border-box;
617
- padding: 0;
618
- margin: 0;
619
- }.flexBox-module_rowBetween__5FEvi {
620
- display: flex;
621
- justify-content: space-between;
622
- align-items: center;
623
- box-sizing: border-box;
624
- padding: 0;
625
- margin: 0;
626
- }.flexBox-module_rowStart__4tcxS {
627
- display: flex;
628
- justify-content: flex-start;
629
- align-items: center;
630
- box-sizing: border-box;
631
- padding: 0;
632
- margin: 0;
633
- }.flexBox-module_rowEnd__rVdVm {
634
- display: flex;
635
- justify-content: flex-end;
636
- align-items: center;
637
- box-sizing: border-box;
638
- padding: 0;
639
- margin: 0;
640
- }.flexBox-module_column__ezvMq {
641
- display: flex;
642
- flex-direction: column;
643
- justify-content: center;
644
- align-items: center;
645
- box-sizing: border-box;
646
- padding: 0;
647
- margin: 0;
648
- }.flexBox-module_columnStart__C7P44 {
649
- display: flex;
650
- flex-direction: column;
651
- justify-content: flex-start;
652
- align-items: flex-start;
653
- box-sizing: border-box;
654
- padding: 0;
655
- margin: 0;
656
- }.flexBox-module_columnStartCenter__PKcrG {
657
- display: flex;
658
- flex-direction: column;
659
- justify-content: flex-start;
660
- align-items: center;
661
- box-sizing: border-box;
662
- padding: 0;
663
- margin: 0;
664
- }.flexBox-module_columnBetween__ERfp7 {
665
- display: flex;
666
- flex-direction: column;
667
- justify-content: space-between;
668
- align-items: center;
669
- box-sizing: border-box;
670
- padding: 0;
671
- margin: 0;
672
- }.flexBox-module_columnEnd__lLJuc {
673
- display: flex;
674
- flex-direction: column;
675
- justify-content: flex-end;
676
- align-items: flex-end;
677
- box-sizing: border-box;
678
- padding: 0;
679
- margin: 0;
680
- }.Dot-module_dot__RNz87 {
681
- display: var(--dot-display);
682
- box-sizing: content-box;
683
- position: var(--dot-position);
684
- top: var(--dot-top);
685
- right: var(--dot-right);
686
- vertical-align: var(--dot-vertical-align);
687
- min-height: var(--dot-size);
688
- min-width: var(--dot-size);
689
- height: var(--dot-size);
690
- width: var(--dot-size);
691
- border: var(--dot-border) solid var(--core-surface-primary);
692
- background: var(--dot-bg);
693
- border-radius: 100%;
694
- z-index: var(--elevation-status);
695
- }
696
-
697
- .flexBox-module_row__z24tF {
698
- display: flex;
699
- justify-content: center;
700
- align-items: center;
701
- box-sizing: border-box;
702
- padding: 0;
703
- margin: 0;
704
- }.flexBox-module_rowBetween__5FEvi {
705
- display: flex;
706
- justify-content: space-between;
707
- align-items: center;
708
- box-sizing: border-box;
709
- padding: 0;
710
- margin: 0;
711
- }.flexBox-module_rowStart__4tcxS {
712
- display: flex;
713
- justify-content: flex-start;
714
- align-items: center;
715
- box-sizing: border-box;
716
- padding: 0;
717
- margin: 0;
718
- }.flexBox-module_rowEnd__rVdVm {
719
- display: flex;
720
- justify-content: flex-end;
721
- align-items: center;
722
- box-sizing: border-box;
723
- padding: 0;
724
- margin: 0;
725
- }.flexBox-module_column__ezvMq {
726
- display: flex;
727
- flex-direction: column;
728
- justify-content: center;
729
- align-items: center;
730
- box-sizing: border-box;
731
- padding: 0;
732
- margin: 0;
733
- }.flexBox-module_columnStart__C7P44 {
734
- display: flex;
735
- flex-direction: column;
736
- justify-content: flex-start;
737
- align-items: flex-start;
738
- box-sizing: border-box;
739
- padding: 0;
740
- margin: 0;
741
- }.flexBox-module_columnStartCenter__PKcrG {
742
- display: flex;
743
- flex-direction: column;
744
- justify-content: flex-start;
745
- align-items: center;
746
- box-sizing: border-box;
747
- padding: 0;
748
- margin: 0;
749
- }.flexBox-module_columnBetween__ERfp7 {
750
- display: flex;
751
- flex-direction: column;
752
- justify-content: space-between;
753
- align-items: center;
754
- box-sizing: border-box;
755
- padding: 0;
756
- margin: 0;
757
- }.flexBox-module_columnEnd__lLJuc {
758
- display: flex;
759
- flex-direction: column;
760
- justify-content: flex-end;
761
- align-items: flex-end;
762
- box-sizing: border-box;
763
- padding: 0;
764
- margin: 0;
765
422
  }
766
423
 
767
- .DraggablePanel-module_panel__vuq2R {
424
+ .Avatar-module_wrapper__ab1D7 {
768
425
  position: relative;
769
- background-color: var(--panel-bg);
426
+ min-height: var(--avatar-size);
427
+ min-width: var(--avatar-size);
428
+ max-height: var(--avatar-size);
429
+ max-width: var(--avatar-size);
430
+ height: var(--avatar-size);
431
+ width: var(--avatar-size);
432
+ border: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);
433
+ border-radius: 100%;
434
+ outline: 0;
770
435
  }
771
436
 
772
- .DraggablePanel-module_content__SBL0T {
773
- width: 100%;
437
+ .Avatar-module_user__ZQv0Q {
438
+ font-size: var(--avatar-font-size) !important;
774
439
  height: 100%;
775
- overflow: hidden;
440
+ width: 100%;
441
+ line-height: 1em;
442
+ text-transform: uppercase;
443
+ border-radius: 100%;
444
+ border: var(--avatar-border) solid var(--avatar-border-color);
445
+ background-color: var(--avatar-bg-color);
446
+ color: var(--avatar-color);
447
+ background-image: var(--avatar-bg-image);
448
+ background-size: cover;
449
+ cursor: pointer;
450
+ user-select: none;
451
+ -webkit-user-select: none;
452
+ transition: border-color var(--motion-water-duration) var(--motion-water) 0s;
776
453
  }
777
454
 
778
- .DraggablePanel-module_handle__LPZw8 {
779
- width: var(--drag-handle-width);
780
- height: var(--drag-handle-height);
781
- min-width: var(--drag-handle-width);
782
- min-height: var(--drag-handle-height);
783
- border-radius: var(--drag-handle-radius);
784
- border: var(--drag-handle-border) solid var(--drag-handle-border-color);
785
- background: var(--drag-handle-bg);
786
- position: absolute;
787
- top: 50%;
788
- left: 50%;
789
- transform: translateX(-50%) translateY(-50%);
790
- z-index: var(--elevation-overlay);
791
- }
455
+ .Avatar-module_user__ZQv0Q:hover {
456
+ border-color: var(--avatar-border-color-hover);
457
+ }
792
458
 
793
- .flexBox-module_row__z24tF {
794
- display: flex;
795
- justify-content: center;
796
- align-items: center;
797
- box-sizing: border-box;
798
- padding: 0;
799
- margin: 0;
800
- }.flexBox-module_rowBetween__5FEvi {
801
- display: flex;
802
- justify-content: space-between;
803
- align-items: center;
804
- box-sizing: border-box;
805
- padding: 0;
806
- margin: 0;
807
- }.flexBox-module_rowStart__4tcxS {
808
- display: flex;
809
- justify-content: flex-start;
810
- align-items: center;
811
- box-sizing: border-box;
812
- padding: 0;
813
- margin: 0;
814
- }.flexBox-module_rowEnd__rVdVm {
815
- display: flex;
816
- justify-content: flex-end;
817
- align-items: center;
818
- box-sizing: border-box;
819
- padding: 0;
820
- margin: 0;
821
- }.flexBox-module_column__ezvMq {
822
- display: flex;
823
- flex-direction: column;
824
- justify-content: center;
825
- align-items: center;
826
- box-sizing: border-box;
827
- padding: 0;
828
- margin: 0;
829
- }.flexBox-module_columnStart__C7P44 {
830
- display: flex;
831
- flex-direction: column;
832
- justify-content: flex-start;
833
- align-items: flex-start;
834
- box-sizing: border-box;
835
- padding: 0;
836
- margin: 0;
837
- }.flexBox-module_columnStartCenter__PKcrG {
838
- display: flex;
839
- flex-direction: column;
840
- justify-content: flex-start;
841
- align-items: center;
842
- box-sizing: border-box;
843
- padding: 0;
844
- margin: 0;
845
- }.flexBox-module_columnBetween__ERfp7 {
846
- display: flex;
847
- flex-direction: column;
848
- justify-content: space-between;
849
- align-items: center;
850
- box-sizing: border-box;
851
- padding: 0;
852
- margin: 0;
853
- }.flexBox-module_columnEnd__lLJuc {
854
- display: flex;
855
- flex-direction: column;
856
- justify-content: flex-end;
857
- align-items: flex-end;
858
- box-sizing: border-box;
859
- padding: 0;
860
- margin: 0;
861
- }.type-module_body-xs-regular__ZAFft {
459
+ .type-module_body-xs-regular__ZAFft {
862
460
  font-family: var(--font-family), sans-serif;
863
461
  font-weight: var(--font-weight-regular);
864
462
  font-size: var(--font-size-xs);
@@ -1000,30 +598,34 @@ line {
1000
598
  line-height: var(--line-height-l);
1001
599
  letter-spacing: var(--letter-spacing-m);
1002
600
  }
1003
-
1004
- .CheckBox-module_wrapper__uRsjI {
1005
- min-height: var(--cb-size);
1006
- height: var(--cb-size);
1007
- width: auto;
1008
- gap: 6px;
1009
- cursor: pointer;
1010
- overflow: hidden;
1011
- user-select: none;
1012
- -webkit-user-select: none;
1013
- outline: none;
1014
- border: 0;
1015
- }
1016
-
1017
- .CheckBox-module_icon__FoDJN {
1018
- min-width: var(--cb-size);
1019
- max-width: var(--cb-size);
1020
- min-height: var(--cb-size);
1021
- max-height: var(--cb-size);
601
+ .DivInput-module_wrapper__ZQxY- {
602
+ padding: var(--div-input-padding);
603
+ width: var(--div-input-width);
604
+ border-radius: var(--div-input-border-radius);
605
+ background: var(--div-input-wrapper-bg);
1022
606
  }
607
+ .DivInput-module_wrapper__ZQxY-:hover {
608
+ background: var(--div-input-bg);
609
+ }
1023
610
 
1024
- .CheckBox-module_label__0AiBp {
1025
- color: var(--cb-label-color);
1026
- transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
611
+ .DivInput-module_input__J34-l {
612
+ color: var(--div-input-color);
613
+ user-select: var(--div-input-user-select);
614
+ -webkit-user-select: var(--div-input-user-select);
615
+ text-align: var(--div-input-text-align);
616
+ pointer-events: all;
617
+ background: transparent;
618
+ border-radius: 4px;
619
+ border: 0;
620
+ outline: none;
621
+ text-overflow: ellipsis;
622
+ display: -webkit-box;
623
+ overflow: hidden;
624
+ white-space: var(--div-input-white-space);
625
+ -webkit-line-clamp: var(--div-input-line-clamp);
626
+ -webkit-box-orient: vertical;
627
+ cursor: var(--div-input-cursor);
628
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
1027
629
  }
1028
630
 
1029
631
  .flexBox-module_row__z24tF {
@@ -1237,58 +839,29 @@ line {
1237
839
  letter-spacing: var(--letter-spacing-m);
1238
840
  }
1239
841
 
1240
- .ErrorSummary-module_errorBox__hjY50 {
1241
- width: 100%;
1242
- background: var(--error-bg-color);
1243
- border: 1px solid var(--error-text-color);
1244
- border-radius: 4px;
1245
- padding: 16px !important;
842
+ .CheckBox-module_wrapper__uRsjI {
843
+ min-height: var(--cb-size);
844
+ height: var(--cb-size);
845
+ width: auto;
846
+ gap: 6px;
847
+ cursor: pointer;
1246
848
  overflow: hidden;
1247
- gap: 0;
1248
- }
1249
-
1250
- .ErrorSummary-module_error__QX1mr {
1251
- width: 100%;
1252
- margin: 0 !important;
1253
- padding: 0 !important;
1254
- margin-bottom: 4px !important;
1255
- }
1256
-
1257
- .ErrorSummary-module_error__QX1mr:last-child {
1258
- margin-bottom: 0 !important;
1259
- }
1260
-
1261
- .ErrorSummary-module_p__N-2Po {
1262
- margin: 0 !important;
1263
- padding: 0 !important;
1264
- color: var(--error-text-color) !important;
1265
- }
1266
-
1267
- .ErrorSummary-module_ul__Xv0K7 {
1268
- padding: 0 !important;
1269
- margin: 0 !important;
1270
- }
1271
-
1272
- .ErrorSummary-module_li__0ciEx {
1273
- color: var(--error-text-color) !important;
1274
- line-height: 1.5em !important;
1275
- padding: 0;
1276
- }
1277
-
1278
- .ErrorSummary-module_xs__pTqMn {
1279
- font-size: var(--font-size-xs) !important;
1280
- }
1281
-
1282
- .ErrorSummary-module_s__u2sIP {
1283
- font-size: var(--font-size-s) !important;
849
+ user-select: none;
850
+ -webkit-user-select: none;
851
+ outline: none;
852
+ border: 0;
1284
853
  }
1285
854
 
1286
- .ErrorSummary-module_m__-QyP- {
1287
- font-size: var(--font-size-m) !important;
855
+ .CheckBox-module_icon__FoDJN {
856
+ min-width: var(--cb-size);
857
+ max-width: var(--cb-size);
858
+ min-height: var(--cb-size);
859
+ max-height: var(--cb-size);
1288
860
  }
1289
861
 
1290
- .ErrorSummary-module_l__bb1xZ {
1291
- font-size: var(--font-size-l) !important;
862
+ .CheckBox-module_label__0AiBp {
863
+ color: var(--cb-label-color);
864
+ transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
1292
865
  }
1293
866
 
1294
867
  .flexBox-module_row__z24tF {
@@ -1359,79 +932,175 @@ line {
1359
932
  box-sizing: border-box;
1360
933
  padding: 0;
1361
934
  margin: 0;
1362
- }.type-module_body-xs-regular__ZAFft {
1363
- font-family: var(--font-family), sans-serif;
1364
- font-weight: var(--font-weight-regular);
1365
- font-size: var(--font-size-xs);
1366
- line-height: var(--line-height-m);
1367
- text-decoration: none;
1368
- letter-spacing: var(--letter-spacing-m);
1369
- }.type-module_body-xs-medium__s3KvF {
1370
- font-family: var(--font-family), sans-serif;
1371
- font-weight: var(--font-weight-medium);
1372
- font-size: var(--font-size-xs);
1373
- line-height: var(--line-height-m);
1374
- text-decoration: none;
1375
- letter-spacing: var(--letter-spacing-m);
1376
- }.type-module_body-xs-bold__Lhqqq {
1377
- font-family: var(--font-family), sans-serif;
1378
- font-weight: var(--font-weight-bold);
1379
- font-size: var(--font-size-xs);
1380
- line-height: var(--line-height-m);
1381
- text-decoration: none;
1382
- letter-spacing: var(--letter-spacing-l);
1383
- }.type-module_body-s-regular__vRHSP {
1384
- font-family: var(--font-family), sans-serif;
1385
- font-weight: var(--font-weight-regular);
1386
- font-size: var(--font-size-s);
1387
- line-height: var(--line-height-xl);
1388
- text-decoration: none;
1389
- letter-spacing: var(--letter-spacing-s);
1390
- }.type-module_body-s-medium__tjdFc {
1391
- font-family: var(--font-family), sans-serif;
1392
- font-weight: var(--font-weight-medium);
1393
- font-size: var(--font-size-s);
1394
- line-height: var(--line-height-xl);
1395
- text-decoration: none;
1396
- letter-spacing: var(--letter-spacing-s);
1397
- }.type-module_body-s-bold__Iy-VX {
1398
- font-family: var(--font-family), sans-serif;
1399
- font-weight: var(--font-weight-bold);
1400
- font-size: var(--font-size-s);
1401
- line-height: var(--line-height-xl);
1402
- text-decoration: none;
1403
- letter-spacing: var(--letter-spacing-m);
1404
- }.type-module_body-m-regular__LuQBA {
1405
- font-family: var(--font-family), sans-serif;
1406
- font-weight: var(--font-weight-regular);
1407
- font-size: var(--font-size-m);
1408
- line-height: var(--line-height-l);
1409
- text-decoration: none;
1410
- letter-spacing: var(--letter-spacing-s);
1411
- }.type-module_body-m-medium__uW1on {
1412
- font-family: var(--font-family), sans-serif;
1413
- font-weight: var(--font-weight-medium);
1414
- font-size: var(--font-size-m);
1415
- line-height: var(--line-height-l);
1416
- text-decoration: none;
1417
- letter-spacing: var(--letter-spacing-s);
1418
- }.type-module_body-m-bold__UBcvQ {
1419
- font-family: var(--font-family), sans-serif;
1420
- font-weight: var(--font-weight-bold);
1421
- font-size: var(--font-size-m);
1422
- line-height: var(--line-height-l);
1423
- text-decoration: none;
1424
- letter-spacing: var(--letter-spacing-m);
1425
- }.type-module_body-l-regular__lOYbg {
1426
- font-family: var(--font-family), sans-serif;
1427
- font-weight: var(--font-weight-regular);
1428
- font-size: var(--font-size-l);
1429
- line-height: var(--line-height-xxl);
1430
- text-decoration: none;
1431
- letter-spacing: var(--letter-spacing-xs);
1432
- }.type-module_body-l-medium__BqRC7 {
1433
- font-family: var(--font-family), sans-serif;
1434
- font-weight: var(--font-weight-medium);
935
+ }
936
+
937
+ .DraggablePanel-module_panel__vuq2R {
938
+ position: relative;
939
+ background-color: var(--panel-bg);
940
+ }
941
+
942
+ .DraggablePanel-module_content__SBL0T {
943
+ width: 100%;
944
+ height: 100%;
945
+ overflow: hidden;
946
+ }
947
+
948
+ .DraggablePanel-module_handle__LPZw8 {
949
+ width: var(--drag-handle-width);
950
+ height: var(--drag-handle-height);
951
+ min-width: var(--drag-handle-width);
952
+ min-height: var(--drag-handle-height);
953
+ border-radius: var(--drag-handle-radius);
954
+ border: var(--drag-handle-border) solid var(--drag-handle-border-color);
955
+ background: var(--drag-handle-bg);
956
+ position: absolute;
957
+ top: 50%;
958
+ left: 50%;
959
+ transform: translateX(-50%) translateY(-50%);
960
+ z-index: var(--elevation-overlay);
961
+ }
962
+
963
+ .flexBox-module_row__z24tF {
964
+ display: flex;
965
+ justify-content: center;
966
+ align-items: center;
967
+ box-sizing: border-box;
968
+ padding: 0;
969
+ margin: 0;
970
+ }.flexBox-module_rowBetween__5FEvi {
971
+ display: flex;
972
+ justify-content: space-between;
973
+ align-items: center;
974
+ box-sizing: border-box;
975
+ padding: 0;
976
+ margin: 0;
977
+ }.flexBox-module_rowStart__4tcxS {
978
+ display: flex;
979
+ justify-content: flex-start;
980
+ align-items: center;
981
+ box-sizing: border-box;
982
+ padding: 0;
983
+ margin: 0;
984
+ }.flexBox-module_rowEnd__rVdVm {
985
+ display: flex;
986
+ justify-content: flex-end;
987
+ align-items: center;
988
+ box-sizing: border-box;
989
+ padding: 0;
990
+ margin: 0;
991
+ }.flexBox-module_column__ezvMq {
992
+ display: flex;
993
+ flex-direction: column;
994
+ justify-content: center;
995
+ align-items: center;
996
+ box-sizing: border-box;
997
+ padding: 0;
998
+ margin: 0;
999
+ }.flexBox-module_columnStart__C7P44 {
1000
+ display: flex;
1001
+ flex-direction: column;
1002
+ justify-content: flex-start;
1003
+ align-items: flex-start;
1004
+ box-sizing: border-box;
1005
+ padding: 0;
1006
+ margin: 0;
1007
+ }.flexBox-module_columnStartCenter__PKcrG {
1008
+ display: flex;
1009
+ flex-direction: column;
1010
+ justify-content: flex-start;
1011
+ align-items: center;
1012
+ box-sizing: border-box;
1013
+ padding: 0;
1014
+ margin: 0;
1015
+ }.flexBox-module_columnBetween__ERfp7 {
1016
+ display: flex;
1017
+ flex-direction: column;
1018
+ justify-content: space-between;
1019
+ align-items: center;
1020
+ box-sizing: border-box;
1021
+ padding: 0;
1022
+ margin: 0;
1023
+ }.flexBox-module_columnEnd__lLJuc {
1024
+ display: flex;
1025
+ flex-direction: column;
1026
+ justify-content: flex-end;
1027
+ align-items: flex-end;
1028
+ box-sizing: border-box;
1029
+ padding: 0;
1030
+ margin: 0;
1031
+ }.type-module_body-xs-regular__ZAFft {
1032
+ font-family: var(--font-family), sans-serif;
1033
+ font-weight: var(--font-weight-regular);
1034
+ font-size: var(--font-size-xs);
1035
+ line-height: var(--line-height-m);
1036
+ text-decoration: none;
1037
+ letter-spacing: var(--letter-spacing-m);
1038
+ }.type-module_body-xs-medium__s3KvF {
1039
+ font-family: var(--font-family), sans-serif;
1040
+ font-weight: var(--font-weight-medium);
1041
+ font-size: var(--font-size-xs);
1042
+ line-height: var(--line-height-m);
1043
+ text-decoration: none;
1044
+ letter-spacing: var(--letter-spacing-m);
1045
+ }.type-module_body-xs-bold__Lhqqq {
1046
+ font-family: var(--font-family), sans-serif;
1047
+ font-weight: var(--font-weight-bold);
1048
+ font-size: var(--font-size-xs);
1049
+ line-height: var(--line-height-m);
1050
+ text-decoration: none;
1051
+ letter-spacing: var(--letter-spacing-l);
1052
+ }.type-module_body-s-regular__vRHSP {
1053
+ font-family: var(--font-family), sans-serif;
1054
+ font-weight: var(--font-weight-regular);
1055
+ font-size: var(--font-size-s);
1056
+ line-height: var(--line-height-xl);
1057
+ text-decoration: none;
1058
+ letter-spacing: var(--letter-spacing-s);
1059
+ }.type-module_body-s-medium__tjdFc {
1060
+ font-family: var(--font-family), sans-serif;
1061
+ font-weight: var(--font-weight-medium);
1062
+ font-size: var(--font-size-s);
1063
+ line-height: var(--line-height-xl);
1064
+ text-decoration: none;
1065
+ letter-spacing: var(--letter-spacing-s);
1066
+ }.type-module_body-s-bold__Iy-VX {
1067
+ font-family: var(--font-family), sans-serif;
1068
+ font-weight: var(--font-weight-bold);
1069
+ font-size: var(--font-size-s);
1070
+ line-height: var(--line-height-xl);
1071
+ text-decoration: none;
1072
+ letter-spacing: var(--letter-spacing-m);
1073
+ }.type-module_body-m-regular__LuQBA {
1074
+ font-family: var(--font-family), sans-serif;
1075
+ font-weight: var(--font-weight-regular);
1076
+ font-size: var(--font-size-m);
1077
+ line-height: var(--line-height-l);
1078
+ text-decoration: none;
1079
+ letter-spacing: var(--letter-spacing-s);
1080
+ }.type-module_body-m-medium__uW1on {
1081
+ font-family: var(--font-family), sans-serif;
1082
+ font-weight: var(--font-weight-medium);
1083
+ font-size: var(--font-size-m);
1084
+ line-height: var(--line-height-l);
1085
+ text-decoration: none;
1086
+ letter-spacing: var(--letter-spacing-s);
1087
+ }.type-module_body-m-bold__UBcvQ {
1088
+ font-family: var(--font-family), sans-serif;
1089
+ font-weight: var(--font-weight-bold);
1090
+ font-size: var(--font-size-m);
1091
+ line-height: var(--line-height-l);
1092
+ text-decoration: none;
1093
+ letter-spacing: var(--letter-spacing-m);
1094
+ }.type-module_body-l-regular__lOYbg {
1095
+ font-family: var(--font-family), sans-serif;
1096
+ font-weight: var(--font-weight-regular);
1097
+ font-size: var(--font-size-l);
1098
+ line-height: var(--line-height-xxl);
1099
+ text-decoration: none;
1100
+ letter-spacing: var(--letter-spacing-xs);
1101
+ }.type-module_body-l-medium__BqRC7 {
1102
+ font-family: var(--font-family), sans-serif;
1103
+ font-weight: var(--font-weight-medium);
1435
1104
  font-size: var(--font-size-l);
1436
1105
  line-height: var(--line-height-xxl);
1437
1106
  text-decoration: none;
@@ -1501,42 +1170,52 @@ line {
1501
1170
  line-height: var(--line-height-l);
1502
1171
  letter-spacing: var(--letter-spacing-m);
1503
1172
  }
1504
-
1505
- .Avatar-module_wrapper__ab1D7 {
1173
+ .IconButton-module_button__rziqa {
1506
1174
  position: relative;
1507
- min-height: var(--avatar-size);
1508
- min-width: var(--avatar-size);
1509
- max-height: var(--avatar-size);
1510
- max-width: var(--avatar-size);
1511
- height: var(--avatar-size);
1512
- width: var(--avatar-size);
1513
- border: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);
1514
- border-radius: 100%;
1515
- outline: 0;
1516
- }
1517
-
1518
- .Avatar-module_user__ZQv0Q {
1519
- font-size: var(--avatar-font-size) !important;
1520
- height: 100%;
1521
- width: 100%;
1522
- line-height: 1em;
1523
- text-transform: uppercase;
1524
- border-radius: 100%;
1525
- border: var(--avatar-border) solid var(--avatar-border-color);
1526
- background-color: var(--avatar-bg-color);
1527
- color: var(--avatar-color);
1528
- background-image: var(--avatar-bg-image);
1529
- background-size: cover;
1530
- cursor: pointer;
1175
+ background: var(--ib-bg-color);
1176
+ border-radius: var(--ib-border-radius);
1177
+ border: var(--ib-border) solid var(--core-outline-primary);
1178
+ gap: 6px;
1179
+ cursor: var(--ib-cursor);
1180
+ appearance: none;
1181
+ -webkit-appearance: none;
1182
+ background-image: none;
1183
+ outline: none;
1184
+ min-height: var(--ib-button-size);
1185
+ height: var(--ib-button-size);
1186
+ min-width: var(--ib-button-size);
1187
+ width: var(--ib-button-size);
1531
1188
  user-select: none;
1532
1189
  -webkit-user-select: none;
1533
- transition: border-color var(--motion-water-duration) var(--motion-water) 0s;
1534
1190
  }
1535
-
1536
- .Avatar-module_user__ZQv0Q:hover {
1537
- border-color: var(--avatar-border-color-hover);
1191
+ .IconButton-module_button__rziqa:hover {
1192
+ background: var(--ib-bg-color-hover);
1538
1193
  }
1539
1194
 
1195
+ .IconButton-module_label__qWGFD {
1196
+ color: var(--ib-color);
1197
+ text-overflow: ellipsis;
1198
+ overflow: hidden;
1199
+ word-break: break-all;
1200
+ display: -webkit-box;
1201
+ -webkit-line-clamp: 1;
1202
+ -webkit-box-orient: vertical;
1203
+ }
1204
+
1205
+ .IconButton-module_icon__2DDWy {
1206
+ min-height: var(--ib-icon-size);
1207
+ height: var(--ib-icon-size);
1208
+ min-width: var(--ib-icon-size);
1209
+ width: var(--ib-icon-size);
1210
+ }
1211
+
1212
+ .IconButton-module_count__6r373 {
1213
+ position: absolute;
1214
+ top: 0;
1215
+ right: 0;
1216
+ transform: translateX(5px) translateY(-2px);
1217
+ }
1218
+
1540
1219
  .flexBox-module_row__z24tF {
1541
1220
  display: flex;
1542
1221
  justify-content: center;
@@ -2068,87 +1747,59 @@ line {
2068
1747
  letter-spacing: var(--letter-spacing-m);
2069
1748
  }
2070
1749
 
2071
- .DropDown-module_wrapper__CyX0u {
2072
- display: var(--dd-display) !important;
2073
- padding: var(--dd-padding) !important;
2074
- margin: var(--dd-margin) !important;
2075
- position: relative;
2076
- gap: var(--dd-gap);
2077
- width: var(--dd-width);
2078
- border-radius: var(--dd-border-radius);
2079
- background-color: var(--dd-bg-color);
2080
- border: var(--dd-border);
2081
- border-bottom: var(--dd-border-bottom);
2082
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
2083
- user-select: none;
2084
- -webkit-user-select: none;
2085
- }
2086
-
2087
- .DropDown-module_face__6gyF3 {
1750
+ .ErrorSummary-module_errorBox__hjY50 {
1751
+ width: 100%;
1752
+ background: var(--error-bg-color);
1753
+ border: 1px solid var(--error-text-color);
1754
+ border-radius: 4px;
1755
+ padding: 16px !important;
2088
1756
  overflow: hidden;
2089
- min-width: 0;
2090
- flex: 1;
1757
+ gap: 0;
2091
1758
  }
2092
1759
 
2093
- .DropDown-module_faceText__glhB3 {
2094
- display: -webkit-box;
2095
- -webkit-line-clamp: 1;
2096
- -webkit-box-orient: vertical;
2097
- box-sizing: border-box;
2098
- overflow: hidden;
2099
- text-overflow: ellipsis;
2100
- word-break: break-all;
2101
- color: var(--dd-color);
2102
- min-width: 0;
1760
+ .ErrorSummary-module_error__QX1mr {
1761
+ width: 100%;
1762
+ margin: 0 !important;
1763
+ padding: 0 !important;
1764
+ margin-bottom: 4px !important;
2103
1765
  }
2104
1766
 
2105
- .DropDown-module_label__Mrwbp {
2106
- width: min-content;
2107
- overflow: hidden;
2108
- white-space: nowrap;
2109
- text-overflow: ellipsis;
2110
- color: var(--dd-label-color);
2111
- }
1767
+ .ErrorSummary-module_error__QX1mr:last-child {
1768
+ margin-bottom: 0 !important;
1769
+ }
2112
1770
 
2113
- .DropDown-module_xs__7L71q {
1771
+ .ErrorSummary-module_p__N-2Po {
1772
+ margin: 0 !important;
1773
+ padding: 0 !important;
1774
+ color: var(--error-text-color) !important;
2114
1775
  }
2115
1776
 
2116
- .DropDown-module_s__vAxXD {
1777
+ .ErrorSummary-module_ul__Xv0K7 {
1778
+ padding: 0 !important;
1779
+ margin: 0 !important;
2117
1780
  }
2118
1781
 
2119
- .DropDown-module_m__K6JPk {
1782
+ .ErrorSummary-module_li__0ciEx {
1783
+ color: var(--error-text-color) !important;
1784
+ line-height: 1.5em !important;
1785
+ padding: 0;
2120
1786
  }
2121
1787
 
2122
- .DropDown-module_l__Kib48 {
1788
+ .ErrorSummary-module_xs__pTqMn {
1789
+ font-size: var(--font-size-xs) !important;
2123
1790
  }
2124
1791
 
2125
- .DropDown-module_chevron__LkYsE {
2126
- min-height: var(--dd-icon-size);
2127
- max-height: var(--dd-icon-size);
2128
- min-width: var(--dd-icon-size);
2129
- max-width: var(--dd-icon-size);
1792
+ .ErrorSummary-module_s__u2sIP {
1793
+ font-size: var(--font-size-s) !important;
2130
1794
  }
2131
1795
 
2132
- .DropDown-module_select__mzNnv {
2133
- position: absolute;
2134
- opacity: 0;
2135
- width: 100%;
2136
- height: 100%;
2137
- font-size: 14px;
2138
- background-color: #1f99cd;
2139
- background-position: right 10px center;
2140
- background-repeat: no-repeat;
2141
- background-size: auto 50%;
2142
- border: none;
2143
- outline: none;
2144
- -moz-appearance: none;
2145
- -webkit-appearance: none;
2146
- appearance: none;
1796
+ .ErrorSummary-module_m__-QyP- {
1797
+ font-size: var(--font-size-m) !important;
2147
1798
  }
2148
1799
 
2149
- .DropDown-module_select__mzNnv::-ms-expand {
2150
- display: none;
2151
- }
1800
+ .ErrorSummary-module_l__bb1xZ {
1801
+ font-size: var(--font-size-l) !important;
1802
+ }
2152
1803
 
2153
1804
  .flexBox-module_row__z24tF {
2154
1805
  display: flex;
@@ -2360,244 +2011,337 @@ line {
2360
2011
  line-height: var(--line-height-l);
2361
2012
  letter-spacing: var(--letter-spacing-m);
2362
2013
  }
2363
- .IconButton-module_button__rziqa {
2014
+
2015
+ .DropDown-module_wrapper__CyX0u {
2016
+ display: var(--dd-display) !important;
2017
+ padding: var(--dd-padding) !important;
2018
+ margin: var(--dd-margin) !important;
2364
2019
  position: relative;
2365
- background: var(--ib-bg-color);
2366
- border-radius: var(--ib-border-radius);
2367
- border: var(--ib-border) solid var(--core-outline-primary);
2368
- gap: 6px;
2369
- cursor: var(--ib-cursor);
2370
- appearance: none;
2371
- -webkit-appearance: none;
2372
- background-image: none;
2373
- outline: none;
2374
- min-height: var(--ib-button-size);
2375
- height: var(--ib-button-size);
2376
- min-width: var(--ib-button-size);
2377
- width: var(--ib-button-size);
2020
+ gap: var(--dd-gap);
2021
+ width: var(--dd-width);
2022
+ border-radius: var(--dd-border-radius);
2023
+ background-color: var(--dd-bg-color);
2024
+ border: var(--dd-border);
2025
+ border-bottom: var(--dd-border-bottom);
2026
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
2378
2027
  user-select: none;
2379
2028
  -webkit-user-select: none;
2380
2029
  }
2381
- .IconButton-module_button__rziqa:hover {
2382
- background: var(--ib-bg-color-hover);
2383
- }
2384
2030
 
2385
- .IconButton-module_label__qWGFD {
2386
- color: var(--ib-color);
2387
- text-overflow: ellipsis;
2031
+ .DropDown-module_face__6gyF3 {
2388
2032
  overflow: hidden;
2389
- word-break: break-all;
2033
+ min-width: 0;
2034
+ flex: 1;
2035
+ }
2036
+
2037
+ .DropDown-module_faceText__glhB3 {
2390
2038
  display: -webkit-box;
2391
2039
  -webkit-line-clamp: 1;
2392
2040
  -webkit-box-orient: vertical;
2041
+ box-sizing: border-box;
2042
+ overflow: hidden;
2043
+ text-overflow: ellipsis;
2044
+ word-break: break-all;
2045
+ color: var(--dd-color);
2046
+ min-width: 0;
2393
2047
  }
2394
2048
 
2395
- .IconButton-module_icon__2DDWy {
2396
- min-height: var(--ib-icon-size);
2397
- height: var(--ib-icon-size);
2398
- min-width: var(--ib-icon-size);
2399
- width: var(--ib-icon-size);
2049
+ .DropDown-module_label__Mrwbp {
2050
+ width: min-content;
2051
+ overflow: hidden;
2052
+ white-space: nowrap;
2053
+ text-overflow: ellipsis;
2054
+ color: var(--dd-label-color);
2400
2055
  }
2401
2056
 
2402
- .IconButton-module_count__6r373 {
2057
+ .DropDown-module_xs__7L71q {
2058
+ }
2059
+
2060
+ .DropDown-module_s__vAxXD {
2061
+ }
2062
+
2063
+ .DropDown-module_m__K6JPk {
2064
+ }
2065
+
2066
+ .DropDown-module_l__Kib48 {
2067
+ }
2068
+
2069
+ .DropDown-module_chevron__LkYsE {
2070
+ min-height: var(--dd-icon-size);
2071
+ max-height: var(--dd-icon-size);
2072
+ min-width: var(--dd-icon-size);
2073
+ max-width: var(--dd-icon-size);
2074
+ }
2075
+
2076
+ .DropDown-module_select__mzNnv {
2403
2077
  position: absolute;
2404
- top: 0;
2405
- right: 0;
2406
- transform: translateX(5px) translateY(-2px);
2078
+ opacity: 0;
2079
+ width: 100%;
2080
+ height: 100%;
2081
+ font-size: 14px;
2082
+ background-color: #1f99cd;
2083
+ background-position: right 10px center;
2084
+ background-repeat: no-repeat;
2085
+ background-size: auto 50%;
2086
+ border: none;
2087
+ outline: none;
2088
+ -moz-appearance: none;
2089
+ -webkit-appearance: none;
2090
+ appearance: none;
2407
2091
  }
2408
2092
 
2409
- .type-module_body-xs-regular__ZAFft {
2410
- font-family: var(--font-family), sans-serif;
2411
- font-weight: var(--font-weight-regular);
2412
- font-size: var(--font-size-xs);
2413
- line-height: var(--line-height-m);
2414
- text-decoration: none;
2415
- letter-spacing: var(--letter-spacing-m);
2416
- }.type-module_body-xs-medium__s3KvF {
2417
- font-family: var(--font-family), sans-serif;
2418
- font-weight: var(--font-weight-medium);
2419
- font-size: var(--font-size-xs);
2420
- line-height: var(--line-height-m);
2421
- text-decoration: none;
2422
- letter-spacing: var(--letter-spacing-m);
2423
- }.type-module_body-xs-bold__Lhqqq {
2424
- font-family: var(--font-family), sans-serif;
2425
- font-weight: var(--font-weight-bold);
2426
- font-size: var(--font-size-xs);
2427
- line-height: var(--line-height-m);
2428
- text-decoration: none;
2429
- letter-spacing: var(--letter-spacing-l);
2430
- }.type-module_body-s-regular__vRHSP {
2431
- font-family: var(--font-family), sans-serif;
2432
- font-weight: var(--font-weight-regular);
2433
- font-size: var(--font-size-s);
2434
- line-height: var(--line-height-xl);
2435
- text-decoration: none;
2436
- letter-spacing: var(--letter-spacing-s);
2437
- }.type-module_body-s-medium__tjdFc {
2438
- font-family: var(--font-family), sans-serif;
2439
- font-weight: var(--font-weight-medium);
2440
- font-size: var(--font-size-s);
2441
- line-height: var(--line-height-xl);
2442
- text-decoration: none;
2443
- letter-spacing: var(--letter-spacing-s);
2444
- }.type-module_body-s-bold__Iy-VX {
2445
- font-family: var(--font-family), sans-serif;
2446
- font-weight: var(--font-weight-bold);
2447
- font-size: var(--font-size-s);
2448
- line-height: var(--line-height-xl);
2449
- text-decoration: none;
2450
- letter-spacing: var(--letter-spacing-m);
2451
- }.type-module_body-m-regular__LuQBA {
2452
- font-family: var(--font-family), sans-serif;
2453
- font-weight: var(--font-weight-regular);
2454
- font-size: var(--font-size-m);
2455
- line-height: var(--line-height-l);
2456
- text-decoration: none;
2457
- letter-spacing: var(--letter-spacing-s);
2458
- }.type-module_body-m-medium__uW1on {
2459
- font-family: var(--font-family), sans-serif;
2460
- font-weight: var(--font-weight-medium);
2461
- font-size: var(--font-size-m);
2462
- line-height: var(--line-height-l);
2463
- text-decoration: none;
2464
- letter-spacing: var(--letter-spacing-s);
2465
- }.type-module_body-m-bold__UBcvQ {
2466
- font-family: var(--font-family), sans-serif;
2467
- font-weight: var(--font-weight-bold);
2468
- font-size: var(--font-size-m);
2469
- line-height: var(--line-height-l);
2470
- text-decoration: none;
2471
- letter-spacing: var(--letter-spacing-m);
2472
- }.type-module_body-l-regular__lOYbg {
2473
- font-family: var(--font-family), sans-serif;
2474
- font-weight: var(--font-weight-regular);
2475
- font-size: var(--font-size-l);
2476
- line-height: var(--line-height-xxl);
2477
- text-decoration: none;
2478
- letter-spacing: var(--letter-spacing-xs);
2479
- }.type-module_body-l-medium__BqRC7 {
2480
- font-family: var(--font-family), sans-serif;
2481
- font-weight: var(--font-weight-medium);
2482
- font-size: var(--font-size-l);
2483
- line-height: var(--line-height-xxl);
2484
- text-decoration: none;
2485
- letter-spacing: var(--letter-spacing-xs);
2486
- }.type-module_body-l-bold__Fh2dt {
2487
- font-family: var(--font-family), sans-serif;
2488
- font-weight: var(--font-weight-bold);
2489
- font-size: var(--font-size-l);
2490
- line-height: var(--line-height-xxl);
2491
- text-decoration: none;
2492
- letter-spacing: var(--letter-spacing-s);
2493
- }.type-module_body-xl-regular__pF2kC {
2494
- font-family: var(--font-family), sans-serif;
2495
- font-weight: var(--font-weight-regular);
2496
- font-size: var(--font-size-xl);
2497
- line-height: var(--line-height-xxl);
2498
- text-decoration: none;
2499
- letter-spacing: var(--letter-spacing-xs);
2500
- }.type-module_body-xl-medium__BeyrH {
2501
- font-family: var(--font-family), sans-serif;
2502
- font-weight: var(--font-weight-medium);
2503
- font-size: var(--font-size-xl);
2504
- line-height: var(--line-height-xxl);
2505
- text-decoration: none;
2506
- letter-spacing: var(--letter-spacing-xs);
2507
- }.type-module_body-xl-bold__Ruknj {
2508
- font-family: var(--font-family), sans-serif;
2509
- font-weight: var(--font-weight-bold);
2510
- font-size: var(--font-size-xl);
2511
- line-height: var(--line-height-xxl);
2512
- text-decoration: none;
2513
- letter-spacing: var(--letter-spacing-s);
2514
- }.type-module_h1__ikDt5 {
2515
- font-family: var(--font-family), sans-serif;
2516
- font-weight: var(--font-weight-extra);
2517
- font-size: var(--font-size-h1);
2518
- line-height: var(--line-height-s);
2519
- letter-spacing: var(--letter-spacing-m);
2520
- }.type-module_h2__bSCvt {
2521
- font-family: var(--font-family), sans-serif;
2522
- font-weight: var(--font-weight-bold);
2523
- font-size: var(--font-size-h2);
2524
- line-height: var(--line-height-s);
2525
- letter-spacing: var(--letter-spacing-m);
2526
- }.type-module_h3__8gHoN {
2527
- font-family: var(--font-family), sans-serif;
2528
- font-weight: var(--font-weight-bold);
2529
- font-size: var(--font-size-h3);
2530
- line-height: var(--line-height-xs);
2531
- letter-spacing: var(--letter-spacing-m);
2532
- }.type-module_h4__EVAd2 {
2533
- font-family: var(--font-family), sans-serif;
2534
- font-weight: var(--font-weight-bold);
2535
- font-size: var(--font-size-h4);
2536
- line-height: var(--line-height-l);
2537
- letter-spacing: var(--letter-spacing-m);
2538
- }.type-module_h5__92r22 {
2539
- font-family: var(--font-family), sans-serif;
2540
- font-weight: var(--font-weight-bold);
2541
- font-size: var(--font-size-h5);
2542
- line-height: var(--line-height-l);
2543
- letter-spacing: var(--letter-spacing-m);
2544
- }.type-module_h6__sshOw {
2545
- font-family: var(--font-family), sans-serif;
2546
- font-weight: var(--font-weight-bold);
2547
- font-size: var(--font-size-h6);
2548
- line-height: var(--line-height-l);
2549
- letter-spacing: var(--letter-spacing-m);
2550
- }.scrollBars-module_scrollbars__c-ZPl {
2551
- /* Consumers override these to theme their own scrollbar (e.g. Modal
2552
- binds them to its scrollHandleColor/scrollHandleColorHover props).
2553
- Unoverridden, they fall back to the shared page-level scroll tokens. */
2554
- --scrollbar-size: 6px;
2555
- --scrollbar-bg: transparent;
2556
- --scrollbar-thumb: var(--scroll-bar);
2557
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
2558
-
2559
- /* firefox does not support -webkit-scrollbar */
2560
- @supports not selector(::-webkit-scrollbar) {
2561
- scrollbar-width: thin;
2562
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
2093
+ .DropDown-module_select__mzNnv::-ms-expand {
2094
+ display: none;
2563
2095
  }
2564
2096
 
2565
- &::-webkit-scrollbar {
2566
- background-color: var(--scrollbar-bg);
2567
- width: var(--scrollbar-size);
2568
- height: var(--scrollbar-size);
2569
- }
2097
+ .flexBox-module_row__z24tF {
2098
+ display: flex;
2099
+ justify-content: center;
2100
+ align-items: center;
2101
+ box-sizing: border-box;
2102
+ padding: 0;
2103
+ margin: 0;
2104
+ }.flexBox-module_rowBetween__5FEvi {
2105
+ display: flex;
2106
+ justify-content: space-between;
2107
+ align-items: center;
2108
+ box-sizing: border-box;
2109
+ padding: 0;
2110
+ margin: 0;
2111
+ }.flexBox-module_rowStart__4tcxS {
2112
+ display: flex;
2113
+ justify-content: flex-start;
2114
+ align-items: center;
2115
+ box-sizing: border-box;
2116
+ padding: 0;
2117
+ margin: 0;
2118
+ }.flexBox-module_rowEnd__rVdVm {
2119
+ display: flex;
2120
+ justify-content: flex-end;
2121
+ align-items: center;
2122
+ box-sizing: border-box;
2123
+ padding: 0;
2124
+ margin: 0;
2125
+ }.flexBox-module_column__ezvMq {
2126
+ display: flex;
2127
+ flex-direction: column;
2128
+ justify-content: center;
2129
+ align-items: center;
2130
+ box-sizing: border-box;
2131
+ padding: 0;
2132
+ margin: 0;
2133
+ }.flexBox-module_columnStart__C7P44 {
2134
+ display: flex;
2135
+ flex-direction: column;
2136
+ justify-content: flex-start;
2137
+ align-items: flex-start;
2138
+ box-sizing: border-box;
2139
+ padding: 0;
2140
+ margin: 0;
2141
+ }.flexBox-module_columnStartCenter__PKcrG {
2142
+ display: flex;
2143
+ flex-direction: column;
2144
+ justify-content: flex-start;
2145
+ align-items: center;
2146
+ box-sizing: border-box;
2147
+ padding: 0;
2148
+ margin: 0;
2149
+ }.flexBox-module_columnBetween__ERfp7 {
2150
+ display: flex;
2151
+ flex-direction: column;
2152
+ justify-content: space-between;
2153
+ align-items: center;
2154
+ box-sizing: border-box;
2155
+ padding: 0;
2156
+ margin: 0;
2157
+ }.flexBox-module_columnEnd__lLJuc {
2158
+ display: flex;
2159
+ flex-direction: column;
2160
+ justify-content: flex-end;
2161
+ align-items: flex-end;
2162
+ box-sizing: border-box;
2163
+ padding: 0;
2164
+ margin: 0;
2165
+ }
2570
2166
 
2571
- &::-webkit-scrollbar-track {
2572
- background-color: var(--scrollbar-bg);
2573
- width: var(--scrollbar-size);
2574
- height: var(--scrollbar-size);
2575
- }
2167
+ .AvatarGroup-module_wrapper__MtOyq {
2168
+ gap: var(--ag-gap);
2169
+ margin: var(--ag-margin);
2170
+ }
2576
2171
 
2577
- &::-webkit-scrollbar-thumb {
2578
- background-color: var(--scrollbar-thumb);
2579
- border-radius: 20px;
2580
- border: 1px solid var(--scrollbar-bg);
2581
- }
2172
+ .AvatarGroup-module_avatar__5NVpW {
2173
+ display: inline-block;
2174
+ margin-left: var(--ag-overlap);
2175
+ border-radius: 100%;
2176
+ }
2582
2177
 
2583
- &::-webkit-scrollbar-thumb:hover {
2584
- background-color: var(--scrollbar-thumb-hover);
2585
- border-radius: 20px;
2586
- border: 1px solid var(--scrollbar-bg);
2178
+ .AvatarGroup-module_avatar__5NVpW:first-child {
2179
+ margin-left: 0;
2587
2180
  }
2588
2181
 
2589
- &::-webkit-scrollbar-corner {
2590
- background-color: var(--scrollbar-bg);
2591
- }
2592
- }.FlexDiv-module_flexDiv__EY5A- {
2593
- /* --flex-div-bg was never actually set anywhere (FlexDiv.tsx sets
2594
- --flex-div-scroll-border for this purpose) -- bind to the real one. */
2595
- --scrollbar-bg: var(--flex-div-scroll-border);
2596
- --scrollbar-thumb: var(--flex-div-scroll-handle);
2597
- --scrollbar-thumb-hover: var(--flex-div-scroll-handle-hover);
2182
+ .flexBox-module_row__z24tF {
2183
+ display: flex;
2184
+ justify-content: center;
2185
+ align-items: center;
2186
+ box-sizing: border-box;
2187
+ padding: 0;
2188
+ margin: 0;
2189
+ }.flexBox-module_rowBetween__5FEvi {
2190
+ display: flex;
2191
+ justify-content: space-between;
2192
+ align-items: center;
2193
+ box-sizing: border-box;
2194
+ padding: 0;
2195
+ margin: 0;
2196
+ }.flexBox-module_rowStart__4tcxS {
2197
+ display: flex;
2198
+ justify-content: flex-start;
2199
+ align-items: center;
2200
+ box-sizing: border-box;
2201
+ padding: 0;
2202
+ margin: 0;
2203
+ }.flexBox-module_rowEnd__rVdVm {
2204
+ display: flex;
2205
+ justify-content: flex-end;
2206
+ align-items: center;
2207
+ box-sizing: border-box;
2208
+ padding: 0;
2209
+ margin: 0;
2210
+ }.flexBox-module_column__ezvMq {
2211
+ display: flex;
2212
+ flex-direction: column;
2213
+ justify-content: center;
2214
+ align-items: center;
2215
+ box-sizing: border-box;
2216
+ padding: 0;
2217
+ margin: 0;
2218
+ }.flexBox-module_columnStart__C7P44 {
2219
+ display: flex;
2220
+ flex-direction: column;
2221
+ justify-content: flex-start;
2222
+ align-items: flex-start;
2223
+ box-sizing: border-box;
2224
+ padding: 0;
2225
+ margin: 0;
2226
+ }.flexBox-module_columnStartCenter__PKcrG {
2227
+ display: flex;
2228
+ flex-direction: column;
2229
+ justify-content: flex-start;
2230
+ align-items: center;
2231
+ box-sizing: border-box;
2232
+ padding: 0;
2233
+ margin: 0;
2234
+ }.flexBox-module_columnBetween__ERfp7 {
2235
+ display: flex;
2236
+ flex-direction: column;
2237
+ justify-content: space-between;
2238
+ align-items: center;
2239
+ box-sizing: border-box;
2240
+ padding: 0;
2241
+ margin: 0;
2242
+ }.flexBox-module_columnEnd__lLJuc {
2243
+ display: flex;
2244
+ flex-direction: column;
2245
+ justify-content: flex-end;
2246
+ align-items: flex-end;
2247
+ box-sizing: border-box;
2248
+ padding: 0;
2249
+ margin: 0;
2598
2250
  }
2599
2251
 
2600
- .type-module_body-xs-regular__ZAFft {
2252
+ .ModalController-module_container__3cSaO {
2253
+ position: fixed;
2254
+ inset: 0;
2255
+ overflow: hidden;
2256
+ z-index: var(--elevation-confirm);
2257
+ }
2258
+
2259
+ .ModalController-module_box__cPzOz {
2260
+ position: relative;
2261
+ display: flex;
2262
+ justify-content: center;
2263
+ align-items: center;
2264
+ background: transparent;
2265
+ width: 100%;
2266
+ height: 100%;
2267
+ overflow: visible;
2268
+ z-index: var(--elevation-confirm);
2269
+ }
2270
+
2271
+ .ModalController-module_wrapper__HkOoX {
2272
+ position: absolute;
2273
+ z-index: var(--elevation-confirm);
2274
+ }
2275
+
2276
+ .flexBox-module_row__z24tF {
2277
+ display: flex;
2278
+ justify-content: center;
2279
+ align-items: center;
2280
+ box-sizing: border-box;
2281
+ padding: 0;
2282
+ margin: 0;
2283
+ }.flexBox-module_rowBetween__5FEvi {
2284
+ display: flex;
2285
+ justify-content: space-between;
2286
+ align-items: center;
2287
+ box-sizing: border-box;
2288
+ padding: 0;
2289
+ margin: 0;
2290
+ }.flexBox-module_rowStart__4tcxS {
2291
+ display: flex;
2292
+ justify-content: flex-start;
2293
+ align-items: center;
2294
+ box-sizing: border-box;
2295
+ padding: 0;
2296
+ margin: 0;
2297
+ }.flexBox-module_rowEnd__rVdVm {
2298
+ display: flex;
2299
+ justify-content: flex-end;
2300
+ align-items: center;
2301
+ box-sizing: border-box;
2302
+ padding: 0;
2303
+ margin: 0;
2304
+ }.flexBox-module_column__ezvMq {
2305
+ display: flex;
2306
+ flex-direction: column;
2307
+ justify-content: center;
2308
+ align-items: center;
2309
+ box-sizing: border-box;
2310
+ padding: 0;
2311
+ margin: 0;
2312
+ }.flexBox-module_columnStart__C7P44 {
2313
+ display: flex;
2314
+ flex-direction: column;
2315
+ justify-content: flex-start;
2316
+ align-items: flex-start;
2317
+ box-sizing: border-box;
2318
+ padding: 0;
2319
+ margin: 0;
2320
+ }.flexBox-module_columnStartCenter__PKcrG {
2321
+ display: flex;
2322
+ flex-direction: column;
2323
+ justify-content: flex-start;
2324
+ align-items: center;
2325
+ box-sizing: border-box;
2326
+ padding: 0;
2327
+ margin: 0;
2328
+ }.flexBox-module_columnBetween__ERfp7 {
2329
+ display: flex;
2330
+ flex-direction: column;
2331
+ justify-content: space-between;
2332
+ align-items: center;
2333
+ box-sizing: border-box;
2334
+ padding: 0;
2335
+ margin: 0;
2336
+ }.flexBox-module_columnEnd__lLJuc {
2337
+ display: flex;
2338
+ flex-direction: column;
2339
+ justify-content: flex-end;
2340
+ align-items: flex-end;
2341
+ box-sizing: border-box;
2342
+ padding: 0;
2343
+ margin: 0;
2344
+ }.type-module_body-xs-regular__ZAFft {
2601
2345
  font-family: var(--font-family), sans-serif;
2602
2346
  font-weight: var(--font-weight-regular);
2603
2347
  font-size: var(--font-size-xs);
@@ -2734,39 +2478,19 @@ line {
2734
2478
  letter-spacing: var(--letter-spacing-m);
2735
2479
  }.type-module_h6__sshOw {
2736
2480
  font-family: var(--font-family), sans-serif;
2737
- font-weight: var(--font-weight-bold);
2738
- font-size: var(--font-size-h6);
2739
- line-height: var(--line-height-l);
2740
- letter-spacing: var(--letter-spacing-m);
2741
- }
2742
- .DivInput-module_wrapper__ZQxY- {
2743
- padding: var(--div-input-padding);
2744
- width: var(--div-input-width);
2745
- border-radius: var(--div-input-border-radius);
2746
- background: var(--div-input-wrapper-bg);
2747
- }
2748
- .DivInput-module_wrapper__ZQxY-:hover {
2749
- background: var(--div-input-bg);
2750
- }
2751
-
2752
- .DivInput-module_input__J34-l {
2753
- color: var(--div-input-color);
2754
- user-select: var(--div-input-user-select);
2755
- -webkit-user-select: var(--div-input-user-select);
2756
- text-align: var(--div-input-text-align);
2757
- pointer-events: all;
2758
- background: transparent;
2759
- border-radius: 4px;
2760
- border: 0;
2761
- outline: none;
2762
- text-overflow: ellipsis;
2763
- display: -webkit-box;
2764
- overflow: hidden;
2765
- white-space: var(--div-input-white-space);
2766
- -webkit-line-clamp: var(--div-input-line-clamp);
2767
- -webkit-box-orient: vertical;
2768
- cursor: var(--div-input-cursor);
2769
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
2481
+ font-weight: var(--font-weight-bold);
2482
+ font-size: var(--font-size-h6);
2483
+ line-height: var(--line-height-l);
2484
+ letter-spacing: var(--letter-spacing-m);
2485
+ }.Badge-module_badge__RsuMz {
2486
+ line-height: 1em;
2487
+ color: var(--badge-color);
2488
+ background: var(--badge-bg);
2489
+ padding: 2px 8px;
2490
+ min-width: 24px;
2491
+ width: min-content;
2492
+ border-radius: 8px;
2493
+ white-space: nowrap;
2770
2494
  }
2771
2495
 
2772
2496
  .flexBox-module_row__z24tF {
@@ -2837,48 +2561,91 @@ line {
2837
2561
  box-sizing: border-box;
2838
2562
  padding: 0;
2839
2563
  margin: 0;
2840
- }.scrollBars-module_scrollbars__c-ZPl {
2841
- /* Consumers override these to theme their own scrollbar (e.g. Modal
2842
- binds them to its scrollHandleColor/scrollHandleColorHover props).
2843
- Unoverridden, they fall back to the shared page-level scroll tokens. */
2844
- --scrollbar-size: 6px;
2845
- --scrollbar-bg: transparent;
2846
- --scrollbar-thumb: var(--scroll-bar);
2847
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
2848
-
2849
- /* firefox does not support -webkit-scrollbar */
2850
- @supports not selector(::-webkit-scrollbar) {
2851
- scrollbar-width: thin;
2852
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
2853
- }
2854
-
2855
- &::-webkit-scrollbar {
2856
- background-color: var(--scrollbar-bg);
2857
- width: var(--scrollbar-size);
2858
- height: var(--scrollbar-size);
2859
- }
2860
-
2861
- &::-webkit-scrollbar-track {
2862
- background-color: var(--scrollbar-bg);
2863
- width: var(--scrollbar-size);
2864
- height: var(--scrollbar-size);
2865
- }
2866
-
2867
- &::-webkit-scrollbar-thumb {
2868
- background-color: var(--scrollbar-thumb);
2869
- border-radius: 20px;
2870
- border: 1px solid var(--scrollbar-bg);
2871
- }
2872
-
2873
- &::-webkit-scrollbar-thumb:hover {
2874
- background-color: var(--scrollbar-thumb-hover);
2875
- border-radius: 20px;
2876
- border: 1px solid var(--scrollbar-bg);
2877
- }
2564
+ }.Dot-module_dot__RNz87 {
2565
+ display: var(--dot-display);
2566
+ box-sizing: content-box;
2567
+ position: var(--dot-position);
2568
+ top: var(--dot-top);
2569
+ right: var(--dot-right);
2570
+ vertical-align: var(--dot-vertical-align);
2571
+ min-height: var(--dot-size);
2572
+ min-width: var(--dot-size);
2573
+ height: var(--dot-size);
2574
+ width: var(--dot-size);
2575
+ border: var(--dot-border) solid var(--core-surface-primary);
2576
+ background: var(--dot-bg);
2577
+ border-radius: 100%;
2578
+ z-index: var(--elevation-status);
2579
+ }
2878
2580
 
2879
- &::-webkit-scrollbar-corner {
2880
- background-color: var(--scrollbar-bg);
2881
- }
2581
+ .flexBox-module_row__z24tF {
2582
+ display: flex;
2583
+ justify-content: center;
2584
+ align-items: center;
2585
+ box-sizing: border-box;
2586
+ padding: 0;
2587
+ margin: 0;
2588
+ }.flexBox-module_rowBetween__5FEvi {
2589
+ display: flex;
2590
+ justify-content: space-between;
2591
+ align-items: center;
2592
+ box-sizing: border-box;
2593
+ padding: 0;
2594
+ margin: 0;
2595
+ }.flexBox-module_rowStart__4tcxS {
2596
+ display: flex;
2597
+ justify-content: flex-start;
2598
+ align-items: center;
2599
+ box-sizing: border-box;
2600
+ padding: 0;
2601
+ margin: 0;
2602
+ }.flexBox-module_rowEnd__rVdVm {
2603
+ display: flex;
2604
+ justify-content: flex-end;
2605
+ align-items: center;
2606
+ box-sizing: border-box;
2607
+ padding: 0;
2608
+ margin: 0;
2609
+ }.flexBox-module_column__ezvMq {
2610
+ display: flex;
2611
+ flex-direction: column;
2612
+ justify-content: center;
2613
+ align-items: center;
2614
+ box-sizing: border-box;
2615
+ padding: 0;
2616
+ margin: 0;
2617
+ }.flexBox-module_columnStart__C7P44 {
2618
+ display: flex;
2619
+ flex-direction: column;
2620
+ justify-content: flex-start;
2621
+ align-items: flex-start;
2622
+ box-sizing: border-box;
2623
+ padding: 0;
2624
+ margin: 0;
2625
+ }.flexBox-module_columnStartCenter__PKcrG {
2626
+ display: flex;
2627
+ flex-direction: column;
2628
+ justify-content: flex-start;
2629
+ align-items: center;
2630
+ box-sizing: border-box;
2631
+ padding: 0;
2632
+ margin: 0;
2633
+ }.flexBox-module_columnBetween__ERfp7 {
2634
+ display: flex;
2635
+ flex-direction: column;
2636
+ justify-content: space-between;
2637
+ align-items: center;
2638
+ box-sizing: border-box;
2639
+ padding: 0;
2640
+ margin: 0;
2641
+ }.flexBox-module_columnEnd__lLJuc {
2642
+ display: flex;
2643
+ flex-direction: column;
2644
+ justify-content: flex-end;
2645
+ align-items: flex-end;
2646
+ box-sizing: border-box;
2647
+ padding: 0;
2648
+ margin: 0;
2882
2649
  }.type-module_body-xs-regular__ZAFft {
2883
2650
  font-family: var(--font-family), sans-serif;
2884
2651
  font-weight: var(--font-weight-regular);
@@ -3022,92 +2789,116 @@ line {
3022
2789
  letter-spacing: var(--letter-spacing-m);
3023
2790
  }
3024
2791
 
3025
- .Modal-module_wrapper__34Hds {
2792
+ .PromptInput-module_wrapperBg__zabZq {
3026
2793
  position: relative;
3027
- min-width: var(--modal-min-width);
3028
- min-height: var(--modal-min-height);
3029
- max-height: var(--modal-max-height);
3030
- max-width: var(--modal-max-width);
3031
- background: var(--modal-background-color);
3032
- border: var(--modal-border-width) solid var(--modal-border-color);
3033
- border-radius: var(--modal-border-radius);
3034
- box-shadow: var(--surface-shadow-soft);
2794
+ --border-angle: 0turn;
2795
+ --conic-gradient-dark: conic-gradient(
2796
+ from var(--border-angle),
2797
+ var(--core-text-special) 0deg,
2798
+ var(--core-text-special) 45deg,
2799
+ var(--core-text-special) 90deg,
2800
+ var(--array-magenta-label) 135deg,
2801
+ var(--array-magenta-label) 180deg,
2802
+ var(--array-magenta-label) 225deg,
2803
+ var(--array-land) 270deg,
2804
+ var(--array-land) 315deg,
2805
+ var(--array-land) 360deg
2806
+ );
2807
+ --conic-gradient-light: conic-gradient(
2808
+ from var(--border-angle),
2809
+ var(--core-text-special) 0deg,
2810
+ var(--core-text-special) 45deg,
2811
+ var(--core-text-special) 90deg,
2812
+ var(--array-magenta-label) 135deg,
2813
+ var(--array-magenta-label) 180deg,
2814
+ var(--array-magenta-label) 225deg,
2815
+ var(--array-land-label) 270deg,
2816
+ var(--array-land-label) 315deg,
2817
+ var(--array-land-label) 360deg
2818
+ );
2819
+ z-index: 0;
2820
+ height: auto;
2821
+ max-height: var(--prompt-max-height);
2822
+ width: var(--prompt-width);
2823
+ max-width: var(--prompt-max-width);
2824
+ min-width: var(--prompt-min-width);
2825
+ border-radius: var(--prompt-border-radius);
3035
2826
  overflow: hidden;
2827
+ padding: var(--prompt-border-width) !important;
2828
+ background: var(--prompt-border-color);
2829
+ animation: PromptInput-module_bgRotate__Um720 3s linear infinite;
2830
+ animation-play-state: var(--prompt-state);
2831
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
3036
2832
  }
3037
2833
 
3038
- .Modal-module_title__A5OeE {
3039
- padding: var(--modal-padding) !important;
3040
- width: 100%;
3041
- gap: 16px;
3042
- border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
3043
- }
3044
-
3045
- .Modal-module_titleBlock__HUepX {
3046
- color: var(--modal-title-color);
3047
- flex: 1;
3048
- gap: 6px;
3049
- touch-action: none;
3050
- user-select: none;
3051
- -webkit-user-select: none;
2834
+ @property --border-angle {
2835
+ syntax: "<angle>";
2836
+ inherits: false;
2837
+ initial-value: 0turn;
3052
2838
  }
3053
2839
 
3054
- .Modal-module_titleIcon__xJYzy {
3055
- height: 20px;
3056
- width: 20px;
3057
- min-height: 20px;
3058
- min-width: 20px;
3059
- user-select: none;
3060
- -webkit-user-select: none;
2840
+ @keyframes PromptInput-module_bgRotate__Um720 {
2841
+ 100% {
2842
+ --border-angle: 1turn;
2843
+ }
3061
2844
  }
3062
2845
 
3063
- .Modal-module_contentWrapper__Swyjx {
2846
+ .PromptInput-module_textareaWrapper__KusiV {
2847
+ align-items: flex-start;
3064
2848
  width: 100%;
3065
- flex: 1;
2849
+ height: min-content;
2850
+ max-height: 400px;
3066
2851
  overflow: hidden;
3067
2852
  overflow-y: auto;
3068
- margin-right: 4px !important;
3069
- /* keeps scrollHandleColor/scrollHandleColorHover props working as before */
3070
- --scrollbar-bg: var(--modal-background-color);
3071
- --scrollbar-thumb: var(--modal-scroll-handle);
3072
- --scrollbar-thumb-hover: var(--modal-scroll-handle-hover);
2853
+ border-radius: var(--prompt-inner-border-radius);
2854
+ background: var(--core-surface-secondary);
3073
2855
  }
3074
2856
 
3075
- .Modal-module_content__dWO-B {
3076
- padding: var(--modal-padding) !important;
3077
- padding-top: 0 !important;
3078
- padding-bottom: var(--modal-content-padding-tops) !important;
2857
+ .PromptInput-module_attachments__rqgY1 {
2858
+ padding: 16px 16px 0 16px !important;
3079
2859
  width: 100%;
3080
2860
  }
3081
2861
 
3082
- .Modal-module_actions__hY6zi {
3083
- padding: var(--modal-padding) !important;
3084
- width: 100%;
3085
- user-select: none;
3086
- -webkit-user-select: none;
3087
- border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
2862
+ .PromptInput-module_clear__MFroM {
2863
+ padding: 12px 8px 0 0 !important;
2864
+ display: var(--prompt-clear) !important;
3088
2865
  }
3089
2866
 
3090
- .Modal-module_leftActions__-M-DM {
3091
- gap: 8px;
2867
+ .PromptInput-module_buttonBar__X8LDe {
2868
+ padding: 8px 16px 16px 16px !important;
2869
+ width: 100%;
2870
+ cursor: text;
3092
2871
  }
3093
2872
 
3094
- .Modal-module_rightActions__IFgrN {
2873
+ .PromptInput-module_toolBar__GBvPT {
2874
+ flex: 1;
3095
2875
  gap: 8px;
3096
2876
  }
3097
2877
 
3098
- .Modal-module_xs__iPcS9 {
2878
+ .PromptInput-module_textarea__e4Kxn {
2879
+ padding: 16px !important;
2880
+ box-sizing: border-box;
2881
+ field-sizing: content;
2882
+ width: 100%;
2883
+ resize: none;
2884
+ border: 0;
2885
+ outline: none;
2886
+ color: var(--core-text-primary);
2887
+ background: transparent;
2888
+ border-radius: var(--prompt-border-radius);
3099
2889
  }
3100
2890
 
3101
- .Modal-module_s__31sYS {
3102
- }
2891
+ .PromptInput-module_textarea__e4Kxn::placeholder {
2892
+ color: var(--core-text-disabled);
2893
+ }
3103
2894
 
3104
- .Modal-module_m__Iz82L {
2895
+ .PromptInput-module_s__ivyC9 {
3105
2896
  }
3106
2897
 
3107
- .Modal-module_l__pntdS {
2898
+ .PromptInput-module_m__LFHvW {
3108
2899
  }
3109
2900
 
3110
- .Modal-module_xl__MR-68 {
2901
+ .PromptInput-module_l__TlceW {
3111
2902
  }
3112
2903
 
3113
2904
  .flexBox-module_row__z24tF {
@@ -3211,75 +3002,7 @@ line {
3211
3002
  background: var(--pager-colorOn);
3212
3003
  }
3213
3004
 
3214
- .flexBox-module_row__z24tF {
3215
- display: flex;
3216
- justify-content: center;
3217
- align-items: center;
3218
- box-sizing: border-box;
3219
- padding: 0;
3220
- margin: 0;
3221
- }.flexBox-module_rowBetween__5FEvi {
3222
- display: flex;
3223
- justify-content: space-between;
3224
- align-items: center;
3225
- box-sizing: border-box;
3226
- padding: 0;
3227
- margin: 0;
3228
- }.flexBox-module_rowStart__4tcxS {
3229
- display: flex;
3230
- justify-content: flex-start;
3231
- align-items: center;
3232
- box-sizing: border-box;
3233
- padding: 0;
3234
- margin: 0;
3235
- }.flexBox-module_rowEnd__rVdVm {
3236
- display: flex;
3237
- justify-content: flex-end;
3238
- align-items: center;
3239
- box-sizing: border-box;
3240
- padding: 0;
3241
- margin: 0;
3242
- }.flexBox-module_column__ezvMq {
3243
- display: flex;
3244
- flex-direction: column;
3245
- justify-content: center;
3246
- align-items: center;
3247
- box-sizing: border-box;
3248
- padding: 0;
3249
- margin: 0;
3250
- }.flexBox-module_columnStart__C7P44 {
3251
- display: flex;
3252
- flex-direction: column;
3253
- justify-content: flex-start;
3254
- align-items: flex-start;
3255
- box-sizing: border-box;
3256
- padding: 0;
3257
- margin: 0;
3258
- }.flexBox-module_columnStartCenter__PKcrG {
3259
- display: flex;
3260
- flex-direction: column;
3261
- justify-content: flex-start;
3262
- align-items: center;
3263
- box-sizing: border-box;
3264
- padding: 0;
3265
- margin: 0;
3266
- }.flexBox-module_columnBetween__ERfp7 {
3267
- display: flex;
3268
- flex-direction: column;
3269
- justify-content: space-between;
3270
- align-items: center;
3271
- box-sizing: border-box;
3272
- padding: 0;
3273
- margin: 0;
3274
- }.flexBox-module_columnEnd__lLJuc {
3275
- display: flex;
3276
- flex-direction: column;
3277
- justify-content: flex-end;
3278
- align-items: flex-end;
3279
- box-sizing: border-box;
3280
- padding: 0;
3281
- margin: 0;
3282
- }.type-module_body-xs-regular__ZAFft {
3005
+ .type-module_body-xs-regular__ZAFft {
3283
3006
  font-family: var(--font-family), sans-serif;
3284
3007
  font-weight: var(--font-weight-regular);
3285
3008
  font-size: var(--font-size-xs);
@@ -3420,40 +3143,54 @@ line {
3420
3143
  font-size: var(--font-size-h6);
3421
3144
  line-height: var(--line-height-l);
3422
3145
  letter-spacing: var(--letter-spacing-m);
3423
- }
3146
+ }.scrollBars-module_scrollbars__c-ZPl {
3147
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
3148
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
3149
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
3150
+ --scrollbar-size: 6px;
3151
+ --scrollbar-bg: transparent;
3152
+ --scrollbar-thumb: var(--scroll-bar);
3153
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
3424
3154
 
3425
- .Grouper-module_header__D5fV0 {
3426
- width: 100%;
3427
- cursor: pointer;
3428
- appearance: none;
3429
- -webkit-appearance: none;
3430
- background-image: none;
3431
- background-color: transparent;
3432
- border: 0;
3433
- outline: none;
3434
- padding: 0;
3435
- }
3155
+ /* firefox does not support -webkit-scrollbar */
3156
+ @supports not selector(::-webkit-scrollbar) {
3157
+ scrollbar-width: thin;
3158
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
3159
+ }
3436
3160
 
3437
- .Grouper-module_title__ZKqTP {
3438
- color: var(--core-text-primary);
3439
- flex: 1;
3440
- }
3161
+ &::-webkit-scrollbar {
3162
+ background-color: var(--scrollbar-bg);
3163
+ width: var(--scrollbar-size);
3164
+ height: var(--scrollbar-size);
3165
+ }
3441
3166
 
3442
- .Grouper-module_content__Mof50 {
3443
- user-select: none;
3444
- -webkit-user-select: none;
3445
- padding: 0 24px !important;
3446
- width: 100%;
3447
- gap: 6px;
3448
- height: var(--grouper-height);
3449
- border-top: var(--grouper-border) solid var(--core-outline-primary);
3450
- }
3167
+ &::-webkit-scrollbar-track {
3168
+ background-color: var(--scrollbar-bg);
3169
+ width: var(--scrollbar-size);
3170
+ height: var(--scrollbar-size);
3171
+ }
3451
3172
 
3452
- .Grouper-module_icon__14Jis {
3453
- min-height: var(--grouper-icon-size);
3454
- height: var(--grouper-icon-size);
3455
- min-width: var(--grouper-icon-size);
3456
- width: var(--grouper-icon-size);
3173
+ &::-webkit-scrollbar-thumb {
3174
+ background-color: var(--scrollbar-thumb);
3175
+ border-radius: 20px;
3176
+ border: 1px solid var(--scrollbar-bg);
3177
+ }
3178
+
3179
+ &::-webkit-scrollbar-thumb:hover {
3180
+ background-color: var(--scrollbar-thumb-hover);
3181
+ border-radius: 20px;
3182
+ border: 1px solid var(--scrollbar-bg);
3183
+ }
3184
+
3185
+ &::-webkit-scrollbar-corner {
3186
+ background-color: var(--scrollbar-bg);
3187
+ }
3188
+ }.FlexDiv-module_flexDiv__EY5A- {
3189
+ /* --flex-div-bg was never actually set anywhere (FlexDiv.tsx sets
3190
+ --flex-div-scroll-border for this purpose) -- bind to the real one. */
3191
+ --scrollbar-bg: var(--flex-div-scroll-border);
3192
+ --scrollbar-thumb: var(--flex-div-scroll-handle);
3193
+ --scrollbar-thumb-hover: var(--flex-div-scroll-handle-hover);
3457
3194
  }
3458
3195
 
3459
3196
  .flexBox-module_row__z24tF {
@@ -3524,6 +3261,48 @@ line {
3524
3261
  box-sizing: border-box;
3525
3262
  padding: 0;
3526
3263
  margin: 0;
3264
+ }.scrollBars-module_scrollbars__c-ZPl {
3265
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
3266
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
3267
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
3268
+ --scrollbar-size: 6px;
3269
+ --scrollbar-bg: transparent;
3270
+ --scrollbar-thumb: var(--scroll-bar);
3271
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
3272
+
3273
+ /* firefox does not support -webkit-scrollbar */
3274
+ @supports not selector(::-webkit-scrollbar) {
3275
+ scrollbar-width: thin;
3276
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
3277
+ }
3278
+
3279
+ &::-webkit-scrollbar {
3280
+ background-color: var(--scrollbar-bg);
3281
+ width: var(--scrollbar-size);
3282
+ height: var(--scrollbar-size);
3283
+ }
3284
+
3285
+ &::-webkit-scrollbar-track {
3286
+ background-color: var(--scrollbar-bg);
3287
+ width: var(--scrollbar-size);
3288
+ height: var(--scrollbar-size);
3289
+ }
3290
+
3291
+ &::-webkit-scrollbar-thumb {
3292
+ background-color: var(--scrollbar-thumb);
3293
+ border-radius: 20px;
3294
+ border: 1px solid var(--scrollbar-bg);
3295
+ }
3296
+
3297
+ &::-webkit-scrollbar-thumb:hover {
3298
+ background-color: var(--scrollbar-thumb-hover);
3299
+ border-radius: 20px;
3300
+ border: 1px solid var(--scrollbar-bg);
3301
+ }
3302
+
3303
+ &::-webkit-scrollbar-corner {
3304
+ background-color: var(--scrollbar-bg);
3305
+ }
3527
3306
  }.type-module_body-xs-regular__ZAFft {
3528
3307
  font-family: var(--font-family), sans-serif;
3529
3308
  font-weight: var(--font-weight-regular);
@@ -3667,116 +3446,92 @@ line {
3667
3446
  letter-spacing: var(--letter-spacing-m);
3668
3447
  }
3669
3448
 
3670
- .PromptInput-module_wrapperBg__zabZq {
3449
+ .Modal-module_wrapper__34Hds {
3671
3450
  position: relative;
3672
- --border-angle: 0turn;
3673
- --conic-gradient-dark: conic-gradient(
3674
- from var(--border-angle),
3675
- var(--core-text-special) 0deg,
3676
- var(--core-text-special) 45deg,
3677
- var(--core-text-special) 90deg,
3678
- var(--array-magenta-label) 135deg,
3679
- var(--array-magenta-label) 180deg,
3680
- var(--array-magenta-label) 225deg,
3681
- var(--array-land) 270deg,
3682
- var(--array-land) 315deg,
3683
- var(--array-land) 360deg
3684
- );
3685
- --conic-gradient-light: conic-gradient(
3686
- from var(--border-angle),
3687
- var(--core-text-special) 0deg,
3688
- var(--core-text-special) 45deg,
3689
- var(--core-text-special) 90deg,
3690
- var(--array-magenta-label) 135deg,
3691
- var(--array-magenta-label) 180deg,
3692
- var(--array-magenta-label) 225deg,
3693
- var(--array-land-label) 270deg,
3694
- var(--array-land-label) 315deg,
3695
- var(--array-land-label) 360deg
3696
- );
3697
- z-index: 0;
3698
- height: auto;
3699
- max-height: var(--prompt-max-height);
3700
- width: var(--prompt-width);
3701
- max-width: var(--prompt-max-width);
3702
- min-width: var(--prompt-min-width);
3703
- border-radius: var(--prompt-border-radius);
3451
+ min-width: var(--modal-min-width);
3452
+ min-height: var(--modal-min-height);
3453
+ max-height: var(--modal-max-height);
3454
+ max-width: var(--modal-max-width);
3455
+ background: var(--modal-background-color);
3456
+ border: var(--modal-border-width) solid var(--modal-border-color);
3457
+ border-radius: var(--modal-border-radius);
3458
+ box-shadow: var(--surface-shadow-soft);
3704
3459
  overflow: hidden;
3705
- padding: var(--prompt-border-width) !important;
3706
- background: var(--prompt-border-color);
3707
- animation: PromptInput-module_bgRotate__Um720 3s linear infinite;
3708
- animation-play-state: var(--prompt-state);
3709
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
3710
3460
  }
3711
3461
 
3712
- @property --border-angle {
3713
- syntax: "<angle>";
3714
- inherits: false;
3715
- initial-value: 0turn;
3462
+ .Modal-module_title__A5OeE {
3463
+ padding: var(--modal-padding) !important;
3464
+ width: 100%;
3465
+ gap: 16px;
3466
+ border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
3467
+ }
3468
+
3469
+ .Modal-module_titleBlock__HUepX {
3470
+ color: var(--modal-title-color);
3471
+ flex: 1;
3472
+ gap: 6px;
3473
+ touch-action: none;
3474
+ user-select: none;
3475
+ -webkit-user-select: none;
3716
3476
  }
3717
3477
 
3718
- @keyframes PromptInput-module_bgRotate__Um720 {
3719
- 100% {
3720
- --border-angle: 1turn;
3721
- }
3478
+ .Modal-module_titleIcon__xJYzy {
3479
+ height: 20px;
3480
+ width: 20px;
3481
+ min-height: 20px;
3482
+ min-width: 20px;
3483
+ user-select: none;
3484
+ -webkit-user-select: none;
3722
3485
  }
3723
3486
 
3724
- .PromptInput-module_textareaWrapper__KusiV {
3725
- align-items: flex-start;
3487
+ .Modal-module_contentWrapper__Swyjx {
3726
3488
  width: 100%;
3727
- height: min-content;
3728
- max-height: 400px;
3489
+ flex: 1;
3729
3490
  overflow: hidden;
3730
3491
  overflow-y: auto;
3731
- border-radius: var(--prompt-inner-border-radius);
3732
- background: var(--core-surface-secondary);
3492
+ margin-right: 4px !important;
3493
+ /* keeps scrollHandleColor/scrollHandleColorHover props working as before */
3494
+ --scrollbar-bg: var(--modal-background-color);
3495
+ --scrollbar-thumb: var(--modal-scroll-handle);
3496
+ --scrollbar-thumb-hover: var(--modal-scroll-handle-hover);
3733
3497
  }
3734
3498
 
3735
- .PromptInput-module_attachments__rqgY1 {
3736
- padding: 16px 16px 0 16px !important;
3499
+ .Modal-module_content__dWO-B {
3500
+ padding: var(--modal-padding) !important;
3501
+ padding-top: 0 !important;
3502
+ padding-bottom: var(--modal-content-padding-tops) !important;
3737
3503
  width: 100%;
3738
3504
  }
3739
3505
 
3740
- .PromptInput-module_clear__MFroM {
3741
- padding: 12px 8px 0 0 !important;
3742
- display: var(--prompt-clear) !important;
3506
+ .Modal-module_actions__hY6zi {
3507
+ padding: var(--modal-padding) !important;
3508
+ width: 100%;
3509
+ user-select: none;
3510
+ -webkit-user-select: none;
3511
+ border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
3743
3512
  }
3744
3513
 
3745
- .PromptInput-module_buttonBar__X8LDe {
3746
- padding: 8px 16px 16px 16px !important;
3747
- width: 100%;
3748
- cursor: text;
3514
+ .Modal-module_leftActions__-M-DM {
3515
+ gap: 8px;
3749
3516
  }
3750
3517
 
3751
- .PromptInput-module_toolBar__GBvPT {
3752
- flex: 1;
3518
+ .Modal-module_rightActions__IFgrN {
3753
3519
  gap: 8px;
3754
3520
  }
3755
3521
 
3756
- .PromptInput-module_textarea__e4Kxn {
3757
- padding: 16px !important;
3758
- box-sizing: border-box;
3759
- field-sizing: content;
3760
- width: 100%;
3761
- resize: none;
3762
- border: 0;
3763
- outline: none;
3764
- color: var(--core-text-primary);
3765
- background: transparent;
3766
- border-radius: var(--prompt-border-radius);
3522
+ .Modal-module_xs__iPcS9 {
3767
3523
  }
3768
3524
 
3769
- .PromptInput-module_textarea__e4Kxn::placeholder {
3770
- color: var(--core-text-disabled);
3771
- }
3525
+ .Modal-module_s__31sYS {
3526
+ }
3772
3527
 
3773
- .PromptInput-module_s__ivyC9 {
3528
+ .Modal-module_m__Iz82L {
3774
3529
  }
3775
3530
 
3776
- .PromptInput-module_m__LFHvW {
3531
+ .Modal-module_l__pntdS {
3777
3532
  }
3778
3533
 
3779
- .PromptInput-module_l__TlceW {
3534
+ .Modal-module_xl__MR-68 {
3780
3535
  }
3781
3536
 
3782
3537
  .flexBox-module_row__z24tF {
@@ -3863,6 +3618,170 @@ line {
3863
3618
  .RadioButtonList-module_row__D3szq {
3864
3619
  }
3865
3620
 
3621
+ .flexBox-module_row__z24tF {
3622
+ display: flex;
3623
+ justify-content: center;
3624
+ align-items: center;
3625
+ box-sizing: border-box;
3626
+ padding: 0;
3627
+ margin: 0;
3628
+ }.flexBox-module_rowBetween__5FEvi {
3629
+ display: flex;
3630
+ justify-content: space-between;
3631
+ align-items: center;
3632
+ box-sizing: border-box;
3633
+ padding: 0;
3634
+ margin: 0;
3635
+ }.flexBox-module_rowStart__4tcxS {
3636
+ display: flex;
3637
+ justify-content: flex-start;
3638
+ align-items: center;
3639
+ box-sizing: border-box;
3640
+ padding: 0;
3641
+ margin: 0;
3642
+ }.flexBox-module_rowEnd__rVdVm {
3643
+ display: flex;
3644
+ justify-content: flex-end;
3645
+ align-items: center;
3646
+ box-sizing: border-box;
3647
+ padding: 0;
3648
+ margin: 0;
3649
+ }.flexBox-module_column__ezvMq {
3650
+ display: flex;
3651
+ flex-direction: column;
3652
+ justify-content: center;
3653
+ align-items: center;
3654
+ box-sizing: border-box;
3655
+ padding: 0;
3656
+ margin: 0;
3657
+ }.flexBox-module_columnStart__C7P44 {
3658
+ display: flex;
3659
+ flex-direction: column;
3660
+ justify-content: flex-start;
3661
+ align-items: flex-start;
3662
+ box-sizing: border-box;
3663
+ padding: 0;
3664
+ margin: 0;
3665
+ }.flexBox-module_columnStartCenter__PKcrG {
3666
+ display: flex;
3667
+ flex-direction: column;
3668
+ justify-content: flex-start;
3669
+ align-items: center;
3670
+ box-sizing: border-box;
3671
+ padding: 0;
3672
+ margin: 0;
3673
+ }.flexBox-module_columnBetween__ERfp7 {
3674
+ display: flex;
3675
+ flex-direction: column;
3676
+ justify-content: space-between;
3677
+ align-items: center;
3678
+ box-sizing: border-box;
3679
+ padding: 0;
3680
+ margin: 0;
3681
+ }.flexBox-module_columnEnd__lLJuc {
3682
+ display: flex;
3683
+ flex-direction: column;
3684
+ justify-content: flex-end;
3685
+ align-items: flex-end;
3686
+ box-sizing: border-box;
3687
+ padding: 0;
3688
+ margin: 0;
3689
+ }
3690
+
3691
+ .Switch-module_wrapper__kudO9 {
3692
+ padding: var(--switch-padding) !important;
3693
+ width: var(--switch-width);
3694
+ height: var(--switch-height);
3695
+ border-radius: 100px;
3696
+ cursor: pointer;
3697
+ background: var(--switch-bg-color);
3698
+ transition: background var(--motion-water-duration) var(--motion-water) 0s;
3699
+ appearance: none;
3700
+ -webkit-appearance: none;
3701
+ border: 0;
3702
+ outline: none;
3703
+ }
3704
+
3705
+ .Switch-module_knob__vKNOc {
3706
+ width: var(--switch-knob-size);
3707
+ height: var(--switch-knob-size);
3708
+ background: var(--switch-knob-color);
3709
+ border-radius: 100%;
3710
+ }
3711
+
3712
+ .flexBox-module_row__z24tF {
3713
+ display: flex;
3714
+ justify-content: center;
3715
+ align-items: center;
3716
+ box-sizing: border-box;
3717
+ padding: 0;
3718
+ margin: 0;
3719
+ }.flexBox-module_rowBetween__5FEvi {
3720
+ display: flex;
3721
+ justify-content: space-between;
3722
+ align-items: center;
3723
+ box-sizing: border-box;
3724
+ padding: 0;
3725
+ margin: 0;
3726
+ }.flexBox-module_rowStart__4tcxS {
3727
+ display: flex;
3728
+ justify-content: flex-start;
3729
+ align-items: center;
3730
+ box-sizing: border-box;
3731
+ padding: 0;
3732
+ margin: 0;
3733
+ }.flexBox-module_rowEnd__rVdVm {
3734
+ display: flex;
3735
+ justify-content: flex-end;
3736
+ align-items: center;
3737
+ box-sizing: border-box;
3738
+ padding: 0;
3739
+ margin: 0;
3740
+ }.flexBox-module_column__ezvMq {
3741
+ display: flex;
3742
+ flex-direction: column;
3743
+ justify-content: center;
3744
+ align-items: center;
3745
+ box-sizing: border-box;
3746
+ padding: 0;
3747
+ margin: 0;
3748
+ }.flexBox-module_columnStart__C7P44 {
3749
+ display: flex;
3750
+ flex-direction: column;
3751
+ justify-content: flex-start;
3752
+ align-items: flex-start;
3753
+ box-sizing: border-box;
3754
+ padding: 0;
3755
+ margin: 0;
3756
+ }.flexBox-module_columnStartCenter__PKcrG {
3757
+ display: flex;
3758
+ flex-direction: column;
3759
+ justify-content: flex-start;
3760
+ align-items: center;
3761
+ box-sizing: border-box;
3762
+ padding: 0;
3763
+ margin: 0;
3764
+ }.flexBox-module_columnBetween__ERfp7 {
3765
+ display: flex;
3766
+ flex-direction: column;
3767
+ justify-content: space-between;
3768
+ align-items: center;
3769
+ box-sizing: border-box;
3770
+ padding: 0;
3771
+ margin: 0;
3772
+ }.flexBox-module_columnEnd__lLJuc {
3773
+ display: flex;
3774
+ flex-direction: column;
3775
+ justify-content: flex-end;
3776
+ align-items: flex-end;
3777
+ box-sizing: border-box;
3778
+ padding: 0;
3779
+ margin: 0;
3780
+ }.ToggleButton-module_toggleButton__H7KgI {
3781
+ width: min-content;
3782
+ gap: var(--tb-gap);
3783
+ }
3784
+
3866
3785
  .flexBox-module_row__z24tF {
3867
3786
  display: flex;
3868
3787
  justify-content: center;
@@ -4074,45 +3993,67 @@ line {
4074
3993
  letter-spacing: var(--letter-spacing-m);
4075
3994
  }
4076
3995
 
4077
- .Toast-module_wrapper__1uj9O {
4078
- padding: var(--toast-padding) !important;
4079
- color: var(--toast-color);
4080
- position: var(--toast-position);
4081
- border: var(--toast-border);
4082
- border-radius: var(--toast-border-radius);
4083
- background: var(--toast-background);
4084
- z-index: var(--elevation-status);
4085
- gap: 16px;
4086
- box-shadow: var(--surface-shadow-soft);
4087
- left: 50%;
4088
- transform: translateX(-50%);
3996
+ .TabBar-module_wrapper__cyOR1 {
3997
+ justify-content: var(--tab-bar-justify) !important;
3998
+ gap: var(--tab-bar-gap);
3999
+ border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
4000
+ height: var(--tab-bar-height);
4001
+ width: var(--tab-bar-width);
4002
+ cursor: pointer;
4003
+ }
4004
+
4005
+ .TabBar-module_option__gYjDf {
4006
+ gap: var(--tab-bar-option-gap);
4007
+ color: var(--tab-bar-option-color);
4008
+ padding: var(--tab-bar-option-padding) !important;
4009
+ height: 100%;
4010
+ width: var(--tab-bar-option-width);
4011
+ flex: var(--tab-bar-option-flex);
4012
+ white-space: nowrap;
4013
+ box-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);
4014
+ cursor: var(--tab-bar-option-cursor);
4015
+ -webkit-user-select: none;
4016
+ user-select: none;
4017
+ appearance: none;
4018
+ -webkit-appearance: none;
4019
+ background-image: none;
4020
+ background-color: transparent;
4021
+ border: 0;
4022
+ outline: none;
4023
+ text-align: left;
4089
4024
  }
4090
4025
 
4091
- .Toast-module_close__i10-s {
4092
- min-height: 20px;
4093
- max-height: 20px;
4094
- min-width: 20px;
4095
- max-width: 20px;
4096
- cursor: pointer;
4026
+ .TabBar-module_icon__JDgG3 {
4027
+ max-height: var(--tab-bar-icon-size);
4028
+ min-height: var(--tab-bar-icon-size);
4029
+ max-width: var(--tab-bar-icon-size);
4030
+ min-width: var(--tab-bar-icon-size);
4097
4031
  }
4098
4032
 
4099
- .Toast-module_message__3dP0P {
4100
- gap: 6px;
4033
+ .TabBar-module_close__bvSBh {
4034
+ height: 100%;
4035
+ padding: var(--tab-bar-close-padding) !important;
4036
+ border-left: 1px solid var(--core-outline-primary);
4037
+ width: min-content;
4101
4038
  }
4102
4039
 
4103
- .Toast-module_progress__SWsbA {
4104
- min-height: 20px;
4105
- max-height: 20px;
4106
- min-width: 20px;
4107
- max-width: 20px;
4040
+ .TabBar-module_xs__QDjV9 {
4108
4041
  }
4109
4042
 
4110
- .Toast-module_s__kc5Ef {
4043
+ .TabBar-module_s__-EBj2 {
4111
4044
  }
4112
4045
 
4113
- .Toast-module_m__JtmLz {
4046
+ .TabBar-module_m__3sCA3 {
4114
4047
  }
4115
- .Toast-module_l__-W0PD {
4048
+
4049
+ .TabBar-module_l__hy1rR {
4050
+ }
4051
+
4052
+ .TabBar-module_xl__zaASU {
4053
+ }
4054
+
4055
+ .TabBar-module_selected__UmBdu {
4056
+ font-weight: 520 !important;
4116
4057
  }
4117
4058
 
4118
4059
  .flexBox-module_row__z24tF {
@@ -4579,67 +4520,25 @@ line {
4579
4520
  letter-spacing: var(--letter-spacing-m);
4580
4521
  }
4581
4522
 
4582
- .TabBar-module_wrapper__cyOR1 {
4583
- justify-content: var(--tab-bar-justify) !important;
4584
- gap: var(--tab-bar-gap);
4585
- border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
4586
- height: var(--tab-bar-height);
4587
- width: var(--tab-bar-width);
4588
- cursor: pointer;
4589
- }
4590
-
4591
- .TabBar-module_option__gYjDf {
4592
- gap: var(--tab-bar-option-gap);
4593
- color: var(--tab-bar-option-color);
4594
- padding: var(--tab-bar-option-padding) !important;
4595
- height: 100%;
4596
- width: var(--tab-bar-option-width);
4597
- flex: var(--tab-bar-option-flex);
4523
+ .Tip-module_wrapper__D7ACT {
4524
+ padding: var(--tooltip-padding) !important;
4525
+ position: fixed;
4526
+ border: var(--tooltip-border);
4527
+ border-radius: var(--tooltip-border-radius);
4528
+ background: var(--tooltip-background);
4598
4529
  white-space: nowrap;
4599
- box-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);
4600
- cursor: var(--tab-bar-option-cursor);
4601
- -webkit-user-select: none;
4602
- user-select: none;
4603
- appearance: none;
4604
- -webkit-appearance: none;
4605
- background-image: none;
4606
- background-color: transparent;
4607
- border: 0;
4608
- outline: none;
4609
- text-align: left;
4610
- }
4611
-
4612
- .TabBar-module_icon__JDgG3 {
4613
- max-height: var(--tab-bar-icon-size);
4614
- min-height: var(--tab-bar-icon-size);
4615
- max-width: var(--tab-bar-icon-size);
4616
- min-width: var(--tab-bar-icon-size);
4617
- }
4618
-
4619
- .TabBar-module_close__bvSBh {
4620
- height: 100%;
4621
- padding: var(--tab-bar-close-padding) !important;
4622
- border-left: 1px solid var(--core-outline-primary);
4623
- width: min-content;
4624
- }
4625
-
4626
- .TabBar-module_xs__QDjV9 {
4627
- }
4628
-
4629
- .TabBar-module_s__-EBj2 {
4530
+ z-index: var(--elevation-describe);
4630
4531
  }
4631
4532
 
4632
- .TabBar-module_m__3sCA3 {
4533
+ .Tip-module_xs__wsz9y {
4633
4534
  }
4634
4535
 
4635
- .TabBar-module_l__hy1rR {
4536
+ .Tip-module_s__Wvz3q {
4636
4537
  }
4637
4538
 
4638
- .TabBar-module_xl__zaASU {
4539
+ .Tip-module_m__9qJbB {
4639
4540
  }
4640
-
4641
- .TabBar-module_selected__UmBdu {
4642
- font-weight: 520 !important;
4541
+ .Tip-module_l__OdNuh {
4643
4542
  }
4644
4543
 
4645
4544
  .flexBox-module_row__z24tF {
@@ -4852,45 +4751,174 @@ line {
4852
4751
  line-height: var(--line-height-l);
4853
4752
  letter-spacing: var(--letter-spacing-m);
4854
4753
  }
4855
- .Chip-module_chip__0nys- {
4856
- padding: var(--ui-chip-padding) !important;
4857
- width: min-content;
4858
- min-height: 30px;
4859
- gap: var(--ui-chip-gap);
4860
- background: var(--ui-chip-bg-color);
4861
- line-height: 1em;
4862
- color: var(--ui-chip-label-color);
4863
- border: var(--ui-chip-border-size) solid var(--ui-chip-border-color);
4864
- border-radius: var(--ui-chip-border-radius);
4865
- transition: all var(--motion-water-duration) var(--motion-water) 0s;
4866
- cursor: var(--ui-chip-cursor);
4867
- white-space: nowrap;
4754
+
4755
+ .Grouper-module_header__D5fV0 {
4756
+ width: 100%;
4757
+ cursor: pointer;
4758
+ appearance: none;
4759
+ -webkit-appearance: none;
4760
+ background-image: none;
4761
+ background-color: transparent;
4762
+ border: 0;
4763
+ outline: none;
4764
+ padding: 0;
4765
+ }
4766
+
4767
+ .Grouper-module_title__ZKqTP {
4768
+ color: var(--core-text-primary);
4769
+ flex: 1;
4770
+ }
4771
+
4772
+ .Grouper-module_content__Mof50 {
4868
4773
  user-select: none;
4869
4774
  -webkit-user-select: none;
4775
+ padding: 0 24px !important;
4776
+ width: 100%;
4777
+ gap: 6px;
4778
+ height: var(--grouper-height);
4779
+ border-top: var(--grouper-border) solid var(--core-outline-primary);
4780
+ }
4781
+
4782
+ .Grouper-module_icon__14Jis {
4783
+ min-height: var(--grouper-icon-size);
4784
+ height: var(--grouper-icon-size);
4785
+ min-width: var(--grouper-icon-size);
4786
+ width: var(--grouper-icon-size);
4787
+ }
4788
+
4789
+ .flexBox-module_row__z24tF {
4790
+ display: flex;
4791
+ justify-content: center;
4792
+ align-items: center;
4793
+ box-sizing: border-box;
4794
+ padding: 0;
4795
+ margin: 0;
4796
+ }.flexBox-module_rowBetween__5FEvi {
4797
+ display: flex;
4798
+ justify-content: space-between;
4799
+ align-items: center;
4800
+ box-sizing: border-box;
4801
+ padding: 0;
4802
+ margin: 0;
4803
+ }.flexBox-module_rowStart__4tcxS {
4804
+ display: flex;
4805
+ justify-content: flex-start;
4806
+ align-items: center;
4807
+ box-sizing: border-box;
4808
+ padding: 0;
4809
+ margin: 0;
4810
+ }.flexBox-module_rowEnd__rVdVm {
4811
+ display: flex;
4812
+ justify-content: flex-end;
4813
+ align-items: center;
4814
+ box-sizing: border-box;
4815
+ padding: 0;
4816
+ margin: 0;
4817
+ }.flexBox-module_column__ezvMq {
4818
+ display: flex;
4819
+ flex-direction: column;
4820
+ justify-content: center;
4821
+ align-items: center;
4822
+ box-sizing: border-box;
4823
+ padding: 0;
4824
+ margin: 0;
4825
+ }.flexBox-module_columnStart__C7P44 {
4826
+ display: flex;
4827
+ flex-direction: column;
4828
+ justify-content: flex-start;
4829
+ align-items: flex-start;
4830
+ box-sizing: border-box;
4831
+ padding: 0;
4832
+ margin: 0;
4833
+ }.flexBox-module_columnStartCenter__PKcrG {
4834
+ display: flex;
4835
+ flex-direction: column;
4836
+ justify-content: flex-start;
4837
+ align-items: center;
4838
+ box-sizing: border-box;
4839
+ padding: 0;
4840
+ margin: 0;
4841
+ }.flexBox-module_columnBetween__ERfp7 {
4842
+ display: flex;
4843
+ flex-direction: column;
4844
+ justify-content: space-between;
4845
+ align-items: center;
4846
+ box-sizing: border-box;
4847
+ padding: 0;
4848
+ margin: 0;
4849
+ }.flexBox-module_columnEnd__lLJuc {
4850
+ display: flex;
4851
+ flex-direction: column;
4852
+ justify-content: flex-end;
4853
+ align-items: flex-end;
4854
+ box-sizing: border-box;
4855
+ padding: 0;
4856
+ margin: 0;
4857
+ }
4858
+
4859
+ .Slider-module_wrapper__KCCs1 {
4860
+ position: relative;
4861
+ display: flex;
4862
+ justify-content: flex-start;
4863
+ align-items: center;
4864
+ box-sizing: border-box;
4865
+ padding: 0 var(--slider-padding);
4866
+ margin: 0;
4867
+ width: var(--slider-width);
4868
+ height: auto;
4869
+ min-height: var(--slider-touch-height);
4870
+ cursor: var(--slider-cursor);
4871
+ opacity: var(--slider-opacity);
4872
+ background: transparent;
4870
4873
  }
4871
- .Chip-module_chip__0nys-:hover {
4872
- border-color: var(--ui-chip-border-color-hover);
4873
- background: var(--ui-chip-bg-color-hover);
4874
- color: var(--ui-chip-label-color-hover);
4875
- }
4876
4874
 
4877
- .Chip-module_icon__dtR-K {
4878
- height: var(--ui-chip-icon-size);
4879
- min-height: var(--ui-chip-icon-size);
4880
- width: var(--ui-chip-icon-size);
4881
- min-width: var(--ui-chip-icon-size);
4875
+ .Slider-module_trackBg__7zfqm {
4876
+ position: relative;
4877
+ width: 100%;
4878
+ height: var(--slider-height);
4879
+ background-color: var(--slider-track-color);
4880
+ overflow: hidden;
4881
+ border-radius: 100px;
4882
4882
  }
4883
4883
 
4884
- .Chip-module_xs__s-KNG {
4884
+ .Slider-module_track__kaJkL {
4885
+ position: absolute;
4886
+ top: 0;
4887
+ bottom: 0;
4888
+ width: 0;
4889
+ background-color: var(--slider-progress-color);
4890
+ overflow: visible;
4891
+ border-radius: 100px;
4885
4892
  }
4886
4893
 
4887
- .Chip-module_s__2KTXi {
4894
+ .Slider-module_trackHead__W-UdG {
4895
+ position: absolute;
4896
+ display: var(--slider-head-display);
4897
+ background-color: var(--slider-head-color);
4898
+ border: var(--slider-track-head-border);
4899
+ border-radius: var(--slider-head-radius);
4900
+ max-width: var(--slider-head-width);
4901
+ max-height: var(--slider-head-size);
4902
+ min-width: var(--slider-head-width);
4903
+ min-height: var(--slider-head-size);
4904
+ top: 50%;
4905
+ transform: translateY(-50%) translateX(-50%);
4888
4906
  }
4889
4907
 
4890
- .Chip-module_m__l2u3N {
4908
+ .Slider-module_trackWrapper__Ot0Wh {
4909
+ position: relative;
4910
+ width: 100%;
4911
+ height: var(--slider-height);
4912
+ min-height: var(--slider-touch-height);
4913
+ background-color: transparent;
4914
+ border-radius: 4px;
4915
+ overflow: visible;
4916
+ outline: none;
4891
4917
  }
4892
4918
 
4893
- .Chip-module_l__3MqPN {
4919
+ .Slider-module_trackWrapper__Ot0Wh:focus-visible {
4920
+ outline: 2px solid var(--core-link-primary);
4921
+ outline-offset: 2px;
4894
4922
  }
4895
4923
 
4896
4924
  .flexBox-module_row__z24tF {
@@ -5104,116 +5132,105 @@ line {
5104
5132
  letter-spacing: var(--letter-spacing-m);
5105
5133
  }
5106
5134
 
5107
- .Tip-module_wrapper__D7ACT {
5108
- padding: var(--tooltip-padding) !important;
5109
- position: fixed;
5110
- border: var(--tooltip-border);
5111
- border-radius: var(--tooltip-border-radius);
5112
- background: var(--tooltip-background);
5113
- white-space: nowrap;
5114
- z-index: var(--elevation-describe);
5115
- }
5116
-
5117
- .Tip-module_xs__wsz9y {
5135
+ .TextField-module_wrapper__qZ-p- {
5136
+ position: relative;
5137
+ padding: var(--tf-padding) !important;
5138
+ padding-right: var(--tf-padding-right) !important;
5139
+ gap: 8px;
5140
+ overflow: visible;
5141
+ width: var(--tf-width);
5142
+ height: var(--tf-height);
5143
+ border-radius: var(--tf-border-radius);
5144
+ background: var(--tf-bg-color);
5145
+ box-shadow: var(--tf-box-shadow);
5146
+ transition: all var(--motion-water-duration) var(--motion-water) 0s;
5118
5147
  }
5119
5148
 
5120
- .Tip-module_s__Wvz3q {
5149
+ .TextField-module_container__5U9yK {
5150
+ flex: 1;
5151
+ height: 100%;
5152
+ gap: 8px;
5121
5153
  }
5122
5154
 
5123
- .Tip-module_m__9qJbB {
5124
- }
5125
- .Tip-module_l__OdNuh {
5155
+ .TextField-module_label__jD8MR {
5156
+ color: var(--tf-label-color);
5157
+ height: auto;
5158
+ overflow: hidden;
5159
+ white-space: nowrap;
5126
5160
  }
5127
5161
 
5128
- .flexBox-module_row__z24tF {
5129
- display: flex;
5130
- justify-content: center;
5131
- align-items: center;
5132
- box-sizing: border-box;
5133
- padding: 0;
5134
- margin: 0;
5135
- }.flexBox-module_rowBetween__5FEvi {
5136
- display: flex;
5137
- justify-content: space-between;
5138
- align-items: center;
5139
- box-sizing: border-box;
5140
- padding: 0;
5141
- margin: 0;
5142
- }.flexBox-module_rowStart__4tcxS {
5143
- display: flex;
5144
- justify-content: flex-start;
5145
- align-items: center;
5146
- box-sizing: border-box;
5147
- padding: 0;
5148
- margin: 0;
5149
- }.flexBox-module_rowEnd__rVdVm {
5150
- display: flex;
5151
- justify-content: flex-end;
5152
- align-items: center;
5153
- box-sizing: border-box;
5154
- padding: 0;
5155
- margin: 0;
5156
- }.flexBox-module_column__ezvMq {
5157
- display: flex;
5158
- flex-direction: column;
5159
- justify-content: center;
5160
- align-items: center;
5161
- box-sizing: border-box;
5162
- padding: 0;
5163
- margin: 0;
5164
- }.flexBox-module_columnStart__C7P44 {
5165
- display: flex;
5166
- flex-direction: column;
5167
- justify-content: flex-start;
5168
- align-items: flex-start;
5169
- box-sizing: border-box;
5170
- padding: 0;
5171
- margin: 0;
5172
- }.flexBox-module_columnStartCenter__PKcrG {
5173
- display: flex;
5174
- flex-direction: column;
5175
- justify-content: flex-start;
5176
- align-items: center;
5177
- box-sizing: border-box;
5178
- padding: 0;
5179
- margin: 0;
5180
- }.flexBox-module_columnBetween__ERfp7 {
5181
- display: flex;
5182
- flex-direction: column;
5183
- justify-content: space-between;
5184
- align-items: center;
5185
- box-sizing: border-box;
5186
- padding: 0;
5187
- margin: 0;
5188
- }.flexBox-module_columnEnd__lLJuc {
5189
- display: flex;
5190
- flex-direction: column;
5191
- justify-content: flex-end;
5192
- align-items: flex-end;
5162
+ .TextField-module_input__AkWBQ {
5163
+ color: var(--tf-text-color);
5164
+ background-color: transparent;
5193
5165
  box-sizing: border-box;
5166
+ outline: none;
5167
+ border: 0;
5194
5168
  padding: 0;
5195
- margin: 0;
5169
+ height: 100%;
5170
+ width: var(--tf-input-width);
5171
+ field-sizing: var(--tf-field-size);
5172
+ text-align: var(--tf-text-align);
5196
5173
  }
5197
5174
 
5198
- .Switch-module_wrapper__kudO9 {
5199
- padding: var(--switch-padding) !important;
5200
- width: var(--switch-width);
5201
- height: var(--switch-height);
5202
- border-radius: 100px;
5203
- cursor: pointer;
5204
- background: var(--switch-bg-color);
5205
- transition: background var(--motion-water-duration) var(--motion-water) 0s;
5175
+ .TextField-module_input__AkWBQ::placeholder {
5176
+ color: var(--tf-placeholder-color);
5177
+ }
5178
+
5179
+ .TextField-module_input__AkWBQ:focus::placeholder {
5180
+ color: var(--tf-placeholder-color);
5181
+ }
5182
+
5183
+ .TextField-module_input__AkWBQ:disabled {
5184
+ color: var(--core-text-disabled);
5185
+ }
5186
+
5187
+ .TextField-module_input__AkWBQ:-webkit-autofill,
5188
+ .TextField-module_input__AkWBQ:-webkit-autofill:hover,
5189
+ .TextField-module_input__AkWBQ:-webkit-autofill:focus,
5190
+ .TextField-module_input__AkWBQ:-webkit-autofill:active {
5191
+ box-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;
5192
+ -webkit-text-fill-color: var(--core-text-primary);
5193
+ }
5194
+
5195
+ .TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
5196
+ color: var(--tf-placeholder-color);
5197
+ }
5198
+
5199
+ .TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
5200
+ color: transparent;
5201
+ }
5202
+
5203
+ .TextField-module_showPassword__4Ecfo {
5204
+ min-height: 18px;
5205
+ min-width: 18px;
5206
+ max-height: 18px;
5207
+ max-width: 18px;
5208
+ opacity: var(--tf-show-opacity);
5209
+ }
5210
+
5211
+ .TextField-module_showPassword__4Ecfo:hover {
5212
+ opacity: var(--tf-show-opacity-hover);
5213
+ }
5214
+
5215
+ .TextField-module_clearButton__O9ed3 {
5216
+ border: 0;
5217
+ background: transparent;
5206
5218
  appearance: none;
5207
5219
  -webkit-appearance: none;
5208
- border: 0;
5209
5220
  outline: none;
5221
+ cursor: pointer;
5210
5222
  }
5211
5223
 
5212
- .Switch-module_knob__vKNOc {
5213
- width: var(--switch-knob-size);
5214
- height: var(--switch-knob-size);
5215
- background: var(--switch-knob-color);
5216
- border-radius: 100%;
5224
+ .TextField-module_xs__vyt2t {
5225
+ }
5226
+
5227
+ .TextField-module_s__0qm83 {
5228
+ }
5229
+
5230
+ .TextField-module_m__M-tLl {
5231
+ }
5232
+
5233
+ .TextField-module_l__gbNRz {
5217
5234
  }
5218
5235
 
5219
5236
  .flexBox-module_row__z24tF {
@@ -5284,6 +5301,48 @@ line {
5284
5301
  box-sizing: border-box;
5285
5302
  padding: 0;
5286
5303
  margin: 0;
5304
+ }.scrollBars-module_scrollbars__c-ZPl {
5305
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
5306
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
5307
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
5308
+ --scrollbar-size: 6px;
5309
+ --scrollbar-bg: transparent;
5310
+ --scrollbar-thumb: var(--scroll-bar);
5311
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
5312
+
5313
+ /* firefox does not support -webkit-scrollbar */
5314
+ @supports not selector(::-webkit-scrollbar) {
5315
+ scrollbar-width: thin;
5316
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
5317
+ }
5318
+
5319
+ &::-webkit-scrollbar {
5320
+ background-color: var(--scrollbar-bg);
5321
+ width: var(--scrollbar-size);
5322
+ height: var(--scrollbar-size);
5323
+ }
5324
+
5325
+ &::-webkit-scrollbar-track {
5326
+ background-color: var(--scrollbar-bg);
5327
+ width: var(--scrollbar-size);
5328
+ height: var(--scrollbar-size);
5329
+ }
5330
+
5331
+ &::-webkit-scrollbar-thumb {
5332
+ background-color: var(--scrollbar-thumb);
5333
+ border-radius: 20px;
5334
+ border: 1px solid var(--scrollbar-bg);
5335
+ }
5336
+
5337
+ &::-webkit-scrollbar-thumb:hover {
5338
+ background-color: var(--scrollbar-thumb-hover);
5339
+ border-radius: 20px;
5340
+ border: 1px solid var(--scrollbar-bg);
5341
+ }
5342
+
5343
+ &::-webkit-scrollbar-corner {
5344
+ background-color: var(--scrollbar-bg);
5345
+ }
5287
5346
  }.type-module_body-xs-regular__ZAFft {
5288
5347
  font-family: var(--font-family), sans-serif;
5289
5348
  font-weight: var(--font-weight-regular);
@@ -5427,108 +5486,145 @@ line {
5427
5486
  letter-spacing: var(--letter-spacing-m);
5428
5487
  }
5429
5488
 
5430
- .TextField-module_wrapper__qZ-p- {
5489
+ .TextArea-module_wrapper__O0sWP {
5431
5490
  position: relative;
5432
- padding: var(--tf-padding) !important;
5433
- padding-right: var(--tf-padding-right) !important;
5434
- gap: 8px;
5435
- overflow: visible;
5436
- width: var(--tf-width);
5437
- height: var(--tf-height);
5438
- border-radius: var(--tf-border-radius);
5439
- background: var(--tf-bg-color);
5440
- box-shadow: var(--tf-box-shadow);
5491
+ padding: var(--ta-padding) !important;
5492
+ width: var(--ta-width);
5493
+ height: var(--ta-height);
5494
+ max-height: var(--ta-max-height);
5495
+ border-radius: var(--ta-border-radius);
5496
+ background-color: var(--ta-bg-color);
5497
+ box-shadow: 0 0 0 1px var(--ta-border-color);
5441
5498
  transition: all var(--motion-water-duration) var(--motion-water) 0s;
5442
5499
  }
5443
5500
 
5444
- .TextField-module_container__5U9yK {
5445
- flex: 1;
5501
+ .TextArea-module_textarea__-R2n0 {
5502
+ border: 0;
5503
+ outline: 0;
5504
+ padding: 0 16px 0 0;
5505
+ width: 100%;
5446
5506
  height: 100%;
5447
- gap: 8px;
5448
- }
5449
-
5450
- .TextField-module_label__jD8MR {
5451
- color: var(--tf-label-color);
5452
- height: auto;
5453
- overflow: hidden;
5454
- white-space: nowrap;
5455
- }
5456
-
5457
- .TextField-module_input__AkWBQ {
5458
- color: var(--tf-text-color);
5507
+ color: var(--core-text-primary);
5459
5508
  background-color: transparent;
5460
5509
  box-sizing: border-box;
5461
- outline: none;
5462
- border: 0;
5463
- padding: 0;
5464
- height: 100%;
5465
- width: var(--tf-input-width);
5466
- field-sizing: var(--tf-field-size);
5467
- text-align: var(--tf-text-align);
5510
+ resize: var(--ta-resize);
5468
5511
  }
5469
5512
 
5470
- .TextField-module_input__AkWBQ::placeholder {
5471
- color: var(--tf-placeholder-color);
5472
- }
5473
-
5474
- .TextField-module_input__AkWBQ:focus::placeholder {
5475
- color: var(--tf-placeholder-color);
5476
- }
5477
-
5478
- .TextField-module_input__AkWBQ:disabled {
5513
+ .TextArea-module_textarea__-R2n0:disabled {
5479
5514
  color: var(--core-text-disabled);
5480
5515
  }
5481
5516
 
5482
- .TextField-module_input__AkWBQ:-webkit-autofill,
5483
- .TextField-module_input__AkWBQ:-webkit-autofill:hover,
5484
- .TextField-module_input__AkWBQ:-webkit-autofill:focus,
5485
- .TextField-module_input__AkWBQ:-webkit-autofill:active {
5486
- box-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;
5487
- -webkit-text-fill-color: var(--core-text-primary);
5517
+ .TextArea-module_textarea__-R2n0::placeholder {
5518
+ color: var(--core-text-disabled);
5488
5519
  }
5489
5520
 
5490
- .TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
5491
- color: var(--tf-placeholder-color);
5492
- }
5521
+ .TextArea-module_textarea__-R2n0 {
5493
5522
 
5494
- .TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
5495
- color: transparent;
5496
- }
5523
+ overflow-y: auto;
5524
+ }
5497
5525
 
5498
- .TextField-module_showPassword__4Ecfo {
5499
- min-height: 18px;
5500
- min-width: 18px;
5501
- max-height: 18px;
5502
- max-width: 18px;
5503
- opacity: var(--tf-show-opacity);
5526
+ .TextArea-module_actions__yunQx {
5527
+ width: 100%;
5528
+ min-height: 30px;
5529
+ color: var(--core-text-disabled);
5530
+ gap: 16px;
5504
5531
  }
5505
5532
 
5506
- .TextField-module_showPassword__4Ecfo:hover {
5507
- opacity: var(--tf-show-opacity-hover);
5508
- }
5533
+ .TextArea-module_option__2SFx5 {
5534
+ gap: 4px;
5535
+ white-space: nowrap;
5536
+ user-select: none;
5537
+ -webkit-user-select: none;
5538
+ cursor: default;
5539
+ }
5509
5540
 
5510
- .TextField-module_clearButton__O9ed3 {
5511
- border: 0;
5512
- background: transparent;
5513
- appearance: none;
5514
- -webkit-appearance: none;
5515
- outline: none;
5516
- cursor: pointer;
5541
+ .TextArea-module_send__Cub13 {
5542
+ position: absolute;
5543
+ bottom: var(--ta-send-icon-offset-bottom);
5544
+ right: var(--ta-send-icon-offset-right);
5517
5545
  }
5518
5546
 
5519
- .TextField-module_xs__vyt2t {
5547
+ .TextArea-module_xs__5e748 {
5520
5548
  }
5521
5549
 
5522
- .TextField-module_s__0qm83 {
5550
+ .TextArea-module_s__Ac-fq {
5523
5551
  }
5524
5552
 
5525
- .TextField-module_m__M-tLl {
5553
+ .TextArea-module_m__dod4R {
5526
5554
  }
5527
5555
 
5528
- .TextField-module_l__gbNRz {
5556
+ .TextArea-module_l__-uLCG {
5529
5557
  }
5530
5558
 
5531
- .type-module_body-xs-regular__ZAFft {
5559
+ .flexBox-module_row__z24tF {
5560
+ display: flex;
5561
+ justify-content: center;
5562
+ align-items: center;
5563
+ box-sizing: border-box;
5564
+ padding: 0;
5565
+ margin: 0;
5566
+ }.flexBox-module_rowBetween__5FEvi {
5567
+ display: flex;
5568
+ justify-content: space-between;
5569
+ align-items: center;
5570
+ box-sizing: border-box;
5571
+ padding: 0;
5572
+ margin: 0;
5573
+ }.flexBox-module_rowStart__4tcxS {
5574
+ display: flex;
5575
+ justify-content: flex-start;
5576
+ align-items: center;
5577
+ box-sizing: border-box;
5578
+ padding: 0;
5579
+ margin: 0;
5580
+ }.flexBox-module_rowEnd__rVdVm {
5581
+ display: flex;
5582
+ justify-content: flex-end;
5583
+ align-items: center;
5584
+ box-sizing: border-box;
5585
+ padding: 0;
5586
+ margin: 0;
5587
+ }.flexBox-module_column__ezvMq {
5588
+ display: flex;
5589
+ flex-direction: column;
5590
+ justify-content: center;
5591
+ align-items: center;
5592
+ box-sizing: border-box;
5593
+ padding: 0;
5594
+ margin: 0;
5595
+ }.flexBox-module_columnStart__C7P44 {
5596
+ display: flex;
5597
+ flex-direction: column;
5598
+ justify-content: flex-start;
5599
+ align-items: flex-start;
5600
+ box-sizing: border-box;
5601
+ padding: 0;
5602
+ margin: 0;
5603
+ }.flexBox-module_columnStartCenter__PKcrG {
5604
+ display: flex;
5605
+ flex-direction: column;
5606
+ justify-content: flex-start;
5607
+ align-items: center;
5608
+ box-sizing: border-box;
5609
+ padding: 0;
5610
+ margin: 0;
5611
+ }.flexBox-module_columnBetween__ERfp7 {
5612
+ display: flex;
5613
+ flex-direction: column;
5614
+ justify-content: space-between;
5615
+ align-items: center;
5616
+ box-sizing: border-box;
5617
+ padding: 0;
5618
+ margin: 0;
5619
+ }.flexBox-module_columnEnd__lLJuc {
5620
+ display: flex;
5621
+ flex-direction: column;
5622
+ justify-content: flex-end;
5623
+ align-items: flex-end;
5624
+ box-sizing: border-box;
5625
+ padding: 0;
5626
+ margin: 0;
5627
+ }.type-module_body-xs-regular__ZAFft {
5532
5628
  font-family: var(--font-family), sans-serif;
5533
5629
  font-weight: var(--font-weight-regular);
5534
5630
  font-size: var(--font-size-xs);
@@ -5671,43 +5767,45 @@ line {
5671
5767
  letter-spacing: var(--letter-spacing-m);
5672
5768
  }
5673
5769
 
5674
- .Label-module_label__RaRvM {
5675
- line-height: 1em;
5676
- white-space: nowrap;
5677
- padding: var(--label-padding) !important;
5678
- width: min-content;
5679
- color: var(--label-color);
5680
- border-radius: var(--label-border-radius);
5681
- border: var(--label-border-size) solid var(--label-border-color);
5682
- cursor: default;
5683
- background: var(--label-bg-color);
5770
+ .Toast-module_wrapper__1uj9O {
5771
+ padding: var(--toast-padding) !important;
5772
+ color: var(--toast-color);
5773
+ position: var(--toast-position);
5774
+ border: var(--toast-border);
5775
+ border-radius: var(--toast-border-radius);
5776
+ background: var(--toast-background);
5777
+ z-index: var(--elevation-status);
5778
+ gap: 16px;
5779
+ box-shadow: var(--surface-shadow-soft);
5780
+ left: 50%;
5781
+ transform: translateX(-50%);
5684
5782
  }
5685
5783
 
5686
- .Label-module_button__N8bcQ {
5687
- display: inline-flex !important;
5688
- background: var(--label-bg-color);
5689
- color: var(--label-color);
5690
- border-radius: var(--label-border-radius);
5691
- border: var(--label-border-size) solid var(--label-border-color);
5692
- width: min-content;
5784
+ .Toast-module_close__i10-s {
5785
+ min-height: 20px;
5786
+ max-height: 20px;
5787
+ min-width: 20px;
5788
+ max-width: 20px;
5693
5789
  cursor: pointer;
5694
- white-space: nowrap;
5695
- appearance: none;
5696
- -webkit-appearance: none;
5697
- background-image: none;
5698
- outline: none;
5699
5790
  }
5700
5791
 
5701
- .Label-module_xs__K9Ai6 {
5792
+ .Toast-module_message__3dP0P {
5793
+ gap: 6px;
5794
+ }
5795
+
5796
+ .Toast-module_progress__SWsbA {
5797
+ min-height: 20px;
5798
+ max-height: 20px;
5799
+ min-width: 20px;
5800
+ max-width: 20px;
5702
5801
  }
5703
5802
 
5704
- .Label-module_s__Zh8Gp {
5803
+ .Toast-module_s__kc5Ef {
5705
5804
  }
5706
5805
 
5707
- .Label-module_m__BJtGL {
5806
+ .Toast-module_m__JtmLz {
5708
5807
  }
5709
-
5710
- .Label-module_l__t70tt {
5808
+ .Toast-module_l__-W0PD {
5711
5809
  }
5712
5810
 
5713
5811
  .flexBox-module_row__z24tF {
@@ -5911,253 +6009,66 @@ line {
5911
6009
  font-family: var(--font-family), sans-serif;
5912
6010
  font-weight: var(--font-weight-bold);
5913
6011
  font-size: var(--font-size-h5);
5914
- line-height: var(--line-height-l);
5915
- letter-spacing: var(--letter-spacing-m);
5916
- }.type-module_h6__sshOw {
5917
- font-family: var(--font-family), sans-serif;
5918
- font-weight: var(--font-weight-bold);
5919
- font-size: var(--font-size-h6);
5920
- line-height: var(--line-height-l);
5921
- letter-spacing: var(--letter-spacing-m);
5922
- }
5923
-
5924
- .Button-module_button__2ZuB7 {
5925
- position: relative;
5926
- user-select: none;
5927
- -webkit-user-select: none;
5928
- appearance: none;
5929
- -webkit-appearance: none;
5930
- background-image: none;
5931
- outline: none;
5932
- }
5933
-
5934
- .Button-module_label__UJ3Zt {
5935
- user-select: none;
5936
- -webkit-user-select: none;
5937
- text-overflow: ellipsis;
5938
- overflow: hidden;
5939
- white-space: nowrap;
5940
- word-break: break-all;
5941
- display: -webkit-box;
5942
- -webkit-line-clamp: 1;
5943
- -webkit-box-orient: vertical;
5944
- }
5945
-
5946
- .Button-module_label__UJ3Zt:hover {
5947
- text-decoration: var(--ui-button-decoration);
5948
- }
5949
-
5950
- .Button-module_count__DFxVB {
5951
- position: absolute;
5952
- top: 0;
5953
- right: 0;
5954
- transform: translateX(10px) translateY(-2px);
5955
- }
5956
-
5957
- .Button-module_icon__-43u5 {
5958
- min-width: var(--ui-button-icon-size);
5959
- min-height: var(--ui-button-icon-size);
5960
- height: var(--ui-button-icon-size);
5961
- width: var(--ui-button-icon-size);
5962
- }
5963
-
5964
- .Button-module_xs__cF6m0 {
5965
- }
5966
-
5967
- .Button-module_m__DR-gs {
5968
- }
5969
-
5970
- .Button-module_l__0E0yI {
5971
- }
5972
-
5973
- .Button-module_s__dSKOL {
5974
- }
5975
-
5976
- .flexBox-module_row__z24tF {
5977
- display: flex;
5978
- justify-content: center;
5979
- align-items: center;
5980
- box-sizing: border-box;
5981
- padding: 0;
5982
- margin: 0;
5983
- }.flexBox-module_rowBetween__5FEvi {
5984
- display: flex;
5985
- justify-content: space-between;
5986
- align-items: center;
5987
- box-sizing: border-box;
5988
- padding: 0;
5989
- margin: 0;
5990
- }.flexBox-module_rowStart__4tcxS {
5991
- display: flex;
5992
- justify-content: flex-start;
5993
- align-items: center;
5994
- box-sizing: border-box;
5995
- padding: 0;
5996
- margin: 0;
5997
- }.flexBox-module_rowEnd__rVdVm {
5998
- display: flex;
5999
- justify-content: flex-end;
6000
- align-items: center;
6001
- box-sizing: border-box;
6002
- padding: 0;
6003
- margin: 0;
6004
- }.flexBox-module_column__ezvMq {
6005
- display: flex;
6006
- flex-direction: column;
6007
- justify-content: center;
6008
- align-items: center;
6009
- box-sizing: border-box;
6010
- padding: 0;
6011
- margin: 0;
6012
- }.flexBox-module_columnStart__C7P44 {
6013
- display: flex;
6014
- flex-direction: column;
6015
- justify-content: flex-start;
6016
- align-items: flex-start;
6017
- box-sizing: border-box;
6018
- padding: 0;
6019
- margin: 0;
6020
- }.flexBox-module_columnStartCenter__PKcrG {
6021
- display: flex;
6022
- flex-direction: column;
6023
- justify-content: flex-start;
6024
- align-items: center;
6025
- box-sizing: border-box;
6026
- padding: 0;
6027
- margin: 0;
6028
- }.flexBox-module_columnBetween__ERfp7 {
6029
- display: flex;
6030
- flex-direction: column;
6031
- justify-content: space-between;
6032
- align-items: center;
6033
- box-sizing: border-box;
6034
- padding: 0;
6035
- margin: 0;
6036
- }.flexBox-module_columnEnd__lLJuc {
6037
- display: flex;
6038
- flex-direction: column;
6039
- justify-content: flex-end;
6040
- align-items: flex-end;
6041
- box-sizing: border-box;
6042
- padding: 0;
6043
- margin: 0;
6044
- }
6045
-
6046
- .ButtonBar-module_wrapper__FYZ3s {
6047
- border-radius: var(--bb-border-radius);
6048
- border: var(--bb-border-size) solid var(--bb-border-color);
6049
- overflow: hidden;
6050
- }
6051
-
6052
- .ButtonBar-module_label__UcAS1 {
6053
- color: var(--bb-label-color);
6054
- padding-right: 4px;
6055
- }
6056
-
6057
- .ButtonBar-module_button__bMR3h {
6058
- height: var(--bb-button-size);
6059
- width: var(--bb-button-size);
6060
- min-height: var(--bb-button-size);
6061
- min-width: var(--bb-button-size);
6062
- cursor: pointer;
6063
- background: var(--bb-bg-color);
6064
- border: 0;
6065
- border-right: var(--bb-border-size) solid var(--bb-border-color);
6066
- user-select: none;
6067
- -webkit-user-select: none;
6068
- appearance: none;
6069
- -webkit-appearance: none;
6070
- }
6071
-
6072
- .ButtonBar-module_button__bMR3h:first-child {
6073
- padding-left: 4px;
6074
- }
6075
-
6076
- .ButtonBar-module_button__bMR3h:last-child {
6077
- border-right: none;
6078
- padding-right: 4px;
6079
- }
6080
-
6081
- .ButtonBar-module_button__bMR3h:hover {
6082
- background: var(--bb-bg-color-hover);
6083
- }
6084
-
6085
- .ButtonBar-module_selected__wKvmi {
6086
- background: var(--bb-bg-color-active);
6087
- color: var(--core-link-primary);
6088
- }
6089
-
6090
- .flexBox-module_row__z24tF {
6091
- display: flex;
6092
- justify-content: center;
6093
- align-items: center;
6094
- box-sizing: border-box;
6095
- padding: 0;
6096
- margin: 0;
6097
- }.flexBox-module_rowBetween__5FEvi {
6098
- display: flex;
6099
- justify-content: space-between;
6100
- align-items: center;
6101
- box-sizing: border-box;
6102
- padding: 0;
6103
- margin: 0;
6104
- }.flexBox-module_rowStart__4tcxS {
6105
- display: flex;
6106
- justify-content: flex-start;
6107
- align-items: center;
6108
- box-sizing: border-box;
6109
- padding: 0;
6110
- margin: 0;
6111
- }.flexBox-module_rowEnd__rVdVm {
6112
- display: flex;
6113
- justify-content: flex-end;
6114
- align-items: center;
6115
- box-sizing: border-box;
6116
- padding: 0;
6117
- margin: 0;
6118
- }.flexBox-module_column__ezvMq {
6119
- display: flex;
6120
- flex-direction: column;
6121
- justify-content: center;
6122
- align-items: center;
6123
- box-sizing: border-box;
6124
- padding: 0;
6125
- margin: 0;
6126
- }.flexBox-module_columnStart__C7P44 {
6127
- display: flex;
6128
- flex-direction: column;
6129
- justify-content: flex-start;
6130
- align-items: flex-start;
6131
- box-sizing: border-box;
6132
- padding: 0;
6133
- margin: 0;
6134
- }.flexBox-module_columnStartCenter__PKcrG {
6135
- display: flex;
6136
- flex-direction: column;
6137
- justify-content: flex-start;
6138
- align-items: center;
6139
- box-sizing: border-box;
6140
- padding: 0;
6141
- margin: 0;
6142
- }.flexBox-module_columnBetween__ERfp7 {
6143
- display: flex;
6144
- flex-direction: column;
6145
- justify-content: space-between;
6146
- align-items: center;
6147
- box-sizing: border-box;
6148
- padding: 0;
6149
- margin: 0;
6150
- }.flexBox-module_columnEnd__lLJuc {
6151
- display: flex;
6152
- flex-direction: column;
6153
- justify-content: flex-end;
6154
- align-items: flex-end;
6155
- box-sizing: border-box;
6156
- padding: 0;
6157
- margin: 0;
6158
- }.ToggleButton-module_toggleButton__H7KgI {
6159
- width: min-content;
6160
- gap: var(--tb-gap);
6012
+ line-height: var(--line-height-l);
6013
+ letter-spacing: var(--letter-spacing-m);
6014
+ }.type-module_h6__sshOw {
6015
+ font-family: var(--font-family), sans-serif;
6016
+ font-weight: var(--font-weight-bold);
6017
+ font-size: var(--font-size-h6);
6018
+ line-height: var(--line-height-l);
6019
+ letter-spacing: var(--letter-spacing-m);
6020
+ }
6021
+
6022
+ .Button-module_button__2ZuB7 {
6023
+ position: relative;
6024
+ user-select: none;
6025
+ -webkit-user-select: none;
6026
+ appearance: none;
6027
+ -webkit-appearance: none;
6028
+ background-image: none;
6029
+ outline: none;
6030
+ }
6031
+
6032
+ .Button-module_label__UJ3Zt {
6033
+ user-select: none;
6034
+ -webkit-user-select: none;
6035
+ text-overflow: ellipsis;
6036
+ overflow: hidden;
6037
+ white-space: nowrap;
6038
+ word-break: break-all;
6039
+ display: -webkit-box;
6040
+ -webkit-line-clamp: 1;
6041
+ -webkit-box-orient: vertical;
6042
+ }
6043
+
6044
+ .Button-module_label__UJ3Zt:hover {
6045
+ text-decoration: var(--ui-button-decoration);
6046
+ }
6047
+
6048
+ .Button-module_count__DFxVB {
6049
+ position: absolute;
6050
+ top: 0;
6051
+ right: 0;
6052
+ transform: translateX(10px) translateY(-2px);
6053
+ }
6054
+
6055
+ .Button-module_icon__-43u5 {
6056
+ min-width: var(--ui-button-icon-size);
6057
+ min-height: var(--ui-button-icon-size);
6058
+ height: var(--ui-button-icon-size);
6059
+ width: var(--ui-button-icon-size);
6060
+ }
6061
+
6062
+ .Button-module_xs__cF6m0 {
6063
+ }
6064
+
6065
+ .Button-module_m__DR-gs {
6066
+ }
6067
+
6068
+ .Button-module_l__0E0yI {
6069
+ }
6070
+
6071
+ .Button-module_s__dSKOL {
6161
6072
  }
6162
6073
 
6163
6074
  .flexBox-module_row__z24tF {
@@ -6228,48 +6139,6 @@ line {
6228
6139
  box-sizing: border-box;
6229
6140
  padding: 0;
6230
6141
  margin: 0;
6231
- }.scrollBars-module_scrollbars__c-ZPl {
6232
- /* Consumers override these to theme their own scrollbar (e.g. Modal
6233
- binds them to its scrollHandleColor/scrollHandleColorHover props).
6234
- Unoverridden, they fall back to the shared page-level scroll tokens. */
6235
- --scrollbar-size: 6px;
6236
- --scrollbar-bg: transparent;
6237
- --scrollbar-thumb: var(--scroll-bar);
6238
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
6239
-
6240
- /* firefox does not support -webkit-scrollbar */
6241
- @supports not selector(::-webkit-scrollbar) {
6242
- scrollbar-width: thin;
6243
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
6244
- }
6245
-
6246
- &::-webkit-scrollbar {
6247
- background-color: var(--scrollbar-bg);
6248
- width: var(--scrollbar-size);
6249
- height: var(--scrollbar-size);
6250
- }
6251
-
6252
- &::-webkit-scrollbar-track {
6253
- background-color: var(--scrollbar-bg);
6254
- width: var(--scrollbar-size);
6255
- height: var(--scrollbar-size);
6256
- }
6257
-
6258
- &::-webkit-scrollbar-thumb {
6259
- background-color: var(--scrollbar-thumb);
6260
- border-radius: 20px;
6261
- border: 1px solid var(--scrollbar-bg);
6262
- }
6263
-
6264
- &::-webkit-scrollbar-thumb:hover {
6265
- background-color: var(--scrollbar-thumb-hover);
6266
- border-radius: 20px;
6267
- border: 1px solid var(--scrollbar-bg);
6268
- }
6269
-
6270
- &::-webkit-scrollbar-corner {
6271
- background-color: var(--scrollbar-bg);
6272
- }
6273
6142
  }.type-module_body-xs-regular__ZAFft {
6274
6143
  font-family: var(--font-family), sans-serif;
6275
6144
  font-weight: var(--font-weight-regular);
@@ -6412,75 +6281,159 @@ line {
6412
6281
  line-height: var(--line-height-l);
6413
6282
  letter-spacing: var(--letter-spacing-m);
6414
6283
  }
6415
-
6416
- .TextArea-module_wrapper__O0sWP {
6417
- position: relative;
6418
- padding: var(--ta-padding) !important;
6419
- width: var(--ta-width);
6420
- height: var(--ta-height);
6421
- max-height: var(--ta-max-height);
6422
- border-radius: var(--ta-border-radius);
6423
- background-color: var(--ta-bg-color);
6424
- box-shadow: 0 0 0 1px var(--ta-border-color);
6284
+ .Chip-module_chip__0nys- {
6285
+ padding: var(--ui-chip-padding) !important;
6286
+ width: min-content;
6287
+ min-height: 30px;
6288
+ gap: var(--ui-chip-gap);
6289
+ background: var(--ui-chip-bg-color);
6290
+ line-height: 1em;
6291
+ color: var(--ui-chip-label-color);
6292
+ border: var(--ui-chip-border-size) solid var(--ui-chip-border-color);
6293
+ border-radius: var(--ui-chip-border-radius);
6425
6294
  transition: all var(--motion-water-duration) var(--motion-water) 0s;
6295
+ cursor: var(--ui-chip-cursor);
6296
+ white-space: nowrap;
6297
+ user-select: none;
6298
+ -webkit-user-select: none;
6299
+ }
6300
+ .Chip-module_chip__0nys-:hover {
6301
+ border-color: var(--ui-chip-border-color-hover);
6302
+ background: var(--ui-chip-bg-color-hover);
6303
+ color: var(--ui-chip-label-color-hover);
6304
+ }
6305
+
6306
+ .Chip-module_icon__dtR-K {
6307
+ height: var(--ui-chip-icon-size);
6308
+ min-height: var(--ui-chip-icon-size);
6309
+ width: var(--ui-chip-icon-size);
6310
+ min-width: var(--ui-chip-icon-size);
6426
6311
  }
6427
6312
 
6428
- .TextArea-module_textarea__-R2n0 {
6429
- border: 0;
6430
- outline: 0;
6431
- padding: 0 16px 0 0;
6432
- width: 100%;
6433
- height: 100%;
6434
- color: var(--core-text-primary);
6435
- background-color: transparent;
6436
- box-sizing: border-box;
6437
- resize: var(--ta-resize);
6313
+ .Chip-module_xs__s-KNG {
6438
6314
  }
6439
6315
 
6440
- .TextArea-module_textarea__-R2n0:disabled {
6441
- color: var(--core-text-disabled);
6442
- }
6316
+ .Chip-module_s__2KTXi {
6317
+ }
6443
6318
 
6444
- .TextArea-module_textarea__-R2n0::placeholder {
6445
- color: var(--core-text-disabled);
6446
- }
6319
+ .Chip-module_m__l2u3N {
6320
+ }
6447
6321
 
6448
- .TextArea-module_textarea__-R2n0 {
6322
+ .Chip-module_l__3MqPN {
6323
+ }
6449
6324
 
6450
- overflow-y: auto;
6325
+ .flexBox-module_row__z24tF {
6326
+ display: flex;
6327
+ justify-content: center;
6328
+ align-items: center;
6329
+ box-sizing: border-box;
6330
+ padding: 0;
6331
+ margin: 0;
6332
+ }.flexBox-module_rowBetween__5FEvi {
6333
+ display: flex;
6334
+ justify-content: space-between;
6335
+ align-items: center;
6336
+ box-sizing: border-box;
6337
+ padding: 0;
6338
+ margin: 0;
6339
+ }.flexBox-module_rowStart__4tcxS {
6340
+ display: flex;
6341
+ justify-content: flex-start;
6342
+ align-items: center;
6343
+ box-sizing: border-box;
6344
+ padding: 0;
6345
+ margin: 0;
6346
+ }.flexBox-module_rowEnd__rVdVm {
6347
+ display: flex;
6348
+ justify-content: flex-end;
6349
+ align-items: center;
6350
+ box-sizing: border-box;
6351
+ padding: 0;
6352
+ margin: 0;
6353
+ }.flexBox-module_column__ezvMq {
6354
+ display: flex;
6355
+ flex-direction: column;
6356
+ justify-content: center;
6357
+ align-items: center;
6358
+ box-sizing: border-box;
6359
+ padding: 0;
6360
+ margin: 0;
6361
+ }.flexBox-module_columnStart__C7P44 {
6362
+ display: flex;
6363
+ flex-direction: column;
6364
+ justify-content: flex-start;
6365
+ align-items: flex-start;
6366
+ box-sizing: border-box;
6367
+ padding: 0;
6368
+ margin: 0;
6369
+ }.flexBox-module_columnStartCenter__PKcrG {
6370
+ display: flex;
6371
+ flex-direction: column;
6372
+ justify-content: flex-start;
6373
+ align-items: center;
6374
+ box-sizing: border-box;
6375
+ padding: 0;
6376
+ margin: 0;
6377
+ }.flexBox-module_columnBetween__ERfp7 {
6378
+ display: flex;
6379
+ flex-direction: column;
6380
+ justify-content: space-between;
6381
+ align-items: center;
6382
+ box-sizing: border-box;
6383
+ padding: 0;
6384
+ margin: 0;
6385
+ }.flexBox-module_columnEnd__lLJuc {
6386
+ display: flex;
6387
+ flex-direction: column;
6388
+ justify-content: flex-end;
6389
+ align-items: flex-end;
6390
+ box-sizing: border-box;
6391
+ padding: 0;
6392
+ margin: 0;
6451
6393
  }
6452
6394
 
6453
- .TextArea-module_actions__yunQx {
6454
- width: 100%;
6455
- min-height: 30px;
6456
- color: var(--core-text-disabled);
6457
- gap: 16px;
6395
+ .ButtonBar-module_wrapper__FYZ3s {
6396
+ border-radius: var(--bb-border-radius);
6397
+ border: var(--bb-border-size) solid var(--bb-border-color);
6398
+ overflow: hidden;
6458
6399
  }
6459
6400
 
6460
- .TextArea-module_option__2SFx5 {
6461
- gap: 4px;
6462
- white-space: nowrap;
6401
+ .ButtonBar-module_label__UcAS1 {
6402
+ color: var(--bb-label-color);
6403
+ padding-right: 4px;
6404
+ }
6405
+
6406
+ .ButtonBar-module_button__bMR3h {
6407
+ height: var(--bb-button-size);
6408
+ width: var(--bb-button-size);
6409
+ min-height: var(--bb-button-size);
6410
+ min-width: var(--bb-button-size);
6411
+ cursor: pointer;
6412
+ background: var(--bb-bg-color);
6413
+ border: 0;
6414
+ border-right: var(--bb-border-size) solid var(--bb-border-color);
6463
6415
  user-select: none;
6464
6416
  -webkit-user-select: none;
6465
- cursor: default;
6466
- }
6467
-
6468
- .TextArea-module_send__Cub13 {
6469
- position: absolute;
6470
- bottom: var(--ta-send-icon-offset-bottom);
6471
- right: var(--ta-send-icon-offset-right);
6417
+ appearance: none;
6418
+ -webkit-appearance: none;
6472
6419
  }
6473
6420
 
6474
- .TextArea-module_xs__5e748 {
6475
- }
6421
+ .ButtonBar-module_button__bMR3h:first-child {
6422
+ padding-left: 4px;
6423
+ }
6476
6424
 
6477
- .TextArea-module_s__Ac-fq {
6478
- }
6425
+ .ButtonBar-module_button__bMR3h:last-child {
6426
+ border-right: none;
6427
+ padding-right: 4px;
6428
+ }
6479
6429
 
6480
- .TextArea-module_m__dod4R {
6481
- }
6430
+ .ButtonBar-module_button__bMR3h:hover {
6431
+ background: var(--bb-bg-color-hover);
6432
+ }
6482
6433
 
6483
- .TextArea-module_l__-uLCG {
6434
+ .ButtonBar-module_selected__wKvmi {
6435
+ background: var(--bb-bg-color-active);
6436
+ color: var(--core-link-primary);
6484
6437
  }
6485
6438
 
6486
6439
  .type-module_body-xs-regular__ZAFft {
@@ -6624,228 +6577,45 @@ line {
6624
6577
  font-size: var(--font-size-h6);
6625
6578
  line-height: var(--line-height-l);
6626
6579
  letter-spacing: var(--letter-spacing-m);
6627
- }.scrollBars-module_scrollbars__c-ZPl {
6628
- /* Consumers override these to theme their own scrollbar (e.g. Modal
6629
- binds them to its scrollHandleColor/scrollHandleColorHover props).
6630
- Unoverridden, they fall back to the shared page-level scroll tokens. */
6631
- --scrollbar-size: 6px;
6632
- --scrollbar-bg: transparent;
6633
- --scrollbar-thumb: var(--scroll-bar);
6634
- --scrollbar-thumb-hover: var(--scroll-bar-hover);
6635
-
6636
- /* firefox does not support -webkit-scrollbar */
6637
- @supports not selector(::-webkit-scrollbar) {
6638
- scrollbar-width: thin;
6639
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
6640
- }
6641
-
6642
- &::-webkit-scrollbar {
6643
- background-color: var(--scrollbar-bg);
6644
- width: var(--scrollbar-size);
6645
- height: var(--scrollbar-size);
6646
- }
6647
-
6648
- &::-webkit-scrollbar-track {
6649
- background-color: var(--scrollbar-bg);
6650
- width: var(--scrollbar-size);
6651
- height: var(--scrollbar-size);
6652
- }
6653
-
6654
- &::-webkit-scrollbar-thumb {
6655
- background-color: var(--scrollbar-thumb);
6656
- border-radius: 20px;
6657
- border: 1px solid var(--scrollbar-bg);
6658
- }
6659
-
6660
- &::-webkit-scrollbar-thumb:hover {
6661
- background-color: var(--scrollbar-thumb-hover);
6662
- border-radius: 20px;
6663
- border: 1px solid var(--scrollbar-bg);
6664
- }
6665
-
6666
- &::-webkit-scrollbar-corner {
6667
- background-color: var(--scrollbar-bg);
6668
- }
6669
- }
6670
-
6671
- .DataTable-module_tableWrapper__BzoJE {
6672
- position: relative;
6673
- box-sizing: border-box;
6674
- display: flex;
6675
- justify-content: flex-start;
6676
- align-items: flex-start;
6677
- width: var(--table-width);
6678
- height: var(--table-height);
6679
- overflow-x: auto;
6680
- overflow-y: auto;
6681
- padding: 0;
6682
- margin: 0;
6683
- border: var(--table-border-width) solid var(--table-border-color);
6684
- border-left-width: var(--table-border-sides);
6685
- border-right-width: var(--table-border-sides);
6686
- border-radius: var(--table-border-radius);
6687
- }
6688
-
6689
- .DataTable-module_resizeBar__LmzEF {
6690
- position: absolute;
6691
- box-sizing: border-box;
6692
- display: flex;
6693
- height: 100%;
6694
- left: -500px;
6695
- width: 3px;
6696
- min-width: 2px;
6697
- max-width: 2px;
6698
- background: var(--table-handle-hover-color);
6699
- z-index: 20;
6700
- pointer-events: none;
6701
- }
6702
-
6703
- .DataTable-module_table__oL4Dz {
6704
- table-layout: fixed; /* stop auto-recalculating from content */
6705
- flex-shrink: 0; /* stop flexbox squeezing the table */
6706
- box-sizing: border-box;
6707
- border-collapse: collapse;
6708
- min-width: 100%;
6709
- padding: 0;
6710
- margin: 0;
6711
- color: var(--core-text-primary);
6712
- }
6713
-
6714
- /* hide caption - in code for accessibility */
6715
- .DataTable-module_table__oL4Dz caption {
6716
- display: none;
6717
- }
6718
-
6719
- /* each table header cell is sticky by default */
6720
- .DataTable-module_table__oL4Dz thead tr th {
6721
- position: var(--table-header-sticky-position);
6722
- top: 0;
6723
- z-index: 1;
6724
- border-right: var(--table-border-width) solid var(--table-border-color);
6725
- border-right-width: var(--table-border-sides);
6726
- border-bottom: var(--table-border-width) solid var(--table-border-color);
6727
- box-shadow: var(--table-header-box-shadow);
6728
- background: var(--table-header-background-color);
6729
- }
6730
-
6731
- /* last th of the header row, remove the right border */
6732
- .DataTable-module_table__oL4Dz thead tr th:last-child {
6733
- border-right: 0;
6734
- }
6735
-
6736
- /* border bot and right to all body cells */
6737
- .DataTable-module_table__oL4Dz tbody tr td {
6738
- border-right: var(--table-border-width) solid var(--table-border-color);
6739
- border-right-width: var(--table-border-sides);
6740
- border-bottom: var(--table-border-width) solid var(--table-border-color);
6741
- }
6742
-
6743
- /* candy stripe all even body rows */
6744
- .DataTable-module_table__oL4Dz tbody tr:nth-child(even) td {
6745
- background-color: var(--table-candy-stripe-background-color);
6746
- }
6747
-
6748
- /* remove right border from last cell of each body row */
6749
- .DataTable-module_table__oL4Dz tbody tr td:last-child {
6750
- border-right: 0;
6751
- }
6752
-
6753
- /* remove the bottom border from every td in the last tr of the body */
6754
- .DataTable-module_table__oL4Dz tbody tr:last-child td {
6755
- border-bottom: 0;
6756
- }
6757
-
6758
- /* style first cell in each row of the body */
6759
- .DataTable-module_table__oL4Dz tbody tr td:nth-child(1) {
6760
- position: var(--table-freeze-column-position);
6761
- left: 0;
6762
- z-index: 2;
6763
- box-shadow: var(--table-column-box-shadow);
6764
- }
6765
-
6766
- /* style first cell in the header row */
6767
- .DataTable-module_table__oL4Dz thead tr th:nth-child(1) {
6768
- position: var(--table-corner-position);
6769
- left: var(--table-corner-left);
6770
- top: 0;
6771
- z-index: 3;
6772
- box-shadow: var(--table-corner-box-shadow);
6773
- }
6774
-
6775
- .DataTable-module_baseCell__DQl-z {
6776
- box-sizing: border-box;
6777
- position: relative;
6778
- padding: 0;
6779
- margin: 0;
6780
- border: 0;
6781
- background-color: var(--table-background-color);
6782
- }
6783
-
6784
- .DataTable-module_baseCellWrapper__WMgNm,
6785
- .DataTable-module_headerCellWrapper__ytVYY {
6786
- box-sizing: border-box;
6787
- display: flex;
6788
- position: relative;
6789
- height: 100%;
6790
- width: 100%;
6791
- }
6792
-
6793
- .DataTable-module_colResizeHandle__dF5Es {
6794
- position: absolute;
6795
- top: 0;
6796
- bottom: 0;
6797
- right: 0;
6798
- width: 5px;
6799
- background-color: rgba(255, 255, 255, 0);
6800
- cursor: col-resize;
6801
- z-index: 10;
6802
- }
6803
-
6804
- .DataTable-module_header__QgdCY {
6805
- box-sizing: border-box;
6806
- display: flex;
6807
- align-items: center;
6808
- justify-content: center;
6809
- width: 100%;
6810
- height: 100%;
6811
- gap: 8px;
6812
- }
6813
-
6814
- .DataTable-module_headerRight__QHHxv,
6815
- .DataTable-module_headerLeft__OAzLv {
6816
- box-sizing: border-box;
6817
- position: relative;
6818
- display: flex;
6819
- justify-content: center;
6820
- align-items: center;
6821
- min-width: 16px;
6822
- max-width: 16px;
6823
- overflow: hidden;
6824
6580
  }
6825
6581
 
6826
- .DataTable-module_headerTitle__K0pmX {
6827
- box-sizing: border-box;
6828
- position: relative;
6829
- display: flex;
6830
- justify-content: center;
6831
- align-items: center;
6832
- flex: 1;
6833
- font-weight: 540;
6582
+ .Label-module_label__RaRvM {
6583
+ line-height: 1em;
6584
+ white-space: nowrap;
6585
+ padding: var(--label-padding) !important;
6586
+ width: min-content;
6587
+ color: var(--label-color);
6588
+ border-radius: var(--label-border-radius);
6589
+ border: var(--label-border-size) solid var(--label-border-color);
6590
+ cursor: default;
6591
+ background: var(--label-bg-color);
6834
6592
  }
6835
6593
 
6836
- .DataTable-module_xs__P-Ize {
6594
+ .Label-module_button__N8bcQ {
6595
+ display: inline-flex !important;
6596
+ background: var(--label-bg-color);
6597
+ color: var(--label-color);
6598
+ border-radius: var(--label-border-radius);
6599
+ border: var(--label-border-size) solid var(--label-border-color);
6600
+ width: min-content;
6601
+ cursor: pointer;
6602
+ white-space: nowrap;
6603
+ appearance: none;
6604
+ -webkit-appearance: none;
6605
+ background-image: none;
6606
+ outline: none;
6837
6607
  }
6838
6608
 
6839
- .DataTable-module_m__G9QOp {
6609
+ .Label-module_xs__K9Ai6 {
6840
6610
  }
6841
6611
 
6842
- .DataTable-module_l__RzReg {
6612
+ .Label-module_s__Zh8Gp {
6843
6613
  }
6844
6614
 
6845
- .DataTable-module_s__5ENNl {
6615
+ .Label-module_m__BJtGL {
6846
6616
  }
6847
6617
 
6848
- .DataTable-module_scroll__grEU0 {
6618
+ .Label-module_l__t70tt {
6849
6619
  }
6850
6620
 
6851
6621
  .flexBox-module_row__z24tF {
@@ -7059,187 +6829,418 @@ line {
7059
6829
  letter-spacing: var(--letter-spacing-m);
7060
6830
  }
7061
6831
 
7062
- .UploadArea-module_wrapper__aircC {
7063
- padding: var(--ua-padding) !important;
7064
- border: var(--ua-border) var(--ua-border-style) var(--ua-border-color);
7065
- border-radius: var(--ua-radius);
7066
- background: var(--ua-bg-color);
7067
- gap: 8px;
7068
- cursor: var(--ua-cursor);
7069
- width: var(--ua-width);
7070
- height: var(--ua-height);
7071
- user-select: none;
7072
- -webkit-user-select: none;
6832
+ .UploadArea-module_wrapper__aircC {
6833
+ padding: var(--ua-padding) !important;
6834
+ border: var(--ua-border) var(--ua-border-style) var(--ua-border-color);
6835
+ border-radius: var(--ua-radius);
6836
+ background: var(--ua-bg-color);
6837
+ gap: 8px;
6838
+ cursor: var(--ua-cursor);
6839
+ width: var(--ua-width);
6840
+ height: var(--ua-height);
6841
+ user-select: none;
6842
+ -webkit-user-select: none;
6843
+ }
6844
+
6845
+ .UploadArea-module_icon__M7n-m {
6846
+ min-height: var(--ua-icon-size);
6847
+ height: var(--ua-icon-size);
6848
+ min-width: var(--ua-icon-size);
6849
+ width: var(--ua-icon-size);
6850
+ pointer-events: none;
6851
+ }
6852
+
6853
+ .UploadArea-module_title__VbNGq {
6854
+ pointer-events: none;
6855
+ }
6856
+
6857
+ .UploadArea-module_message__U1ZVM {
6858
+ color: var(--core-text-tertiary);
6859
+ pointer-events: none;
6860
+ gap: 8px;
6861
+ }
6862
+
6863
+ .UploadArea-module_files__Q796x {
6864
+ margin-top: 16px !important;
6865
+ width: 100%;
6866
+ }
6867
+
6868
+ .UploadArea-module_xs__-AoM7 {
6869
+ }
6870
+
6871
+ .UploadArea-module_s__wy1zN {
6872
+ }
6873
+
6874
+ .UploadArea-module_m__bKuFN {
6875
+ }
6876
+
6877
+ .UploadArea-module_l__KG9YN {
6878
+ }
6879
+
6880
+ .type-module_body-xs-regular__ZAFft {
6881
+ font-family: var(--font-family), sans-serif;
6882
+ font-weight: var(--font-weight-regular);
6883
+ font-size: var(--font-size-xs);
6884
+ line-height: var(--line-height-m);
6885
+ text-decoration: none;
6886
+ letter-spacing: var(--letter-spacing-m);
6887
+ }.type-module_body-xs-medium__s3KvF {
6888
+ font-family: var(--font-family), sans-serif;
6889
+ font-weight: var(--font-weight-medium);
6890
+ font-size: var(--font-size-xs);
6891
+ line-height: var(--line-height-m);
6892
+ text-decoration: none;
6893
+ letter-spacing: var(--letter-spacing-m);
6894
+ }.type-module_body-xs-bold__Lhqqq {
6895
+ font-family: var(--font-family), sans-serif;
6896
+ font-weight: var(--font-weight-bold);
6897
+ font-size: var(--font-size-xs);
6898
+ line-height: var(--line-height-m);
6899
+ text-decoration: none;
6900
+ letter-spacing: var(--letter-spacing-l);
6901
+ }.type-module_body-s-regular__vRHSP {
6902
+ font-family: var(--font-family), sans-serif;
6903
+ font-weight: var(--font-weight-regular);
6904
+ font-size: var(--font-size-s);
6905
+ line-height: var(--line-height-xl);
6906
+ text-decoration: none;
6907
+ letter-spacing: var(--letter-spacing-s);
6908
+ }.type-module_body-s-medium__tjdFc {
6909
+ font-family: var(--font-family), sans-serif;
6910
+ font-weight: var(--font-weight-medium);
6911
+ font-size: var(--font-size-s);
6912
+ line-height: var(--line-height-xl);
6913
+ text-decoration: none;
6914
+ letter-spacing: var(--letter-spacing-s);
6915
+ }.type-module_body-s-bold__Iy-VX {
6916
+ font-family: var(--font-family), sans-serif;
6917
+ font-weight: var(--font-weight-bold);
6918
+ font-size: var(--font-size-s);
6919
+ line-height: var(--line-height-xl);
6920
+ text-decoration: none;
6921
+ letter-spacing: var(--letter-spacing-m);
6922
+ }.type-module_body-m-regular__LuQBA {
6923
+ font-family: var(--font-family), sans-serif;
6924
+ font-weight: var(--font-weight-regular);
6925
+ font-size: var(--font-size-m);
6926
+ line-height: var(--line-height-l);
6927
+ text-decoration: none;
6928
+ letter-spacing: var(--letter-spacing-s);
6929
+ }.type-module_body-m-medium__uW1on {
6930
+ font-family: var(--font-family), sans-serif;
6931
+ font-weight: var(--font-weight-medium);
6932
+ font-size: var(--font-size-m);
6933
+ line-height: var(--line-height-l);
6934
+ text-decoration: none;
6935
+ letter-spacing: var(--letter-spacing-s);
6936
+ }.type-module_body-m-bold__UBcvQ {
6937
+ font-family: var(--font-family), sans-serif;
6938
+ font-weight: var(--font-weight-bold);
6939
+ font-size: var(--font-size-m);
6940
+ line-height: var(--line-height-l);
6941
+ text-decoration: none;
6942
+ letter-spacing: var(--letter-spacing-m);
6943
+ }.type-module_body-l-regular__lOYbg {
6944
+ font-family: var(--font-family), sans-serif;
6945
+ font-weight: var(--font-weight-regular);
6946
+ font-size: var(--font-size-l);
6947
+ line-height: var(--line-height-xxl);
6948
+ text-decoration: none;
6949
+ letter-spacing: var(--letter-spacing-xs);
6950
+ }.type-module_body-l-medium__BqRC7 {
6951
+ font-family: var(--font-family), sans-serif;
6952
+ font-weight: var(--font-weight-medium);
6953
+ font-size: var(--font-size-l);
6954
+ line-height: var(--line-height-xxl);
6955
+ text-decoration: none;
6956
+ letter-spacing: var(--letter-spacing-xs);
6957
+ }.type-module_body-l-bold__Fh2dt {
6958
+ font-family: var(--font-family), sans-serif;
6959
+ font-weight: var(--font-weight-bold);
6960
+ font-size: var(--font-size-l);
6961
+ line-height: var(--line-height-xxl);
6962
+ text-decoration: none;
6963
+ letter-spacing: var(--letter-spacing-s);
6964
+ }.type-module_body-xl-regular__pF2kC {
6965
+ font-family: var(--font-family), sans-serif;
6966
+ font-weight: var(--font-weight-regular);
6967
+ font-size: var(--font-size-xl);
6968
+ line-height: var(--line-height-xxl);
6969
+ text-decoration: none;
6970
+ letter-spacing: var(--letter-spacing-xs);
6971
+ }.type-module_body-xl-medium__BeyrH {
6972
+ font-family: var(--font-family), sans-serif;
6973
+ font-weight: var(--font-weight-medium);
6974
+ font-size: var(--font-size-xl);
6975
+ line-height: var(--line-height-xxl);
6976
+ text-decoration: none;
6977
+ letter-spacing: var(--letter-spacing-xs);
6978
+ }.type-module_body-xl-bold__Ruknj {
6979
+ font-family: var(--font-family), sans-serif;
6980
+ font-weight: var(--font-weight-bold);
6981
+ font-size: var(--font-size-xl);
6982
+ line-height: var(--line-height-xxl);
6983
+ text-decoration: none;
6984
+ letter-spacing: var(--letter-spacing-s);
6985
+ }.type-module_h1__ikDt5 {
6986
+ font-family: var(--font-family), sans-serif;
6987
+ font-weight: var(--font-weight-extra);
6988
+ font-size: var(--font-size-h1);
6989
+ line-height: var(--line-height-s);
6990
+ letter-spacing: var(--letter-spacing-m);
6991
+ }.type-module_h2__bSCvt {
6992
+ font-family: var(--font-family), sans-serif;
6993
+ font-weight: var(--font-weight-bold);
6994
+ font-size: var(--font-size-h2);
6995
+ line-height: var(--line-height-s);
6996
+ letter-spacing: var(--letter-spacing-m);
6997
+ }.type-module_h3__8gHoN {
6998
+ font-family: var(--font-family), sans-serif;
6999
+ font-weight: var(--font-weight-bold);
7000
+ font-size: var(--font-size-h3);
7001
+ line-height: var(--line-height-xs);
7002
+ letter-spacing: var(--letter-spacing-m);
7003
+ }.type-module_h4__EVAd2 {
7004
+ font-family: var(--font-family), sans-serif;
7005
+ font-weight: var(--font-weight-bold);
7006
+ font-size: var(--font-size-h4);
7007
+ line-height: var(--line-height-l);
7008
+ letter-spacing: var(--letter-spacing-m);
7009
+ }.type-module_h5__92r22 {
7010
+ font-family: var(--font-family), sans-serif;
7011
+ font-weight: var(--font-weight-bold);
7012
+ font-size: var(--font-size-h5);
7013
+ line-height: var(--line-height-l);
7014
+ letter-spacing: var(--letter-spacing-m);
7015
+ }.type-module_h6__sshOw {
7016
+ font-family: var(--font-family), sans-serif;
7017
+ font-weight: var(--font-weight-bold);
7018
+ font-size: var(--font-size-h6);
7019
+ line-height: var(--line-height-l);
7020
+ letter-spacing: var(--letter-spacing-m);
7021
+ }.scrollBars-module_scrollbars__c-ZPl {
7022
+ /* Consumers override these to theme their own scrollbar (e.g. Modal
7023
+ binds them to its scrollHandleColor/scrollHandleColorHover props).
7024
+ Unoverridden, they fall back to the shared page-level scroll tokens. */
7025
+ --scrollbar-size: 6px;
7026
+ --scrollbar-bg: transparent;
7027
+ --scrollbar-thumb: var(--scroll-bar);
7028
+ --scrollbar-thumb-hover: var(--scroll-bar-hover);
7029
+
7030
+ /* firefox does not support -webkit-scrollbar */
7031
+ @supports not selector(::-webkit-scrollbar) {
7032
+ scrollbar-width: thin;
7033
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
7034
+ }
7035
+
7036
+ &::-webkit-scrollbar {
7037
+ background-color: var(--scrollbar-bg);
7038
+ width: var(--scrollbar-size);
7039
+ height: var(--scrollbar-size);
7040
+ }
7041
+
7042
+ &::-webkit-scrollbar-track {
7043
+ background-color: var(--scrollbar-bg);
7044
+ width: var(--scrollbar-size);
7045
+ height: var(--scrollbar-size);
7046
+ }
7047
+
7048
+ &::-webkit-scrollbar-thumb {
7049
+ background-color: var(--scrollbar-thumb);
7050
+ border-radius: 20px;
7051
+ border: 1px solid var(--scrollbar-bg);
7052
+ }
7053
+
7054
+ &::-webkit-scrollbar-thumb:hover {
7055
+ background-color: var(--scrollbar-thumb-hover);
7056
+ border-radius: 20px;
7057
+ border: 1px solid var(--scrollbar-bg);
7058
+ }
7059
+
7060
+ &::-webkit-scrollbar-corner {
7061
+ background-color: var(--scrollbar-bg);
7062
+ }
7063
+ }
7064
+
7065
+ .DataTable-module_tableWrapper__BzoJE {
7066
+ position: relative;
7067
+ box-sizing: border-box;
7068
+ display: flex;
7069
+ justify-content: flex-start;
7070
+ align-items: flex-start;
7071
+ width: var(--table-width);
7072
+ max-width: var(--table-max-width);
7073
+ height: var(--table-height);
7074
+ overflow-x: auto;
7075
+ overflow-y: auto;
7076
+ padding: 0;
7077
+ margin: var(--table-margin);
7078
+ border: var(--table-border-width) solid var(--table-border-color);
7079
+ border-left-width: var(--table-border-sides);
7080
+ border-right-width: var(--table-border-sides);
7081
+ border-radius: var(--table-border-radius);
7082
+ }
7083
+
7084
+ .DataTable-module_resizeBar__LmzEF {
7085
+ position: absolute;
7086
+ box-sizing: border-box;
7087
+ display: flex;
7088
+ height: 100%;
7089
+ left: -500px;
7090
+ width: 3px;
7091
+ min-width: 2px;
7092
+ max-width: 2px;
7093
+ background: var(--table-handle-hover-color);
7094
+ z-index: 20;
7095
+ pointer-events: none;
7073
7096
  }
7074
7097
 
7075
- .UploadArea-module_icon__M7n-m {
7076
- min-height: var(--ua-icon-size);
7077
- height: var(--ua-icon-size);
7078
- min-width: var(--ua-icon-size);
7079
- width: var(--ua-icon-size);
7080
- pointer-events: none;
7098
+ .DataTable-module_table__oL4Dz {
7099
+ table-layout: fixed; /* stop auto-recalculating from content */
7100
+ flex-shrink: 0; /* stop flexbox squeezing the table */
7101
+ box-sizing: border-box;
7102
+ border-collapse: collapse;
7103
+ min-width: 100%;
7104
+ padding: 0;
7105
+ margin: 0;
7106
+ color: var(--core-text-primary);
7081
7107
  }
7082
7108
 
7083
- .UploadArea-module_title__VbNGq {
7084
- pointer-events: none;
7109
+ /* hide caption - in code for accessibility */
7110
+ .DataTable-module_table__oL4Dz caption {
7111
+ display: none;
7085
7112
  }
7086
7113
 
7087
- .UploadArea-module_message__U1ZVM {
7088
- color: var(--core-text-tertiary);
7089
- pointer-events: none;
7090
- gap: 8px;
7114
+ /* each table header cell is sticky by default */
7115
+ .DataTable-module_table__oL4Dz thead tr th {
7116
+ position: var(--table-header-sticky-position);
7117
+ top: 0;
7118
+ z-index: 1;
7119
+ border-right: var(--table-border-width) solid var(--table-border-color);
7120
+ border-right-width: var(--table-border-sides);
7121
+ border-bottom: var(--table-border-width) solid var(--table-border-color);
7122
+ box-shadow: var(--table-header-box-shadow);
7123
+ background: var(--table-header-background-color);
7091
7124
  }
7092
7125
 
7093
- .UploadArea-module_files__Q796x {
7094
- margin-top: 16px !important;
7095
- width: 100%;
7126
+ /* last th of the header row, remove the right border */
7127
+ .DataTable-module_table__oL4Dz thead tr th:last-child {
7128
+ border-right: 0;
7096
7129
  }
7097
7130
 
7098
- .UploadArea-module_xs__-AoM7 {
7131
+ /* border bot and right to all body cells */
7132
+ .DataTable-module_table__oL4Dz tbody tr td {
7133
+ border-right: var(--table-border-width) solid var(--table-border-color);
7134
+ border-right-width: var(--table-border-sides);
7135
+ border-bottom: var(--table-border-width) solid var(--table-border-color);
7099
7136
  }
7100
7137
 
7101
- .UploadArea-module_s__wy1zN {
7138
+ /* candy stripe all even body rows */
7139
+ .DataTable-module_table__oL4Dz tbody tr:nth-child(even) td {
7140
+ background-color: var(--table-candy-stripe-background-color);
7102
7141
  }
7103
7142
 
7104
- .UploadArea-module_m__bKuFN {
7143
+ /* remove right border from last cell of each body row */
7144
+ .DataTable-module_table__oL4Dz tbody tr td:last-child {
7145
+ border-right: 0;
7105
7146
  }
7106
7147
 
7107
- .UploadArea-module_l__KG9YN {
7148
+ /* remove the bottom border from every td in the last tr of the body */
7149
+ .DataTable-module_table__oL4Dz tbody tr:last-child td {
7150
+ border-bottom: 0;
7108
7151
  }
7109
7152
 
7110
- .flexBox-module_row__z24tF {
7111
- display: flex;
7112
- justify-content: center;
7113
- align-items: center;
7153
+ /* style first cell in each row of the body */
7154
+ .DataTable-module_table__oL4Dz tbody tr td:nth-child(1) {
7155
+ position: var(--table-freeze-column-position);
7156
+ left: 0;
7157
+ z-index: 2;
7158
+ box-shadow: var(--table-column-box-shadow);
7159
+ }
7160
+
7161
+ /* style first cell in the header row */
7162
+ .DataTable-module_table__oL4Dz thead tr th:nth-child(1) {
7163
+ position: var(--table-corner-position);
7164
+ left: var(--table-corner-left);
7165
+ top: 0;
7166
+ z-index: 3;
7167
+ box-shadow: var(--table-corner-box-shadow);
7168
+ }
7169
+
7170
+ .DataTable-module_baseCell__DQl-z {
7114
7171
  box-sizing: border-box;
7172
+ position: relative;
7115
7173
  padding: 0;
7116
7174
  margin: 0;
7117
- }.flexBox-module_rowBetween__5FEvi {
7118
- display: flex;
7119
- justify-content: space-between;
7120
- align-items: center;
7175
+ border: 0;
7176
+ background-color: var(--table-background-color);
7177
+ }
7178
+
7179
+ .DataTable-module_baseCellWrapper__WMgNm,
7180
+ .DataTable-module_headerCellWrapper__ytVYY {
7121
7181
  box-sizing: border-box;
7122
- padding: 0;
7123
- margin: 0;
7124
- }.flexBox-module_rowStart__4tcxS {
7125
7182
  display: flex;
7126
- justify-content: flex-start;
7127
- align-items: center;
7183
+ position: relative;
7184
+ height: 100%;
7185
+ width: 100%;
7186
+ }
7187
+
7188
+ .DataTable-module_colResizeHandle__dF5Es {
7189
+ position: absolute;
7190
+ top: 0;
7191
+ bottom: 0;
7192
+ right: 0;
7193
+ width: 5px;
7194
+ background-color: rgba(255, 255, 255, 0);
7195
+ cursor: col-resize;
7196
+ z-index: 10;
7197
+ }
7198
+
7199
+ .DataTable-module_header__QgdCY {
7128
7200
  box-sizing: border-box;
7129
- padding: 0;
7130
- margin: 0;
7131
- }.flexBox-module_rowEnd__rVdVm {
7132
7201
  display: flex;
7133
- justify-content: flex-end;
7134
7202
  align-items: center;
7135
- box-sizing: border-box;
7136
- padding: 0;
7137
- margin: 0;
7138
- }.flexBox-module_column__ezvMq {
7139
- display: flex;
7140
- flex-direction: column;
7141
7203
  justify-content: center;
7142
- align-items: center;
7143
- box-sizing: border-box;
7144
- padding: 0;
7145
- margin: 0;
7146
- }.flexBox-module_columnStart__C7P44 {
7147
- display: flex;
7148
- flex-direction: column;
7149
- justify-content: flex-start;
7150
- align-items: flex-start;
7151
- box-sizing: border-box;
7152
- padding: 0;
7153
- margin: 0;
7154
- }.flexBox-module_columnStartCenter__PKcrG {
7155
- display: flex;
7156
- flex-direction: column;
7157
- justify-content: flex-start;
7158
- align-items: center;
7204
+ width: 100%;
7205
+ height: 100%;
7206
+ gap: 8px;
7207
+ }
7208
+
7209
+ .DataTable-module_headerRight__QHHxv,
7210
+ .DataTable-module_headerLeft__OAzLv {
7159
7211
  box-sizing: border-box;
7160
- padding: 0;
7161
- margin: 0;
7162
- }.flexBox-module_columnBetween__ERfp7 {
7212
+ position: relative;
7163
7213
  display: flex;
7164
- flex-direction: column;
7165
- justify-content: space-between;
7214
+ justify-content: center;
7166
7215
  align-items: center;
7167
- box-sizing: border-box;
7168
- padding: 0;
7169
- margin: 0;
7170
- }.flexBox-module_columnEnd__lLJuc {
7171
- display: flex;
7172
- flex-direction: column;
7173
- justify-content: flex-end;
7174
- align-items: flex-end;
7175
- box-sizing: border-box;
7176
- padding: 0;
7177
- margin: 0;
7216
+ min-width: 16px;
7217
+ max-width: 16px;
7218
+ overflow: hidden;
7178
7219
  }
7179
7220
 
7180
- .Slider-module_wrapper__KCCs1 {
7221
+ .DataTable-module_headerTitle__K0pmX {
7222
+ box-sizing: border-box;
7181
7223
  position: relative;
7182
7224
  display: flex;
7183
- justify-content: flex-start;
7225
+ justify-content: center;
7184
7226
  align-items: center;
7185
- box-sizing: border-box;
7186
- padding: 0 var(--slider-padding);
7187
- margin: 0;
7188
- width: var(--slider-width);
7189
- height: auto;
7190
- min-height: var(--slider-touch-height);
7191
- cursor: var(--slider-cursor);
7192
- opacity: var(--slider-opacity);
7193
- background: transparent;
7227
+ flex: 1;
7228
+ font-weight: 540;
7194
7229
  }
7195
7230
 
7196
- .Slider-module_trackBg__7zfqm {
7197
- position: relative;
7198
- width: 100%;
7199
- height: var(--slider-height);
7200
- background-color: var(--slider-track-color);
7201
- overflow: hidden;
7202
- border-radius: 100px;
7231
+ .DataTable-module_xs__P-Ize {
7203
7232
  }
7204
7233
 
7205
- .Slider-module_track__kaJkL {
7206
- position: absolute;
7207
- top: 0;
7208
- bottom: 0;
7209
- width: 0;
7210
- background-color: var(--slider-progress-color);
7211
- overflow: visible;
7212
- border-radius: 100px;
7234
+ .DataTable-module_m__G9QOp {
7213
7235
  }
7214
7236
 
7215
- .Slider-module_trackHead__W-UdG {
7216
- position: absolute;
7217
- display: var(--slider-head-display);
7218
- background-color: var(--slider-head-color);
7219
- border: var(--slider-track-head-border);
7220
- border-radius: var(--slider-head-radius);
7221
- max-width: var(--slider-head-width);
7222
- max-height: var(--slider-head-size);
7223
- min-width: var(--slider-head-width);
7224
- min-height: var(--slider-head-size);
7225
- top: 50%;
7226
- transform: translateY(-50%) translateX(-50%);
7237
+ .DataTable-module_l__RzReg {
7227
7238
  }
7228
7239
 
7229
- .Slider-module_trackWrapper__Ot0Wh {
7230
- position: relative;
7231
- width: 100%;
7232
- height: var(--slider-height);
7233
- min-height: var(--slider-touch-height);
7234
- background-color: transparent;
7235
- border-radius: 4px;
7236
- overflow: visible;
7237
- outline: none;
7240
+ .DataTable-module_s__5ENNl {
7238
7241
  }
7239
7242
 
7240
- .Slider-module_trackWrapper__Ot0Wh:focus-visible {
7241
- outline: 2px solid var(--core-link-primary);
7242
- outline-offset: 2px;
7243
+ .DataTable-module_scroll__grEU0 {
7243
7244
  }
7244
7245
 
7245
7246
  .flexBox-module_row__z24tF {