@tabler/core 1.0.0-beta20 → 1.0.0-beta21

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 (378) hide show
  1. package/README.md +7 -6
  2. package/dist/css/demo.css +8 -8
  3. package/dist/css/demo.min.css +5 -5
  4. package/dist/css/demo.rtl.css +8 -8
  5. package/dist/css/demo.rtl.min.css +5 -5
  6. package/dist/css/tabler-flags.css +10 -10
  7. package/dist/css/tabler-flags.min.css +5 -5
  8. package/dist/css/tabler-flags.rtl.css +10 -10
  9. package/dist/css/tabler-flags.rtl.min.css +5 -5
  10. package/dist/css/tabler-payments.css +4 -4
  11. package/dist/css/tabler-payments.min.css +4 -4
  12. package/dist/css/tabler-payments.rtl.css +4 -4
  13. package/dist/css/tabler-payments.rtl.min.css +4 -4
  14. package/dist/css/tabler-social.css +4 -4
  15. package/dist/css/tabler-social.min.css +4 -4
  16. package/dist/css/tabler-social.rtl.css +4 -4
  17. package/dist/css/tabler-social.rtl.min.css +4 -4
  18. package/dist/css/tabler-vendors.css +246 -253
  19. package/dist/css/tabler-vendors.min.css +5 -5
  20. package/dist/css/tabler-vendors.rtl.css +246 -253
  21. package/dist/css/tabler-vendors.rtl.min.css +5 -5
  22. package/dist/css/tabler.css +643 -426
  23. package/dist/css/tabler.min.css +8 -8
  24. package/dist/css/tabler.rtl.css +667 -441
  25. package/dist/css/tabler.rtl.min.css +8 -8
  26. package/dist/js/demo-theme.js +4 -4
  27. package/dist/js/demo-theme.min.js +4 -4
  28. package/dist/js/demo.js +41 -42
  29. package/dist/js/demo.min.js +5 -5
  30. package/dist/js/tabler.esm.js +1949 -1248
  31. package/dist/js/tabler.esm.min.js +8 -8
  32. package/dist/js/tabler.js +1949 -1248
  33. package/dist/js/tabler.min.js +8 -8
  34. package/dist/libs/apexcharts/dist/apexcharts.amd.js +1 -1
  35. package/dist/libs/apexcharts/dist/apexcharts.common.js +5 -5
  36. package/dist/libs/apexcharts/dist/apexcharts.css +166 -65
  37. package/dist/libs/apexcharts/dist/apexcharts.esm.js +5 -5
  38. package/dist/libs/apexcharts/dist/apexcharts.js +7964 -8527
  39. package/dist/libs/apexcharts/dist/apexcharts.min.js +5 -5
  40. package/dist/libs/apexcharts/dist/locales/be-cyrl.json +55 -0
  41. package/dist/libs/apexcharts/dist/locales/be-latn.json +55 -0
  42. package/dist/libs/apexcharts/dist/locales/da.json +55 -0
  43. package/dist/libs/apexcharts/dist/locales/ms.json +63 -0
  44. package/dist/libs/apexcharts/dist/locales/pt.json +3 -3
  45. package/dist/libs/apexcharts/dist/locales/vi.json +63 -0
  46. package/dist/libs/apexcharts/dist/locales/zh-tw.json +1 -1
  47. package/dist/libs/bootstrap/dist/js/bootstrap.bundle.js +8 -8
  48. package/dist/libs/bootstrap/dist/js/bootstrap.bundle.js.map +1 -1
  49. package/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js +3 -3
  50. package/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js.map +1 -1
  51. package/dist/libs/bootstrap/dist/js/bootstrap.esm.js +8 -8
  52. package/dist/libs/bootstrap/dist/js/bootstrap.esm.js.map +1 -1
  53. package/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js +3 -3
  54. package/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js.map +1 -1
  55. package/dist/libs/bootstrap/dist/js/bootstrap.js +8 -8
  56. package/dist/libs/bootstrap/dist/js/bootstrap.js.map +1 -1
  57. package/dist/libs/bootstrap/dist/js/bootstrap.min.js +3 -3
  58. package/dist/libs/bootstrap/dist/js/bootstrap.min.js.map +1 -1
  59. package/dist/libs/countup.js/dist/countUp.d.ts +1 -0
  60. package/dist/libs/countup.js/dist/countUp.js +4 -1
  61. package/dist/libs/countup.js/dist/countUp.min.js +1 -1
  62. package/dist/libs/countup.js/dist/countUp.umd.js +1 -1
  63. package/dist/libs/jsvectormap/dist/jsvectormap.cjs +2279 -0
  64. package/dist/libs/jsvectormap/dist/jsvectormap.css +121 -0
  65. package/dist/libs/jsvectormap/dist/jsvectormap.esm.js +2277 -0
  66. package/dist/libs/jsvectormap/dist/jsvectormap.js +2285 -0
  67. package/dist/libs/jsvectormap/dist/jsvectormap.min.css +1 -0
  68. package/dist/libs/jsvectormap/dist/jsvectormap.min.js +1 -0
  69. package/dist/libs/jsvectormap/dist/maps/world-merc.js +1 -1
  70. package/dist/libs/jsvectormap/dist/maps/world.js +1 -1
  71. package/dist/libs/nouislider/dist/nouislider.d.ts +8 -10
  72. package/dist/libs/nouislider/dist/nouislider.js +64 -5
  73. package/dist/libs/nouislider/dist/nouislider.min.js +1 -1
  74. package/dist/libs/nouislider/dist/nouislider.min.mjs +1 -1
  75. package/dist/libs/nouislider/dist/nouislider.mjs +64 -5
  76. package/dist/libs/star-rating.js/dist/star-rating.cjs.js +5 -2
  77. package/dist/libs/star-rating.js/dist/star-rating.css +23 -20
  78. package/dist/libs/star-rating.js/dist/star-rating.esm.js +5 -2
  79. package/dist/libs/star-rating.js/dist/star-rating.js +5 -9
  80. package/dist/libs/star-rating.js/dist/star-rating.min.css +1 -8
  81. package/dist/libs/star-rating.js/dist/star-rating.min.js +1 -8
  82. package/dist/libs/tinymce/CHANGELOG.md +471 -12
  83. package/dist/libs/tinymce/README.md +16 -10
  84. package/dist/libs/tinymce/bower.json +1 -1
  85. package/dist/libs/tinymce/composer.json +2 -2
  86. package/dist/libs/tinymce/icons/default/icons.js +13 -2
  87. package/dist/libs/tinymce/icons/default/icons.min.js +1 -1
  88. package/dist/libs/tinymce/license.md +6 -0
  89. package/dist/libs/tinymce/models/dom/model.js +237 -213
  90. package/dist/libs/tinymce/models/dom/model.min.js +2 -2
  91. package/dist/libs/tinymce/package.json +2 -2
  92. package/dist/libs/tinymce/plugins/accordion/index.js +7 -0
  93. package/dist/libs/tinymce/plugins/accordion/plugin.js +1055 -0
  94. package/dist/libs/tinymce/plugins/accordion/plugin.min.js +4 -0
  95. package/dist/libs/tinymce/plugins/advlist/plugin.js +4 -4
  96. package/dist/libs/tinymce/plugins/advlist/plugin.min.js +2 -2
  97. package/dist/libs/tinymce/plugins/anchor/plugin.js +21 -3
  98. package/dist/libs/tinymce/plugins/anchor/plugin.min.js +2 -2
  99. package/dist/libs/tinymce/plugins/autolink/plugin.js +1 -1
  100. package/dist/libs/tinymce/plugins/autolink/plugin.min.js +2 -2
  101. package/dist/libs/tinymce/plugins/autoresize/plugin.js +20 -33
  102. package/dist/libs/tinymce/plugins/autoresize/plugin.min.js +2 -2
  103. package/dist/libs/tinymce/plugins/autosave/plugin.js +1 -1
  104. package/dist/libs/tinymce/plugins/autosave/plugin.min.js +1 -1
  105. package/dist/libs/tinymce/plugins/charmap/plugin.js +15 -3
  106. package/dist/libs/tinymce/plugins/charmap/plugin.min.js +2 -2
  107. package/dist/libs/tinymce/plugins/code/plugin.js +1 -1
  108. package/dist/libs/tinymce/plugins/code/plugin.min.js +1 -1
  109. package/dist/libs/tinymce/plugins/codesample/plugin.js +27 -13
  110. package/dist/libs/tinymce/plugins/codesample/plugin.min.js +2 -2
  111. package/dist/libs/tinymce/plugins/directionality/plugin.js +33 -27
  112. package/dist/libs/tinymce/plugins/directionality/plugin.min.js +2 -2
  113. package/dist/libs/tinymce/plugins/emoticons/plugin.js +17 -4
  114. package/dist/libs/tinymce/plugins/emoticons/plugin.min.js +2 -2
  115. package/dist/libs/tinymce/plugins/fullscreen/plugin.js +168 -105
  116. package/dist/libs/tinymce/plugins/fullscreen/plugin.min.js +2 -2
  117. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/ar.js +93 -0
  118. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/bg_BG.js +93 -0
  119. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/ca.js +93 -0
  120. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/cs.js +93 -0
  121. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/da.js +93 -0
  122. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/de.js +93 -0
  123. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/el.js +93 -0
  124. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/en.js +93 -0
  125. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/es.js +93 -0
  126. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/eu.js +93 -0
  127. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/fa.js +93 -0
  128. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/fi.js +93 -0
  129. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/fr_FR.js +93 -0
  130. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/he_IL.js +93 -0
  131. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/hi.js +93 -0
  132. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/hr.js +93 -0
  133. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/hu_HU.js +93 -0
  134. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/id.js +93 -0
  135. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/it.js +93 -0
  136. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/ja.js +93 -0
  137. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/kk.js +93 -0
  138. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/ko_KR.js +93 -0
  139. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/ms.js +93 -0
  140. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/nb_NO.js +93 -0
  141. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/nl.js +93 -0
  142. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/pl.js +93 -0
  143. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/pt_BR.js +93 -0
  144. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/pt_PT.js +93 -0
  145. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/ro.js +93 -0
  146. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/ru.js +93 -0
  147. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/sk.js +93 -0
  148. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/sl_SI.js +93 -0
  149. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/sv_SE.js +93 -0
  150. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/th_TH.js +93 -0
  151. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/tr.js +93 -0
  152. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/uk.js +93 -0
  153. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/vi.js +93 -0
  154. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/zh_CN.js +87 -0
  155. package/dist/libs/tinymce/plugins/help/js/i18n/keynav/zh_TW.js +93 -0
  156. package/dist/libs/tinymce/plugins/help/plugin.js +115 -135
  157. package/dist/libs/tinymce/plugins/help/plugin.min.js +2 -2
  158. package/dist/libs/tinymce/plugins/image/plugin.js +23 -5
  159. package/dist/libs/tinymce/plugins/image/plugin.min.js +2 -2
  160. package/dist/libs/tinymce/plugins/importcss/plugin.js +4 -3
  161. package/dist/libs/tinymce/plugins/importcss/plugin.min.js +2 -2
  162. package/dist/libs/tinymce/plugins/insertdatetime/plugin.js +15 -3
  163. package/dist/libs/tinymce/plugins/insertdatetime/plugin.min.js +2 -2
  164. package/dist/libs/tinymce/plugins/link/plugin.js +193 -114
  165. package/dist/libs/tinymce/plugins/link/plugin.min.js +2 -2
  166. package/dist/libs/tinymce/plugins/lists/plugin.js +290 -66
  167. package/dist/libs/tinymce/plugins/lists/plugin.min.js +2 -2
  168. package/dist/libs/tinymce/plugins/media/plugin.js +80 -33
  169. package/dist/libs/tinymce/plugins/media/plugin.min.js +2 -2
  170. package/dist/libs/tinymce/plugins/nonbreaking/plugin.js +15 -3
  171. package/dist/libs/tinymce/plugins/nonbreaking/plugin.min.js +2 -2
  172. package/dist/libs/tinymce/plugins/pagebreak/plugin.js +15 -3
  173. package/dist/libs/tinymce/plugins/pagebreak/plugin.min.js +2 -2
  174. package/dist/libs/tinymce/plugins/preview/plugin.js +1 -1
  175. package/dist/libs/tinymce/plugins/preview/plugin.min.js +1 -1
  176. package/dist/libs/tinymce/plugins/quickbars/plugin.js +19 -7
  177. package/dist/libs/tinymce/plugins/quickbars/plugin.min.js +2 -2
  178. package/dist/libs/tinymce/plugins/save/plugin.js +3 -2
  179. package/dist/libs/tinymce/plugins/save/plugin.min.js +2 -2
  180. package/dist/libs/tinymce/plugins/searchreplace/plugin.js +42 -36
  181. package/dist/libs/tinymce/plugins/searchreplace/plugin.min.js +2 -2
  182. package/dist/libs/tinymce/plugins/table/plugin.js +121 -76
  183. package/dist/libs/tinymce/plugins/table/plugin.min.js +2 -2
  184. package/dist/libs/tinymce/plugins/visualblocks/plugin.js +1 -1
  185. package/dist/libs/tinymce/plugins/visualblocks/plugin.min.js +1 -1
  186. package/dist/libs/tinymce/plugins/visualchars/plugin.js +1 -1
  187. package/dist/libs/tinymce/plugins/visualchars/plugin.min.js +1 -1
  188. package/dist/libs/tinymce/plugins/wordcount/plugin.js +27 -19
  189. package/dist/libs/tinymce/plugins/wordcount/plugin.min.js +2 -2
  190. package/dist/libs/tinymce/skins/content/dark/content.js +1 -0
  191. package/dist/libs/tinymce/skins/content/default/content.js +1 -0
  192. package/dist/libs/tinymce/skins/content/document/content.js +1 -0
  193. package/dist/libs/tinymce/skins/content/tinymce-5/content.js +1 -0
  194. package/dist/libs/tinymce/skins/content/tinymce-5-dark/content.js +1 -0
  195. package/dist/libs/tinymce/skins/content/writer/content.js +1 -0
  196. package/dist/libs/tinymce/skins/ui/oxide/content.css +32 -29
  197. package/dist/libs/tinymce/skins/ui/oxide/content.inline.css +32 -29
  198. package/dist/libs/tinymce/skins/ui/oxide/content.inline.js +1 -0
  199. package/dist/libs/tinymce/skins/ui/oxide/content.inline.min.css +1 -1
  200. package/dist/libs/tinymce/skins/ui/oxide/content.js +1 -0
  201. package/dist/libs/tinymce/skins/ui/oxide/content.min.css +1 -1
  202. package/dist/libs/tinymce/skins/ui/oxide/skin.css +1003 -105
  203. package/dist/libs/tinymce/skins/ui/oxide/skin.js +1 -0
  204. package/dist/libs/tinymce/skins/ui/oxide/skin.min.css +1 -1
  205. package/dist/libs/tinymce/skins/ui/oxide/skin.shadowdom.js +1 -0
  206. package/dist/libs/tinymce/skins/ui/oxide-dark/content.css +32 -22
  207. package/dist/libs/tinymce/skins/ui/oxide-dark/content.inline.css +32 -29
  208. package/dist/libs/tinymce/skins/ui/oxide-dark/content.inline.js +1 -0
  209. package/dist/libs/tinymce/skins/ui/oxide-dark/content.inline.min.css +1 -1
  210. package/dist/libs/tinymce/skins/ui/oxide-dark/content.js +1 -0
  211. package/dist/libs/tinymce/skins/ui/oxide-dark/content.min.css +1 -1
  212. package/dist/libs/tinymce/skins/ui/oxide-dark/skin.css +1008 -110
  213. package/dist/libs/tinymce/skins/ui/oxide-dark/skin.js +1 -0
  214. package/dist/libs/tinymce/skins/ui/oxide-dark/skin.min.css +1 -1
  215. package/dist/libs/tinymce/skins/ui/oxide-dark/skin.shadowdom.js +1 -0
  216. package/dist/libs/tinymce/skins/ui/tinymce-5/content.css +32 -29
  217. package/dist/libs/tinymce/skins/ui/tinymce-5/content.inline.css +32 -29
  218. package/dist/libs/tinymce/skins/ui/tinymce-5/content.inline.js +1 -0
  219. package/dist/libs/tinymce/skins/ui/tinymce-5/content.inline.min.css +1 -1
  220. package/dist/libs/tinymce/skins/ui/tinymce-5/content.js +1 -0
  221. package/dist/libs/tinymce/skins/ui/tinymce-5/content.min.css +1 -1
  222. package/dist/libs/tinymce/skins/ui/tinymce-5/skin.css +1003 -86
  223. package/dist/libs/tinymce/skins/ui/tinymce-5/skin.js +1 -0
  224. package/dist/libs/tinymce/skins/ui/tinymce-5/skin.min.css +1 -1
  225. package/dist/libs/tinymce/skins/ui/tinymce-5/skin.shadowdom.js +1 -0
  226. package/dist/libs/tinymce/skins/ui/tinymce-5-dark/content.css +32 -22
  227. package/dist/libs/tinymce/skins/ui/tinymce-5-dark/content.inline.css +32 -29
  228. package/dist/libs/tinymce/skins/ui/tinymce-5-dark/content.inline.js +1 -0
  229. package/dist/libs/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css +1 -1
  230. package/dist/libs/tinymce/skins/ui/tinymce-5-dark/content.js +1 -0
  231. package/dist/libs/tinymce/skins/ui/tinymce-5-dark/content.min.css +1 -1
  232. package/dist/libs/tinymce/skins/ui/tinymce-5-dark/skin.css +1009 -92
  233. package/dist/libs/tinymce/skins/ui/tinymce-5-dark/skin.js +1 -0
  234. package/dist/libs/tinymce/skins/ui/tinymce-5-dark/skin.min.css +1 -1
  235. package/dist/libs/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js +1 -0
  236. package/dist/libs/tinymce/themes/silver/theme.js +26361 -24936
  237. package/dist/libs/tinymce/themes/silver/theme.min.js +2 -2
  238. package/dist/libs/tinymce/tinymce.d.ts +205 -136
  239. package/dist/libs/tinymce/tinymce.js +4400 -2838
  240. package/dist/libs/tinymce/tinymce.min.js +2 -2
  241. package/dist/libs/tom-select/dist/js/plugins/caret_position.js +11 -16
  242. package/dist/libs/tom-select/dist/js/plugins/caret_position.js.map +1 -1
  243. package/dist/libs/tom-select/dist/js/plugins/change_listener.js +3 -2
  244. package/dist/libs/tom-select/dist/js/plugins/change_listener.js.map +1 -1
  245. package/dist/libs/tom-select/dist/js/plugins/checkbox_options.js +47 -34
  246. package/dist/libs/tom-select/dist/js/plugins/checkbox_options.js.map +1 -1
  247. package/dist/libs/tom-select/dist/js/plugins/clear_button.js +3 -13
  248. package/dist/libs/tom-select/dist/js/plugins/clear_button.js.map +1 -1
  249. package/dist/libs/tom-select/dist/js/plugins/drag_drop.js +249 -29
  250. package/dist/libs/tom-select/dist/js/plugins/drag_drop.js.map +1 -1
  251. package/dist/libs/tom-select/dist/js/plugins/dropdown_header.js +3 -11
  252. package/dist/libs/tom-select/dist/js/plugins/dropdown_header.js.map +1 -1
  253. package/dist/libs/tom-select/dist/js/plugins/dropdown_input.js +15 -24
  254. package/dist/libs/tom-select/dist/js/plugins/dropdown_input.js.map +1 -1
  255. package/dist/libs/tom-select/dist/js/plugins/input_autogrow.js +4 -6
  256. package/dist/libs/tom-select/dist/js/plugins/input_autogrow.js.map +1 -1
  257. package/dist/libs/tom-select/dist/js/plugins/no_active_items.js +2 -1
  258. package/dist/libs/tom-select/dist/js/plugins/no_active_items.js.map +1 -1
  259. package/dist/libs/tom-select/dist/js/plugins/no_backspace_delete.js +2 -2
  260. package/dist/libs/tom-select/dist/js/plugins/no_backspace_delete.js.map +1 -1
  261. package/dist/libs/tom-select/dist/js/plugins/optgroup_columns.js +3 -15
  262. package/dist/libs/tom-select/dist/js/plugins/optgroup_columns.js.map +1 -1
  263. package/dist/libs/tom-select/dist/js/plugins/remove_button.js +11 -15
  264. package/dist/libs/tom-select/dist/js/plugins/remove_button.js.map +1 -1
  265. package/dist/libs/tom-select/dist/js/plugins/restore_on_backspace.js +2 -3
  266. package/dist/libs/tom-select/dist/js/plugins/restore_on_backspace.js.map +1 -1
  267. package/dist/libs/tom-select/dist/js/plugins/virtual_scroll.js +41 -50
  268. package/dist/libs/tom-select/dist/js/plugins/virtual_scroll.js.map +1 -1
  269. package/dist/libs/tom-select/dist/js/tom-select.base.js +411 -685
  270. package/dist/libs/tom-select/dist/js/tom-select.base.js.map +1 -1
  271. package/dist/libs/tom-select/dist/js/tom-select.base.min.js +87 -78
  272. package/dist/libs/tom-select/dist/js/tom-select.base.min.js.map +1 -1
  273. package/dist/libs/tom-select/dist/js/tom-select.complete.js +614 -820
  274. package/dist/libs/tom-select/dist/js/tom-select.complete.js.map +1 -1
  275. package/dist/libs/tom-select/dist/js/tom-select.complete.min.js +195 -176
  276. package/dist/libs/tom-select/dist/js/tom-select.complete.min.js.map +1 -1
  277. package/dist/libs/tom-select/dist/js/tom-select.popular.js +436 -705
  278. package/dist/libs/tom-select/dist/js/tom-select.popular.js.map +1 -1
  279. package/dist/libs/tom-select/dist/js/tom-select.popular.min.js +87 -78
  280. package/dist/libs/tom-select/dist/js/tom-select.popular.min.js.map +1 -1
  281. package/docs/base/colors.mdx +25 -0
  282. package/docs/base/typography.mdx +296 -0
  283. package/docs/components/alerts.mdx +430 -0
  284. package/docs/components/autosize.mdx +16 -0
  285. package/docs/components/avatars.mdx +172 -0
  286. package/docs/components/badges.mdx +127 -0
  287. package/docs/components/breadcrumb.mdx +107 -0
  288. package/docs/components/buttons.mdx +863 -0
  289. package/docs/components/cards.mdx +343 -0
  290. package/docs/components/carousel.mdx +235 -0
  291. package/docs/components/charts.mdx +526 -0
  292. package/docs/components/countup.mdx +136 -0
  293. package/docs/components/datagrid.mdx +90 -0
  294. package/docs/components/divider.mdx +63 -0
  295. package/docs/components/dropdowns.mdx +245 -0
  296. package/docs/components/dropzone.mdx +63 -0
  297. package/docs/components/empty.mdx +103 -0
  298. package/docs/components/icons.mdx +120 -0
  299. package/docs/components/inline-player.mdx +31 -0
  300. package/docs/components/modals.mdx +222 -0
  301. package/docs/components/placeholder.mdx +270 -0
  302. package/docs/components/popover.mdx +55 -0
  303. package/docs/components/progress.mdx +92 -0
  304. package/docs/components/progressbg.mdx +16 -0
  305. package/docs/components/range-slider.mdx +17 -0
  306. package/docs/components/ribbons.mdx +151 -0
  307. package/docs/components/spinners.mdx +119 -0
  308. package/docs/components/statuses.mdx +285 -0
  309. package/docs/components/steps.mdx +111 -0
  310. package/docs/components/switch-icon.mdx +155 -0
  311. package/docs/components/tables.mdx +410 -0
  312. package/docs/components/tabs.mdx +243 -0
  313. package/docs/components/timelines.mdx +506 -0
  314. package/docs/components/tinymce.mdx +44 -0
  315. package/docs/components/toasts.mdx +73 -0
  316. package/docs/components/tooltips.mdx +34 -0
  317. package/docs/components/tracking.mdx +162 -0
  318. package/docs/forms/form-color-check.mdx +179 -0
  319. package/docs/forms/form-elements.mdx +498 -0
  320. package/docs/forms/form-fieldset.mdx +44 -0
  321. package/docs/forms/form-helpers.mdx +12 -0
  322. package/docs/forms/form-image-check.mdx +162 -0
  323. package/docs/forms/form-input-mask.mdx +18 -0
  324. package/docs/forms/form-selectboxes.mdx +205 -0
  325. package/docs/forms/form-validation.mdx +25 -0
  326. package/docs/getting-started/browser-support.mdx +20 -0
  327. package/docs/getting-started/customize.mdx +24 -0
  328. package/docs/getting-started/download.mdx +42 -0
  329. package/docs/getting-started/faq.mdx +28 -0
  330. package/docs/getting-started/index.mdx +40 -0
  331. package/docs/icons/eps.mdx +13 -0
  332. package/docs/icons/figma.mdx +7 -0
  333. package/docs/icons/index.mdx +103 -0
  334. package/docs/icons/pdf.mdx +13 -0
  335. package/docs/icons/png.mdx +19 -0
  336. package/docs/icons/preact.mdx +40 -0
  337. package/docs/icons/react.mdx +40 -0
  338. package/docs/icons/solidjs.mdx +39 -0
  339. package/docs/icons/svelte.mdx +40 -0
  340. package/docs/icons/svg.mdx +74 -0
  341. package/docs/icons/vue.mdx +45 -0
  342. package/docs/icons/webfont.mdx +52 -0
  343. package/docs/layout/page-headers.mdx +226 -0
  344. package/docs/layout/page-layouts.mdx +204 -0
  345. package/docs/menu.json +317 -0
  346. package/docs/plugins/flags.mdx +52 -0
  347. package/docs/plugins/payments.mdx +43 -0
  348. package/docs/utilities/borders.mdx +114 -0
  349. package/docs/utilities/cursors.mdx +92 -0
  350. package/docs/utilities/interactions.mdx +23 -0
  351. package/package.json +37 -37
  352. package/src/js/src/toast.js +9 -1
  353. package/src/scss/_variables-dark.scss +3 -3
  354. package/src/scss/_variables.scss +38 -33
  355. package/src/scss/layout/_dark.scss +10 -2
  356. package/src/scss/layout/_navbar.scss +22 -13
  357. package/src/scss/layout/_page.scss +4 -4
  358. package/src/scss/layout/_root.scss +1 -1
  359. package/src/scss/mixins/_mixins.scss +4 -4
  360. package/src/scss/ui/_alerts.scss +2 -2
  361. package/src/scss/ui/_buttons.scss +4 -4
  362. package/src/scss/ui/_dropdowns.scss +1 -0
  363. package/src/scss/ui/_empty.scss +0 -5
  364. package/src/scss/ui/_flags.scss +2 -2
  365. package/src/scss/ui/_forms.scss +5 -4
  366. package/src/scss/ui/_modals.scss +3 -3
  367. package/src/scss/ui/_ribbons.scss +1 -0
  368. package/src/scss/ui/_toasts.scss +0 -1
  369. package/src/scss/ui/_type.scss +4 -2
  370. package/src/scss/vendor/_apexcharts.scss +2 -2
  371. package/src/scss/vendor/_jsvectormap.scss +1 -1
  372. package/src/scss/vendor/_litepicker.scss +1 -1
  373. package/dist/libs/jsvectormap/dist/js/jsvectormap.js +0 -2318
  374. package/dist/libs/jsvectormap/dist/js/jsvectormap.min.js +0 -1
  375. package/dist/libs/tinymce/license.txt +0 -21
  376. package/dist/libs/tinymce/plugins/template/index.js +0 -7
  377. package/dist/libs/tinymce/plugins/template/plugin.js +0 -554
  378. package/dist/libs/tinymce/plugins/template/plugin.min.js +0 -4
@@ -9,6 +9,7 @@
9
9
  font-weight: normal;
10
10
  line-height: normal;
11
11
  -webkit-tap-highlight-color: transparent;
12
+ -webkit-text-decoration: none;
12
13
  text-decoration: none;
13
14
  text-shadow: none;
14
15
  text-transform: none;
@@ -230,6 +231,20 @@ button::-moz-focus-inner {
230
231
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
231
232
  padding: 4px 8px 4px 4px;
232
233
  }
234
+ .tox .mce-codemirror {
235
+ background: #fff;
236
+ bottom: 0;
237
+ font-size: 13px;
238
+ left: 0;
239
+ position: absolute;
240
+ right: 0;
241
+ top: 0;
242
+ z-index: 1;
243
+ }
244
+ .tox .mce-codemirror.tox-inline-codemirror {
245
+ margin: 8px;
246
+ position: absolute;
247
+ }
233
248
  .tox .tox-advtemplate .tox-form__grid {
234
249
  flex: 1;
235
250
  }
@@ -259,6 +274,10 @@ button::-moz-focus-inner {
259
274
  display: flex;
260
275
  flex: 0 0 auto;
261
276
  }
277
+ .tox .tox-bottom-anchorbar {
278
+ display: flex;
279
+ flex: 0 0 auto;
280
+ }
262
281
  .tox .tox-bar {
263
282
  display: flex;
264
283
  flex: 0 0 auto;
@@ -288,6 +307,7 @@ button::-moz-focus-inner {
288
307
  padding: 4px 16px;
289
308
  position: relative;
290
309
  text-align: center;
310
+ -webkit-text-decoration: none;
291
311
  text-decoration: none;
292
312
  text-transform: none;
293
313
  white-space: nowrap;
@@ -295,7 +315,7 @@ button::-moz-focus-inner {
295
315
  .tox .tox-button::before {
296
316
  border-radius: 6px;
297
317
  bottom: -1px;
298
- box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, 0.25);
318
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
299
319
  content: '';
300
320
  left: -1px;
301
321
  opacity: 0;
@@ -319,7 +339,7 @@ button::-moz-focus-inner {
319
339
  box-shadow: none;
320
340
  color: #fff;
321
341
  }
322
- .tox .tox-button:focus-visible:not(:disabled)::before {
342
+ .tox .tox-button:focus:not(:disabled)::before {
323
343
  opacity: 1;
324
344
  }
325
345
  .tox .tox-button:hover:not(:disabled) {
@@ -401,6 +421,7 @@ button::-moz-focus-inner {
401
421
  letter-spacing: normal;
402
422
  outline: none;
403
423
  padding: 4px 16px;
424
+ -webkit-text-decoration: none;
404
425
  text-decoration: none;
405
426
  text-transform: none;
406
427
  }
@@ -562,6 +583,11 @@ button::-moz-focus-inner {
562
583
  display: block;
563
584
  fill: rgba(34, 47, 62, 0.3);
564
585
  }
586
+ @media (forced-colors: active) {
587
+ .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
588
+ fill: currentColor !important;
589
+ }
590
+ }
565
591
  .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
566
592
  display: none;
567
593
  fill: #006ce7;
@@ -658,7 +684,6 @@ button::-moz-focus-inner {
658
684
  text-transform: none;
659
685
  -webkit-touch-callout: none;
660
686
  -webkit-user-select: none;
661
- -moz-user-select: none;
662
687
  user-select: none;
663
688
  }
664
689
  .tox .tox-collection__item {
@@ -668,7 +693,6 @@ button::-moz-focus-inner {
668
693
  display: flex;
669
694
  -webkit-touch-callout: none;
670
695
  -webkit-user-select: none;
671
- -moz-user-select: none;
672
696
  user-select: none;
673
697
  }
674
698
  .tox .tox-collection--list .tox-collection__item {
@@ -687,29 +711,91 @@ button::-moz-focus-inner {
687
711
  color: #222f3e;
688
712
  }
689
713
  .tox .tox-collection--list .tox-collection__item--active {
690
- background-color: #cce2fa;
714
+ background-color: #006ce7;
691
715
  }
692
- .tox .tox-collection--toolbar .tox-collection__item--enabled {
716
+ .tox .tox-collection--toolbar .tox-collection__item--enabled,
717
+ .tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active,
718
+ .tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active:hover {
693
719
  background-color: #a6ccf7;
694
720
  color: #222f3e;
695
721
  }
722
+ @media (forced-colors: active) {
723
+ .tox .tox-collection--toolbar .tox-collection__item--enabled,
724
+ .tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active,
725
+ .tox .tox-collection--toolbar .tox-collection__item--enabled.tox-collection__item--active:hover {
726
+ border-radius: 3px;
727
+ outline: solid 1px;
728
+ }
729
+ }
696
730
  .tox .tox-collection--toolbar .tox-collection__item--active {
697
- background-color: #cce2fa;
731
+ background-color: #fff;
732
+ position: relative;
733
+ }
734
+ .tox .tox-collection--toolbar .tox-collection__item--active:hover {
735
+ background-color: #f0f0f0;
736
+ color: #222f3e;
737
+ }
738
+ .tox .tox-collection--toolbar .tox-collection__item--active:focus {
739
+ background-color: #f0f0f0;
740
+ color: #222f3e;
741
+ }
742
+ .tox .tox-collection--toolbar .tox-collection__item--active:focus::after {
743
+ border-radius: 3px;
744
+ bottom: 0;
745
+ box-shadow: 0 0 0 2px #006ce7 ;
746
+ content: '';
747
+ left: 0;
748
+ position: absolute;
749
+ right: 0;
750
+ top: 0;
751
+ }
752
+ @media (forced-colors: active) {
753
+ .tox .tox-collection--toolbar .tox-collection__item--active:focus::after {
754
+ border: 2px solid highlight;
755
+ }
698
756
  }
699
757
  .tox .tox-collection--grid .tox-collection__item--enabled {
700
758
  background-color: #a6ccf7;
701
759
  color: #222f3e;
702
760
  }
703
761
  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
704
- background-color: #cce2fa;
762
+ background-color: #f0f0f0;
705
763
  color: #222f3e;
764
+ position: relative;
765
+ z-index: 1;
766
+ }
767
+ .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
768
+ border-radius: 3px;
769
+ bottom: 0;
770
+ box-shadow: 0 0 0 2px #006ce7 inset;
771
+ content: '';
772
+ left: 0;
773
+ position: absolute;
774
+ right: 0;
775
+ top: 0;
776
+ }
777
+ @media (forced-colors: active) {
778
+ .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
779
+ border: 2px solid highlight;
780
+ }
706
781
  }
707
782
  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
708
- color: #222f3e;
783
+ color: #fff;
784
+ }
785
+ @media (forced-colors: active) {
786
+ .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
787
+ border: solid 1px;
788
+ }
709
789
  }
710
790
  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
711
791
  color: #222f3e;
712
792
  }
793
+ @media (forced-colors: active) {
794
+ .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
795
+ border-radius: 3px;
796
+ outline: solid 1px;
797
+ }
798
+ }
713
799
  .tox .tox-collection__item-icon,
714
800
  .tox .tox-collection__item-checkmark {
715
801
  align-items: center;
@@ -734,11 +820,12 @@ button::-moz-focus-inner {
734
820
  font-style: normal;
735
821
  font-weight: normal;
736
822
  line-height: 24px;
823
+ max-width: 100%;
737
824
  text-transform: none;
738
825
  word-break: break-all;
739
826
  }
740
827
  .tox .tox-collection__item-accessory {
741
- color: rgba(34, 47, 62, 0.7);
828
+ color: currentColor;
742
829
  display: inline-block;
743
830
  font-size: 14px;
744
831
  height: 24px;
@@ -756,7 +843,7 @@ button::-moz-focus-inner {
756
843
  min-height: inherit;
757
844
  }
758
845
  .tox .tox-collection__item-caret svg {
759
- fill: #222f3e;
846
+ fill: currentColor;
760
847
  }
761
848
  .tox .tox-collection__item--state-disabled {
762
849
  background-color: transparent;
@@ -885,6 +972,14 @@ button::-moz-focus-inner {
885
972
  .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
886
973
  margin-right: 4px;
887
974
  }
975
+ @media (forced-colors: active) {
976
+ .tox .tox-hue-slider,
977
+ .tox .tox-rgb-form .tox-rgba-preview {
978
+ background-color: currentColor !important;
979
+ border: 1px solid highlight !important;
980
+ forced-color-adjust: none;
981
+ }
982
+ }
888
983
  .tox .tox-color-picker-container {
889
984
  display: flex;
890
985
  flex-direction: row;
@@ -933,6 +1028,10 @@ button::-moz-focus-inner {
933
1028
  .tox .tox-hue-slider-spectrum {
934
1029
  width: 20px;
935
1030
  }
1031
+ .tox .tox-hue-slider-spectrum:focus,
1032
+ .tox .tox-sv-palette-spectrum:focus {
1033
+ outline: #08f solid;
1034
+ }
936
1035
  .tox .tox-hue-slider-thumb {
937
1036
  background: white;
938
1037
  border: 1px solid black;
@@ -953,11 +1052,37 @@ button::-moz-focus-inner {
953
1052
  width: inherit;
954
1053
  }
955
1054
  .tox .tox-rgb-form input {
956
- width: 6em;
1055
+ min-width: 6em;
957
1056
  }
958
1057
  .tox .tox-rgb-form input.tox-invalid {
959
1058
  /* Need !important to override Chrome's focus styling unfortunately */
960
- border: 1px solid red !important;
1059
+ border: 1px solid #f00 !important;
1060
+ box-shadow: 0 0 0 1px #f00;
1061
+ }
1062
+ .tox .tox-rgb-container {
1063
+ position: relative;
1064
+ }
1065
+ .tox .tox-rgb-form .tox-invalid-icon {
1066
+ align-content: center;
1067
+ align-items: center;
1068
+ display: none;
1069
+ height: 100%;
1070
+ position: absolute;
1071
+ right: 0;
1072
+ top: 0;
1073
+ }
1074
+ .tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
1075
+ margin: 0;
1076
+ }
1077
+ .tox .tox-rgb-warning-note {
1078
+ background-color: #f5cccc;
1079
+ border: 1px solid #f0b3b3;
1080
+ border-radius: 3px;
1081
+ color: #77181f;
1082
+ padding: 3px;
1083
+ }
1084
+ .tox input.tox-invalid + .tox-invalid-icon {
1085
+ display: flex;
961
1086
  }
962
1087
  .tox .tox-rgb-form .tox-rgba-preview {
963
1088
  border: 1px solid black;
@@ -1000,6 +1125,11 @@ button::-moz-focus-inner {
1000
1125
  .tox .tox-swatches__row {
1001
1126
  display: flex;
1002
1127
  }
1128
+ @media (forced-colors: active) {
1129
+ .tox .tox-swatches__row {
1130
+ forced-color-adjust: none;
1131
+ }
1132
+ }
1003
1133
  .tox .tox-swatch {
1004
1134
  height: 30px;
1005
1135
  transition: transform 0.15s, box-shadow 0.15s;
@@ -1036,7 +1166,7 @@ button::-moz-focus-inner {
1036
1166
  width: 24px;
1037
1167
  }
1038
1168
  .tox .tox-swatches__picker-btn:hover {
1039
- background: #cce2fa;
1169
+ background: #f0f0f0;
1040
1170
  }
1041
1171
  .tox div.tox-swatch:not(.tox-swatch--remove) svg {
1042
1172
  display: none;
@@ -1272,6 +1402,11 @@ button::-moz-focus-inner {
1272
1402
  .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
1273
1403
  margin-right: 8px;
1274
1404
  }
1405
+ .tox {
1406
+ /* .tox-dialog-blocker-wrap {
1407
+ //
1408
+ } */
1409
+ }
1275
1410
  .tox .tox-dialog-wrap {
1276
1411
  align-items: center;
1277
1412
  bottom: 0;
@@ -1300,7 +1435,7 @@ button::-moz-focus-inner {
1300
1435
  border-color: #eeeeee;
1301
1436
  border-radius: 10px;
1302
1437
  border-style: solid;
1303
- border-width: 0px;
1438
+ border-width: 0;
1304
1439
  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
1305
1440
  display: flex;
1306
1441
  flex-direction: column;
@@ -1380,8 +1515,14 @@ button::-moz-focus-inner {
1380
1515
  align-items: flex-start;
1381
1516
  display: flex;
1382
1517
  flex-direction: column;
1518
+ flex-shrink: 0;
1383
1519
  padding: 16px 16px;
1384
1520
  }
1521
+ @media only screen and (min-width: 768px ) {
1522
+ .tox .tox-dialog__body-nav {
1523
+ max-width: 11em;
1524
+ }
1525
+ }
1385
1526
  @media only screen and (max-width: 767px ) {
1386
1527
  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
1387
1528
  flex-direction: row;
@@ -1394,11 +1535,13 @@ button::-moz-focus-inner {
1394
1535
  border-bottom: 2px solid transparent;
1395
1536
  color: rgba(34, 47, 62, 0.7);
1396
1537
  display: inline-block;
1538
+ flex-shrink: 0;
1397
1539
  font-size: 14px;
1398
1540
  line-height: 1.3;
1399
1541
  margin-bottom: 8px;
1542
+ max-width: 13em;
1543
+ -webkit-text-decoration: none;
1400
1544
  text-decoration: none;
1401
- white-space: nowrap;
1402
1545
  }
1403
1546
  .tox .tox-dialog__body-nav-item:focus {
1404
1547
  background-color: rgba(0, 108, 231, 0.1);
@@ -1407,12 +1550,18 @@ button::-moz-focus-inner {
1407
1550
  border-bottom: 2px solid #006ce7;
1408
1551
  color: #006ce7;
1409
1552
  }
1553
+ @media (forced-colors: active) {
1554
+ .tox .tox-dialog__body-nav-item--active {
1555
+ border-bottom: 2px solid highlight;
1556
+ color: highlight;
1557
+ }
1558
+ }
1410
1559
  .tox .tox-dialog__body-content {
1411
1560
  box-sizing: border-box;
1412
1561
  display: flex;
1413
1562
  flex: 1;
1414
1563
  flex-direction: column;
1415
- max-height: 650px;
1564
+ max-height: min(650px, calc(100vh - 110px));
1416
1565
  overflow: auto;
1417
1566
  -webkit-overflow-scrolling: touch;
1418
1567
  padding: 16px 16px;
@@ -1434,27 +1583,52 @@ button::-moz-focus-inner {
1434
1583
  .tox .tox-dialog__body-content a {
1435
1584
  color: #006ce7;
1436
1585
  cursor: pointer;
1437
- text-decoration: none;
1586
+ -webkit-text-decoration: underline;
1587
+ text-decoration: underline;
1438
1588
  }
1439
1589
  .tox .tox-dialog__body-content a:hover,
1440
1590
  .tox .tox-dialog__body-content a:focus {
1441
- color: #0054b4;
1442
- text-decoration: none;
1591
+ color: #003c81;
1592
+ -webkit-text-decoration: underline;
1593
+ text-decoration: underline;
1594
+ }
1595
+ .tox .tox-dialog__body-content a:focus-visible {
1596
+ border-radius: 1px;
1597
+ outline: 2px solid #006ce7;
1598
+ outline-offset: 2px;
1443
1599
  }
1444
1600
  .tox .tox-dialog__body-content a:active {
1445
- color: #0054b4;
1446
- text-decoration: none;
1601
+ color: #00244e;
1602
+ -webkit-text-decoration: underline;
1603
+ text-decoration: underline;
1447
1604
  }
1448
1605
  .tox .tox-dialog__body-content svg {
1449
1606
  fill: #222f3e;
1450
1607
  }
1608
+ .tox .tox-dialog__body-content strong {
1609
+ font-weight: bold;
1610
+ }
1451
1611
  .tox .tox-dialog__body-content ul {
1452
- display: block;
1453
1612
  list-style-type: disc;
1613
+ }
1614
+ .tox .tox-dialog__body-content ul,
1615
+ .tox .tox-dialog__body-content ol,
1616
+ .tox .tox-dialog__body-content dd {
1617
+ padding-inline-start: 2.5rem;
1618
+ }
1619
+ .tox .tox-dialog__body-content ul,
1620
+ .tox .tox-dialog__body-content ol,
1621
+ .tox .tox-dialog__body-content dl {
1454
1622
  margin-bottom: 16px;
1623
+ }
1624
+ .tox .tox-dialog__body-content ul,
1625
+ .tox .tox-dialog__body-content ol,
1626
+ .tox .tox-dialog__body-content dl,
1627
+ .tox .tox-dialog__body-content dd,
1628
+ .tox .tox-dialog__body-content dt {
1629
+ display: block;
1455
1630
  margin-inline-end: 0;
1456
1631
  margin-inline-start: 0;
1457
- padding-inline-start: 2.5rem;
1458
1632
  }
1459
1633
  .tox .tox-dialog__body-content .tox-form__group h1 {
1460
1634
  color: #222f3e;
@@ -1495,6 +1669,12 @@ button::-moz-focus-inner {
1495
1669
  margin-bottom: 0;
1496
1670
  margin-top: 0;
1497
1671
  }
1672
+ .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
1673
+ text-align: center;
1674
+ }
1675
+ .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
1676
+ text-align: end;
1677
+ }
1498
1678
  .tox .tox-dialog--width-lg {
1499
1679
  height: 650px;
1500
1680
  max-width: 1200px;
@@ -1563,9 +1743,33 @@ button::-moz-focus-inner {
1563
1743
  .tox .tox-dialog__table td:first-child {
1564
1744
  padding-right: 8px;
1565
1745
  }
1746
+ .tox .tox-dialog__iframe {
1747
+ min-height: 200px;
1748
+ }
1566
1749
  .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
1567
1750
  background: #fff;
1568
1751
  }
1752
+ .tox .tox-navobj-bordered {
1753
+ position: relative;
1754
+ }
1755
+ .tox .tox-navobj-bordered::before {
1756
+ border: 1px solid #eeeeee;
1757
+ border-radius: 6px;
1758
+ content: '';
1759
+ inset: 0;
1760
+ opacity: 1;
1761
+ pointer-events: none;
1762
+ position: absolute;
1763
+ z-index: 1;
1764
+ }
1765
+ .tox .tox-navobj-bordered iframe {
1766
+ border-radius: 6px;
1767
+ }
1768
+ .tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
1769
+ border-color: #006ce7;
1770
+ box-shadow: 0 0 0 1px #006ce7;
1771
+ outline: none;
1772
+ }
1569
1773
  .tox .tox-dialog__popups {
1570
1774
  position: absolute;
1571
1775
  width: 100%;
@@ -1659,7 +1863,7 @@ body.tox-dialog__disable-scroll {
1659
1863
  position: relative;
1660
1864
  }
1661
1865
  .tox .tox-edit-area::before {
1662
- border: 2px solid #2D6ADF;
1866
+ border: 2px solid #006ce7;
1663
1867
  border-radius: 4px;
1664
1868
  content: '';
1665
1869
  inset: 0;
@@ -1669,6 +1873,11 @@ body.tox-dialog__disable-scroll {
1669
1873
  transition: opacity 0.15s;
1670
1874
  z-index: 1;
1671
1875
  }
1876
+ @media (forced-colors: active) {
1877
+ .tox .tox-edit-area::before {
1878
+ border: 2px solid highlight;
1879
+ }
1880
+ }
1672
1881
  .tox .tox-edit-area__iframe {
1673
1882
  background-color: #fff;
1674
1883
  border: 0;
@@ -1778,6 +1987,14 @@ body.tox-dialog__disable-scroll {
1778
1987
  .tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
1779
1988
  left: 4px;
1780
1989
  }
1990
+ .tox .tox-custom-preview {
1991
+ border-color: #eeeeee;
1992
+ border-radius: 6px;
1993
+ border-style: solid;
1994
+ border-width: 1px;
1995
+ flex: 1;
1996
+ padding: 8px;
1997
+ }
1781
1998
  .tox .tox-autocompleter {
1782
1999
  max-width: 25em;
1783
2000
  }
@@ -1797,7 +2014,7 @@ body.tox-dialog__disable-scroll {
1797
2014
  z-index: -1;
1798
2015
  }
1799
2016
  .tox .tox-color-input span {
1800
- border-color: rgba(34, 47, 62, 0.2);
2017
+ border-color: rgba(34 47 3.1%);
1801
2018
  border-radius: 6px;
1802
2019
  border-style: solid;
1803
2020
  border-width: 1px;
@@ -1808,6 +2025,13 @@ body.tox-dialog__disable-scroll {
1808
2025
  top: 6px;
1809
2026
  width: 24px;
1810
2027
  }
2028
+ @media (forced-colors: active) {
2029
+ .tox .tox-color-input span {
2030
+ border-color: currentColor;
2031
+ border-width: 2px !important;
2032
+ forced-color-adjust: none;
2033
+ }
2034
+ }
1811
2035
  .tox .tox-color-input span:hover:not([aria-disabled=true]),
1812
2036
  .tox .tox-color-input span:focus:not([aria-disabled=true]) {
1813
2037
  border-color: #006ce7;
@@ -1828,6 +2052,11 @@ body.tox-dialog__disable-scroll {
1828
2052
  width: 24px;
1829
2053
  z-index: -1;
1830
2054
  }
2055
+ @media (forced-colors: active) {
2056
+ .tox .tox-color-input span::before {
2057
+ border: none;
2058
+ }
2059
+ }
1831
2060
  .tox .tox-color-input span[aria-disabled=true] {
1832
2061
  cursor: not-allowed;
1833
2062
  }
@@ -1939,9 +2168,7 @@ body.tox-dialog__disable-scroll {
1939
2168
  .tox .tox-listboxfield .tox-listbox--select,
1940
2169
  .tox .tox-textarea,
1941
2170
  .tox .tox-textarea-wrap .tox-textarea:focus {
1942
- -webkit-appearance: none;
1943
- -moz-appearance: none;
1944
- appearance: none;
2171
+ appearance: none;
1945
2172
  background-color: #fff;
1946
2173
  border-color: #eeeeee;
1947
2174
  border-radius: 6px;
@@ -1973,7 +2200,7 @@ body.tox-dialog__disable-scroll {
1973
2200
  .tox .tox-custom-editor:focus-within {
1974
2201
  background-color: #fff;
1975
2202
  border-color: #006ce7;
1976
- box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2203
+ box-shadow: 0 0 0 1px #006ce7;
1977
2204
  outline: none;
1978
2205
  }
1979
2206
  .tox .tox-toolbar-textfield {
@@ -2026,6 +2253,11 @@ body.tox-dialog__disable-scroll {
2026
2253
  .tox .tox-listbox__select-chevron svg {
2027
2254
  fill: #222f3e;
2028
2255
  }
2256
+ @media (forced-colors: active) {
2257
+ .tox .tox-listbox__select-chevron svg {
2258
+ fill: currentColor !important;
2259
+ }
2260
+ }
2029
2261
  .tox .tox-listboxfield .tox-listbox--select {
2030
2262
  align-items: center;
2031
2263
  display: flex;
@@ -2041,9 +2273,7 @@ body.tox-dialog__disable-scroll {
2041
2273
  position: relative;
2042
2274
  }
2043
2275
  .tox .tox-selectfield select {
2044
- -webkit-appearance: none;
2045
- -moz-appearance: none;
2046
- appearance: none;
2276
+ appearance: none;
2047
2277
  background-color: #fff;
2048
2278
  border-color: #eeeeee;
2049
2279
  border-radius: 6px;
@@ -2073,7 +2303,7 @@ body.tox-dialog__disable-scroll {
2073
2303
  .tox .tox-selectfield select:focus {
2074
2304
  background-color: #fff;
2075
2305
  border-color: #006ce7;
2076
- box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2306
+ box-shadow: 0 0 0 1px #006ce7;
2077
2307
  outline: none;
2078
2308
  }
2079
2309
  .tox .tox-selectfield svg {
@@ -2106,9 +2336,7 @@ body.tox-dialog__disable-scroll {
2106
2336
  overflow: hidden;
2107
2337
  }
2108
2338
  .tox .tox-textarea {
2109
- -webkit-appearance: textarea;
2110
- -moz-appearance: textarea;
2111
- appearance: textarea;
2339
+ appearance: textarea;
2112
2340
  white-space: pre-wrap;
2113
2341
  }
2114
2342
  .tox .tox-textarea-wrap .tox-textarea {
@@ -2229,6 +2457,7 @@ body.tox-dialog__disable-scroll {
2229
2457
  top: 200px;
2230
2458
  }
2231
2459
  .tox .tox-insert-table-picker {
2460
+ background-color: #fff;
2232
2461
  display: flex;
2233
2462
  flex-wrap: wrap;
2234
2463
  width: 170px;
@@ -2245,8 +2474,14 @@ body.tox-dialog__disable-scroll {
2245
2474
  margin: -4px -4px;
2246
2475
  }
2247
2476
  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2248
- background-color: rgba(0, 108, 231, 0.5);
2249
- border-color: rgba(0, 108, 231, 0.5);
2477
+ background-color: #006ce7;
2478
+ border-color: #eeeeee;
2479
+ }
2480
+ @media (forced-colors: active) {
2481
+ .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2482
+ border-color: Highlight;
2483
+ filter: contrast(50%);
2484
+ }
2250
2485
  }
2251
2486
  .tox .tox-insert-table-picker__label {
2252
2487
  color: rgba(34, 47, 62, 0.7);
@@ -2296,6 +2531,9 @@ body.tox-dialog__disable-scroll {
2296
2531
  overflow-wrap: break-word;
2297
2532
  word-break: normal;
2298
2533
  }
2534
+ .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
2535
+ word-break: break-all;
2536
+ }
2299
2537
  }
2300
2538
  .tox .tox-menu__label h1,
2301
2539
  .tox .tox-menu__label h2,
@@ -2309,7 +2547,7 @@ body.tox-dialog__disable-scroll {
2309
2547
  margin: 0;
2310
2548
  }
2311
2549
  .tox .tox-menubar {
2312
- background: repeating-linear-gradient(transparent 0px 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
2550
+ background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
2313
2551
  background-color: #fff;
2314
2552
  display: flex;
2315
2553
  flex: 0 0 auto;
@@ -2323,7 +2561,7 @@ body.tox-dialog__disable-scroll {
2323
2561
  grid-column: 1;
2324
2562
  }
2325
2563
  .tox .tox-promotion {
2326
- background: repeating-linear-gradient(transparent 0px 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
2564
+ background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
2327
2565
  background-color: #fff;
2328
2566
  grid-column: 2;
2329
2567
  grid-row: 1;
@@ -2352,7 +2590,7 @@ body.tox-dialog__disable-scroll {
2352
2590
  /* Deprecated. Remove in next major release */
2353
2591
  .tox .tox-mbtn {
2354
2592
  align-items: center;
2355
- background: transparent;
2593
+ background: #fff;
2356
2594
  border: 0;
2357
2595
  border-radius: 3px;
2358
2596
  box-shadow: none;
@@ -2366,32 +2604,49 @@ body.tox-dialog__disable-scroll {
2366
2604
  justify-content: center;
2367
2605
  margin: 5px 1px 6px 0;
2368
2606
  outline: none;
2369
- overflow: hidden;
2370
2607
  padding: 0 4px;
2371
2608
  text-transform: none;
2372
2609
  width: auto;
2373
2610
  }
2374
2611
  .tox .tox-mbtn[disabled] {
2375
- background-color: transparent;
2612
+ background-color: #fff;
2376
2613
  border: 0;
2377
2614
  box-shadow: none;
2378
2615
  color: rgba(34, 47, 62, 0.5);
2379
2616
  cursor: not-allowed;
2380
2617
  }
2381
2618
  .tox .tox-mbtn:focus:not(:disabled) {
2382
- background: #cce2fa;
2619
+ background: #fff;
2383
2620
  border: 0;
2384
2621
  box-shadow: none;
2385
2622
  color: #222f3e;
2623
+ position: relative;
2624
+ z-index: 1;
2625
+ }
2626
+ .tox .tox-mbtn:focus:not(:disabled)::after {
2627
+ border-radius: 3px;
2628
+ bottom: 0;
2629
+ box-shadow: 0 0 0 2px #006ce7 ;
2630
+ content: '';
2631
+ left: 0;
2632
+ position: absolute;
2633
+ right: 0;
2634
+ top: 0;
2635
+ }
2636
+ @media (forced-colors: active) {
2637
+ .tox .tox-mbtn:focus:not(:disabled)::after {
2638
+ border: 2px solid highlight;
2639
+ }
2386
2640
  }
2387
- .tox .tox-mbtn--active {
2641
+ .tox .tox-mbtn--active,
2642
+ .tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
2388
2643
  background: #a6ccf7;
2389
2644
  border: 0;
2390
2645
  box-shadow: none;
2391
2646
  color: #222f3e;
2392
2647
  }
2393
2648
  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2394
- background: #cce2fa;
2649
+ background: #f0f0f0;
2395
2650
  border: 0;
2396
2651
  box-shadow: none;
2397
2652
  color: #222f3e;
@@ -2421,18 +2676,26 @@ body.tox-dialog__disable-scroll {
2421
2676
  font-size: 14px;
2422
2677
  font-weight: normal;
2423
2678
  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2679
+ margin-left: auto;
2680
+ margin-right: auto;
2424
2681
  margin-top: 4px;
2425
2682
  opacity: 0;
2426
2683
  padding: 4px;
2427
2684
  transition: transform 100ms ease-in, opacity 150ms ease-in;
2685
+ width: max-content;
2686
+ }
2687
+ .tox .tox-notification a {
2688
+ cursor: pointer;
2689
+ -webkit-text-decoration: underline;
2690
+ text-decoration: underline;
2428
2691
  }
2429
2692
  .tox .tox-notification p {
2430
2693
  font-size: 14px;
2431
2694
  font-weight: normal;
2432
2695
  }
2433
- .tox .tox-notification a {
2434
- cursor: pointer;
2435
- text-decoration: underline;
2696
+ .tox .tox-notification:focus {
2697
+ border-color: #006ce7;
2698
+ box-shadow: 0 0 0 1px #006ce7;
2436
2699
  }
2437
2700
  .tox .tox-notification--in {
2438
2701
  opacity: 1;
@@ -2448,6 +2711,22 @@ body.tox-dialog__disable-scroll {
2448
2711
  .tox .tox-notification--success a {
2449
2712
  color: #517342;
2450
2713
  }
2714
+ .tox .tox-notification--success a:hover,
2715
+ .tox .tox-notification--success a:focus {
2716
+ color: #24321d;
2717
+ -webkit-text-decoration: underline;
2718
+ text-decoration: underline;
2719
+ }
2720
+ .tox .tox-notification--success a:focus-visible {
2721
+ border-radius: 1px;
2722
+ outline: 2px solid #517342;
2723
+ outline-offset: 2px;
2724
+ }
2725
+ .tox .tox-notification--success a:active {
2726
+ color: #0d120a;
2727
+ -webkit-text-decoration: underline;
2728
+ text-decoration: underline;
2729
+ }
2451
2730
  .tox .tox-notification--success svg {
2452
2731
  fill: #222f3e;
2453
2732
  }
@@ -2455,6 +2734,7 @@ body.tox-dialog__disable-scroll {
2455
2734
  background-color: #f5cccc;
2456
2735
  border-color: #f0b3b3;
2457
2736
  color: #222f3e;
2737
+ /* stylelint-disable-next-line no-descending-specificity */
2458
2738
  }
2459
2739
  .tox .tox-notification--error p {
2460
2740
  color: #222f3e;
@@ -2462,6 +2742,22 @@ body.tox-dialog__disable-scroll {
2462
2742
  .tox .tox-notification--error a {
2463
2743
  color: #77181f;
2464
2744
  }
2745
+ .tox .tox-notification--error a:hover,
2746
+ .tox .tox-notification--error a:focus {
2747
+ color: #220709;
2748
+ -webkit-text-decoration: underline;
2749
+ text-decoration: underline;
2750
+ }
2751
+ .tox .tox-notification--error a:focus-visible {
2752
+ border-radius: 1px;
2753
+ outline: 2px solid #77181f;
2754
+ outline-offset: 2px;
2755
+ }
2756
+ .tox .tox-notification--error a:active {
2757
+ color: #000000;
2758
+ -webkit-text-decoration: underline;
2759
+ text-decoration: underline;
2760
+ }
2465
2761
  .tox .tox-notification--error svg {
2466
2762
  fill: #222f3e;
2467
2763
  }
@@ -2470,6 +2766,7 @@ body.tox-dialog__disable-scroll {
2470
2766
  background-color: #fff5cc;
2471
2767
  border-color: #fff0b3;
2472
2768
  color: #222f3e;
2769
+ /* stylelint-disable-next-line no-descending-specificity */
2473
2770
  }
2474
2771
  .tox .tox-notification--warn p,
2475
2772
  .tox .tox-notification--warning p {
@@ -2479,6 +2776,26 @@ body.tox-dialog__disable-scroll {
2479
2776
  .tox .tox-notification--warning a {
2480
2777
  color: #7a6e25;
2481
2778
  }
2779
+ .tox .tox-notification--warn a:hover,
2780
+ .tox .tox-notification--warning a:hover,
2781
+ .tox .tox-notification--warn a:focus,
2782
+ .tox .tox-notification--warning a:focus {
2783
+ color: #2c280d;
2784
+ -webkit-text-decoration: underline;
2785
+ text-decoration: underline;
2786
+ }
2787
+ .tox .tox-notification--warn a:focus-visible,
2788
+ .tox .tox-notification--warning a:focus-visible {
2789
+ border-radius: 1px;
2790
+ outline: 2px solid #7a6e25;
2791
+ outline-offset: 2px;
2792
+ }
2793
+ .tox .tox-notification--warn a:active,
2794
+ .tox .tox-notification--warning a:active {
2795
+ color: #050502;
2796
+ -webkit-text-decoration: underline;
2797
+ text-decoration: underline;
2798
+ }
2482
2799
  .tox .tox-notification--warn svg,
2483
2800
  .tox .tox-notification--warning svg {
2484
2801
  fill: #222f3e;
@@ -2487,6 +2804,7 @@ body.tox-dialog__disable-scroll {
2487
2804
  background-color: #d6e7fb;
2488
2805
  border-color: #c1dbf9;
2489
2806
  color: #222f3e;
2807
+ /* stylelint-disable-next-line no-descending-specificity */
2490
2808
  }
2491
2809
  .tox .tox-notification--info p {
2492
2810
  color: #222f3e;
@@ -2494,6 +2812,22 @@ body.tox-dialog__disable-scroll {
2494
2812
  .tox .tox-notification--info a {
2495
2813
  color: #2a64a6;
2496
2814
  }
2815
+ .tox .tox-notification--info a:hover,
2816
+ .tox .tox-notification--info a:focus {
2817
+ color: #163355;
2818
+ -webkit-text-decoration: underline;
2819
+ text-decoration: underline;
2820
+ }
2821
+ .tox .tox-notification--info a:focus-visible {
2822
+ border-radius: 1px;
2823
+ outline: 2px solid #2a64a6;
2824
+ outline-offset: 2px;
2825
+ }
2826
+ .tox .tox-notification--info a:active {
2827
+ color: #0b1a2c;
2828
+ -webkit-text-decoration: underline;
2829
+ text-decoration: underline;
2830
+ }
2497
2831
  .tox .tox-notification--info svg {
2498
2832
  fill: #222f3e;
2499
2833
  }
@@ -2542,6 +2876,20 @@ body.tox-dialog__disable-scroll {
2542
2876
  grid-row-start: 2;
2543
2877
  justify-self: center;
2544
2878
  }
2879
+ .tox .tox-notification-container-dock-fadeout {
2880
+ opacity: 0;
2881
+ visibility: hidden;
2882
+ }
2883
+ .tox .tox-notification-container-dock-fadein {
2884
+ opacity: 1;
2885
+ visibility: visible;
2886
+ }
2887
+ .tox .tox-notification-container-dock-transition {
2888
+ transition: visibility 0s linear 0.3s, opacity 0.3s ease;
2889
+ }
2890
+ .tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
2891
+ transition-delay: 0s;
2892
+ }
2545
2893
  .tox .tox-pop {
2546
2894
  display: inline-block;
2547
2895
  position: relative;
@@ -2586,6 +2934,12 @@ body.tox-dialog__disable-scroll {
2586
2934
  position: absolute;
2587
2935
  width: 0;
2588
2936
  }
2937
+ @media (forced-colors: active) {
2938
+ .tox .tox-pop::before,
2939
+ .tox .tox-pop::after {
2940
+ content: none;
2941
+ }
2942
+ }
2589
2943
  .tox .tox-pop.tox-pop--inset::before,
2590
2944
  .tox .tox-pop.tox-pop--inset::after {
2591
2945
  opacity: 0;
@@ -2798,19 +3152,43 @@ body.tox-dialog__disable-scroll {
2798
3152
  position: relative;
2799
3153
  text-transform: none;
2800
3154
  }
2801
- .tox .tox-statusbar__text-container {
3155
+ .tox .tox-statusbar__path {
2802
3156
  display: flex;
2803
3157
  flex: 1 1 auto;
3158
+ text-overflow: ellipsis;
3159
+ white-space: nowrap;
3160
+ }
3161
+ .tox .tox-statusbar__right-container {
3162
+ display: flex;
2804
3163
  justify-content: flex-end;
2805
- overflow: hidden;
3164
+ white-space: nowrap;
2806
3165
  }
2807
- .tox .tox-statusbar__path {
3166
+ .tox .tox-statusbar__help-text {
3167
+ text-align: center;
3168
+ }
3169
+ .tox .tox-statusbar__text-container {
3170
+ align-items: flex-start;
2808
3171
  display: flex;
2809
3172
  flex: 1 1 auto;
2810
- margin-right: auto;
3173
+ height: 16px;
3174
+ justify-content: space-between;
2811
3175
  overflow: hidden;
2812
- text-overflow: ellipsis;
2813
- white-space: nowrap;
3176
+ }
3177
+ @media only screen and (min-width: 768px ) {
3178
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
3179
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
3180
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
3181
+ flex: 0 0 calc(100% / 3);
3182
+ }
3183
+ }
3184
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
3185
+ justify-content: flex-end;
3186
+ }
3187
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
3188
+ justify-content: flex-start;
3189
+ }
3190
+ .tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
3191
+ justify-content: space-around;
2814
3192
  }
2815
3193
  .tox .tox-statusbar__path > * {
2816
3194
  display: inline;
@@ -2820,10 +3198,20 @@ body.tox-dialog__disable-scroll {
2820
3198
  flex: 0 0 auto;
2821
3199
  margin-left: 1ch;
2822
3200
  }
3201
+ @media only screen and (max-width: 767px ) {
3202
+ .tox .tox-statusbar__text-container .tox-statusbar__help-text {
3203
+ display: none;
3204
+ }
3205
+ .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
3206
+ display: block;
3207
+ }
3208
+ }
2823
3209
  .tox .tox-statusbar a,
2824
3210
  .tox .tox-statusbar__path-item,
2825
3211
  .tox .tox-statusbar__wordcount {
2826
3212
  color: rgba(34, 47, 62, 0.7);
3213
+ position: relative;
3214
+ -webkit-text-decoration: none;
2827
3215
  text-decoration: none;
2828
3216
  }
2829
3217
  .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
@@ -2835,14 +3223,43 @@ body.tox-dialog__disable-scroll {
2835
3223
  color: #222f3e;
2836
3224
  cursor: pointer;
2837
3225
  }
3226
+ .tox .tox-statusbar a:focus-visible::after,
3227
+ .tox .tox-statusbar__path-item:focus-visible::after,
3228
+ .tox .tox-statusbar__wordcount:focus-visible::after {
3229
+ border-radius: 3px;
3230
+ bottom: 0;
3231
+ box-shadow: 0 0 0 2px #006ce7 ;
3232
+ content: '';
3233
+ left: 0;
3234
+ position: absolute;
3235
+ right: 0;
3236
+ top: 0;
3237
+ }
3238
+ @media (forced-colors: active) {
3239
+ .tox .tox-statusbar a:focus-visible::after,
3240
+ .tox .tox-statusbar__path-item:focus-visible::after,
3241
+ .tox .tox-statusbar__wordcount:focus-visible::after {
3242
+ border: 2px solid highlight;
3243
+ }
3244
+ }
2838
3245
  .tox .tox-statusbar__branding svg {
2839
3246
  fill: rgba(34, 47, 62, 0.8);
2840
- height: 1.14em;
2841
- vertical-align: -0.28em;
2842
- width: 3.6em;
3247
+ height: 1em;
3248
+ margin-left: 0.3em;
3249
+ width: auto;
2843
3250
  }
2844
- .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
2845
- .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
3251
+ @media (forced-colors: active) {
3252
+ .tox .tox-statusbar__branding svg {
3253
+ fill: currentColor;
3254
+ }
3255
+ }
3256
+ .tox .tox-statusbar__branding a {
3257
+ /* stylelint-disable-line no-descending-specificity */
3258
+ align-items: center;
3259
+ display: inline-flex;
3260
+ }
3261
+ .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
3262
+ .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
2846
3263
  fill: #222f3e;
2847
3264
  }
2848
3265
  .tox .tox-statusbar__resize-handle {
@@ -2852,20 +3269,42 @@ body.tox-dialog__disable-scroll {
2852
3269
  display: flex;
2853
3270
  flex: 0 0 auto;
2854
3271
  justify-content: flex-end;
2855
- margin-left: auto;
2856
- margin-right: -8px;
2857
- padding-bottom: 3px;
2858
- padding-left: 1ch;
2859
- padding-right: 3px;
3272
+ margin-bottom: 3px;
3273
+ margin-left: 4px;
3274
+ margin-right: calc(3px - 8px);
3275
+ margin-top: 3px;
3276
+ padding-bottom: 0;
3277
+ padding-left: 0;
3278
+ padding-right: 0;
3279
+ position: relative;
2860
3280
  }
2861
3281
  .tox .tox-statusbar__resize-handle svg {
2862
3282
  display: block;
2863
3283
  fill: rgba(34, 47, 62, 0.5);
2864
3284
  }
3285
+ .tox .tox-statusbar__resize-handle:hover svg,
2865
3286
  .tox .tox-statusbar__resize-handle:focus svg {
2866
- background-color: #dee0e2;
3287
+ fill: #222f3e;
3288
+ }
3289
+ .tox .tox-statusbar__resize-handle:focus-visible {
3290
+ background-color: transparent;
2867
3291
  border-radius: 1px 1px 5px 1px;
2868
- box-shadow: 0 0 0 2px #dee0e2;
3292
+ box-shadow: 0 0 0 2px transparent;
3293
+ }
3294
+ .tox .tox-statusbar__resize-handle:focus-visible::after {
3295
+ border-radius: 3px;
3296
+ bottom: 0;
3297
+ box-shadow: 0 0 0 2px #006ce7 ;
3298
+ content: '';
3299
+ left: 0;
3300
+ position: absolute;
3301
+ right: 0;
3302
+ top: 0;
3303
+ }
3304
+ @media (forced-colors: active) {
3305
+ .tox .tox-statusbar__resize-handle:focus-visible::after {
3306
+ border: 2px solid highlight;
3307
+ }
2869
3308
  }
2870
3309
  .tox:not([dir=rtl]) .tox-statusbar__path > * {
2871
3310
  margin-right: 4px;
@@ -2879,6 +3318,10 @@ body.tox-dialog__disable-scroll {
2879
3318
  .tox[dir=rtl] .tox-statusbar__path > * {
2880
3319
  margin-left: 4px;
2881
3320
  }
3321
+ .tox[dir=rtl] .tox-statusbar__branding svg {
3322
+ margin-left: 0;
3323
+ margin-right: 0.3em;
3324
+ }
2882
3325
  .tox .tox-throbber {
2883
3326
  z-index: 1299;
2884
3327
  }
@@ -2895,7 +3338,7 @@ body.tox-dialog__disable-scroll {
2895
3338
  }
2896
3339
  .tox .tox-tbtn {
2897
3340
  align-items: center;
2898
- background: transparent;
3341
+ background: #fff;
2899
3342
  border: 0;
2900
3343
  border-radius: 3px;
2901
3344
  box-shadow: none;
@@ -2909,27 +3352,72 @@ body.tox-dialog__disable-scroll {
2909
3352
  justify-content: center;
2910
3353
  margin: 6px 1px 5px 0;
2911
3354
  outline: none;
2912
- overflow: hidden;
2913
3355
  padding: 0;
2914
3356
  text-transform: none;
2915
3357
  width: 34px;
2916
3358
  }
3359
+ @media (forced-colors: active) {
3360
+ .tox .tox-tbtn:hover,
3361
+ .tox .tox-tbtn.tox-tbtn:hover {
3362
+ outline: 1px dashed currentColor;
3363
+ }
3364
+ .tox .tox-tbtn.tox-tbtn--active,
3365
+ .tox .tox-tbtn.tox-tbtn--enabled,
3366
+ .tox .tox-tbtn.tox-tbtn--enabled:hover,
3367
+ .tox .tox-tbtn.tox-tbtn--enabled:focus,
3368
+ .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
3369
+ outline: 1px solid currentColor;
3370
+ position: relative;
3371
+ }
3372
+ }
2917
3373
  .tox .tox-tbtn svg {
2918
3374
  display: block;
2919
3375
  fill: #222f3e;
2920
3376
  }
3377
+ @media (forced-colors: active) {
3378
+ .tox .tox-tbtn svg {
3379
+ fill: currentColor !important;
3380
+ }
3381
+ .tox .tox-tbtn svg.tox-tbtn--enabled,
3382
+ .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
3383
+ fill: currentColor !important;
3384
+ }
3385
+ .tox .tox-tbtn svg.tox-tbtn--disabled,
3386
+ .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
3387
+ .tox .tox-tbtn svg .tox-tbtn:disabled,
3388
+ .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
3389
+ filter: contrast(0%);
3390
+ }
3391
+ }
2921
3392
  .tox .tox-tbtn.tox-tbtn-more {
2922
3393
  padding-left: 5px;
2923
3394
  padding-right: 5px;
2924
3395
  width: inherit;
2925
3396
  }
2926
3397
  .tox .tox-tbtn:focus {
2927
- background: #cce2fa;
3398
+ background: #fff;
2928
3399
  border: 0;
2929
3400
  box-shadow: none;
3401
+ position: relative;
3402
+ z-index: 1;
3403
+ }
3404
+ .tox .tox-tbtn:focus::after {
3405
+ border-radius: 3px;
3406
+ bottom: 0;
3407
+ box-shadow: 0 0 0 2px #006ce7 ;
3408
+ content: '';
3409
+ left: 0;
3410
+ position: absolute;
3411
+ right: 0;
3412
+ top: 0;
3413
+ }
3414
+ @media (forced-colors: active) {
3415
+ .tox .tox-tbtn:focus::after {
3416
+ border: 2px solid highlight;
3417
+ }
2930
3418
  }
2931
3419
  .tox .tox-tbtn:hover {
2932
- background: #cce2fa;
3420
+ background: #f0f0f0;
2933
3421
  border: 0;
2934
3422
  box-shadow: none;
2935
3423
  color: #222f3e;
@@ -2946,11 +3434,14 @@ body.tox-dialog__disable-scroll {
2946
3434
  .tox .tox-tbtn:active svg {
2947
3435
  fill: #222f3e;
2948
3436
  }
3437
+ .tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
3438
+ fill: rgba(34, 47, 62, 0.5);
3439
+ }
2949
3440
  .tox .tox-tbtn--disabled,
2950
3441
  .tox .tox-tbtn--disabled:hover,
2951
3442
  .tox .tox-tbtn:disabled,
2952
3443
  .tox .tox-tbtn:disabled:hover {
2953
- background: transparent;
3444
+ background: #fff;
2954
3445
  border: 0;
2955
3446
  box-shadow: none;
2956
3447
  color: rgba(34, 47, 62, 0.5);
@@ -2963,22 +3454,50 @@ body.tox-dialog__disable-scroll {
2963
3454
  /* stylelint-disable-line no-descending-specificity */
2964
3455
  fill: rgba(34, 47, 62, 0.5);
2965
3456
  }
3457
+ .tox .tox-tbtn--active,
2966
3458
  .tox .tox-tbtn--enabled,
2967
- .tox .tox-tbtn--enabled:hover {
3459
+ .tox .tox-tbtn--enabled:hover,
3460
+ .tox .tox-tbtn--enabled:focus {
2968
3461
  background: #a6ccf7;
2969
3462
  border: 0;
2970
3463
  box-shadow: none;
2971
3464
  color: #222f3e;
3465
+ position: relative;
2972
3466
  }
3467
+ .tox .tox-tbtn--active > *,
2973
3468
  .tox .tox-tbtn--enabled > *,
2974
- .tox .tox-tbtn--enabled:hover > * {
3469
+ .tox .tox-tbtn--enabled:hover > *,
3470
+ .tox .tox-tbtn--enabled:focus > * {
2975
3471
  transform: none;
2976
3472
  }
3473
+ .tox .tox-tbtn--active svg,
2977
3474
  .tox .tox-tbtn--enabled svg,
2978
- .tox .tox-tbtn--enabled:hover svg {
3475
+ .tox .tox-tbtn--enabled:hover svg,
3476
+ .tox .tox-tbtn--enabled:focus svg {
2979
3477
  /* stylelint-disable-line no-descending-specificity */
2980
3478
  fill: #222f3e;
2981
3479
  }
3480
+ .tox .tox-tbtn--active.tox-tbtn--disabled svg,
3481
+ .tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
3482
+ .tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
3483
+ .tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
3484
+ fill: rgba(34, 47, 62, 0.5);
3485
+ }
3486
+ .tox .tox-tbtn--enabled:focus::after {
3487
+ border-radius: 3px;
3488
+ bottom: 0;
3489
+ box-shadow: 0 0 0 2px #006ce7 ;
3490
+ content: '';
3491
+ left: 0;
3492
+ position: absolute;
3493
+ right: 0;
3494
+ top: 0;
3495
+ }
3496
+ @media (forced-colors: active) {
3497
+ .tox .tox-tbtn--enabled:focus::after {
3498
+ border: 2px solid highlight;
3499
+ }
3500
+ }
2982
3501
  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
2983
3502
  color: #222f3e;
2984
3503
  }
@@ -3015,20 +3534,70 @@ body.tox-dialog__disable-scroll {
3015
3534
  white-space: nowrap;
3016
3535
  }
3017
3536
  .tox .tox-number-input {
3537
+ background: #f7f7f7;
3018
3538
  border-radius: 3px;
3019
3539
  display: flex;
3020
3540
  margin: 6px 1px 5px 0;
3021
- padding: 0 4px;
3541
+ position: relative;
3022
3542
  width: auto;
3023
3543
  }
3024
- .tox .tox-number-input .tox-input-wrapper {
3544
+ .tox .tox-number-input:focus {
3025
3545
  background: #f7f7f7;
3546
+ }
3547
+ .tox .tox-number-input:focus::after {
3548
+ border-radius: 3px;
3549
+ bottom: 0;
3550
+ box-shadow: 0 0 0 2px #006ce7 ;
3551
+ content: '';
3552
+ left: 0;
3553
+ position: absolute;
3554
+ right: 0;
3555
+ top: 0;
3556
+ }
3557
+ @media (forced-colors: active) {
3558
+ .tox .tox-number-input:focus::after {
3559
+ border: 2px solid highlight;
3560
+ }
3561
+ }
3562
+ .tox .tox-number-input .tox-input-wrapper {
3026
3563
  display: flex;
3027
3564
  pointer-events: none;
3565
+ position: relative;
3028
3566
  text-align: center;
3029
3567
  }
3030
3568
  .tox .tox-number-input .tox-input-wrapper:focus {
3031
- background: #cce2fa;
3569
+ background-color: #f7f7f7;
3570
+ z-index: 1;
3571
+ }
3572
+ .tox .tox-number-input .tox-input-wrapper:focus::after {
3573
+ border-radius: 3px;
3574
+ bottom: 0;
3575
+ box-shadow: 0 0 0 2px #006ce7 ;
3576
+ content: '';
3577
+ left: 0;
3578
+ position: absolute;
3579
+ right: 0;
3580
+ top: 0;
3581
+ }
3582
+ @media (forced-colors: active) {
3583
+ .tox .tox-number-input .tox-input-wrapper:focus::after {
3584
+ border: 2px solid highlight;
3585
+ }
3586
+ }
3587
+ .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
3588
+ border-radius: 3px;
3589
+ bottom: 0;
3590
+ box-shadow: 0 0 0 2px #006ce7 ;
3591
+ content: '';
3592
+ left: 0;
3593
+ position: absolute;
3594
+ right: 0;
3595
+ top: 0;
3596
+ }
3597
+ @media (forced-colors: active) {
3598
+ .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
3599
+ border: 2px solid highlight;
3600
+ }
3032
3601
  }
3033
3602
  .tox .tox-number-input input {
3034
3603
  border-radius: 3px;
@@ -3036,34 +3605,74 @@ body.tox-dialog__disable-scroll {
3036
3605
  font-size: 14px;
3037
3606
  margin: 2px 0;
3038
3607
  pointer-events: all;
3608
+ position: relative;
3039
3609
  width: 60px;
3040
3610
  }
3041
3611
  .tox .tox-number-input input:hover {
3042
- background: #cce2fa;
3612
+ background: #f0f0f0;
3043
3613
  color: #222f3e;
3044
3614
  }
3045
3615
  .tox .tox-number-input input:focus {
3616
+ background-color: #f7f7f7;
3617
+ }
3618
+ .tox .tox-number-input input:disabled {
3046
3619
  background: #fff;
3047
- color: #222f3e;
3620
+ border: 0;
3621
+ box-shadow: none;
3622
+ color: rgba(34, 47, 62, 0.5);
3623
+ cursor: not-allowed;
3048
3624
  }
3049
3625
  .tox .tox-number-input button {
3050
- background: #f7f7f7;
3051
3626
  color: #222f3e;
3052
3627
  height: 28px;
3628
+ position: relative;
3053
3629
  text-align: center;
3054
3630
  width: 24px;
3055
3631
  }
3632
+ @media (forced-colors: active) {
3633
+ .tox .tox-number-input button:hover,
3634
+ .tox .tox-number-input button:focus,
3635
+ .tox .tox-number-input button:active {
3636
+ outline: 1px solid currentColor !important;
3637
+ }
3638
+ }
3056
3639
  .tox .tox-number-input button svg {
3057
3640
  display: block;
3058
3641
  fill: #222f3e;
3059
3642
  margin: 0 auto;
3060
3643
  transform: scale(0.67);
3061
3644
  }
3645
+ @media (forced-colors: active) {
3646
+ .tox .tox-number-input button svg,
3647
+ .tox .tox-number-input button svg:active,
3648
+ .tox .tox-number-input button svg:hover {
3649
+ fill: currentColor !important;
3650
+ }
3651
+ .tox .tox-number-input button svg:disabled {
3652
+ filter: contrast(0);
3653
+ }
3654
+ }
3062
3655
  .tox .tox-number-input button:focus {
3063
- background: #cce2fa;
3656
+ background: #f7f7f7;
3657
+ z-index: 1;
3658
+ }
3659
+ .tox .tox-number-input button:focus::after {
3660
+ border-radius: 3px;
3661
+ bottom: 0;
3662
+ box-shadow: 0 0 0 2px #006ce7 ;
3663
+ content: '';
3664
+ left: 0;
3665
+ position: absolute;
3666
+ right: 0;
3667
+ top: 0;
3668
+ }
3669
+ @media (forced-colors: active) {
3670
+ .tox .tox-number-input button:focus::after {
3671
+ border: 2px solid highlight;
3672
+ }
3064
3673
  }
3065
3674
  .tox .tox-number-input button:hover {
3066
- background: #cce2fa;
3675
+ background: #f0f0f0;
3067
3676
  border: 0;
3068
3677
  box-shadow: none;
3069
3678
  color: #222f3e;
@@ -3080,6 +3689,16 @@ body.tox-dialog__disable-scroll {
3080
3689
  .tox .tox-number-input button:active svg {
3081
3690
  fill: #222f3e;
3082
3691
  }
3692
+ .tox .tox-number-input button:disabled {
3693
+ background: #fff;
3694
+ border: 0;
3695
+ box-shadow: none;
3696
+ color: rgba(34, 47, 62, 0.5);
3697
+ cursor: not-allowed;
3698
+ }
3699
+ .tox .tox-number-input button:disabled svg {
3700
+ fill: rgba(34, 47, 62, 0.5);
3701
+ }
3083
3702
  .tox .tox-number-input button.minus {
3084
3703
  border-radius: 3px 0 0 3px;
3085
3704
  }
@@ -3088,7 +3707,7 @@ body.tox-dialog__disable-scroll {
3088
3707
  }
3089
3708
  .tox .tox-number-input:focus:not(:active) > button,
3090
3709
  .tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
3091
- background: #cce2fa;
3710
+ background: #f7f7f7;
3092
3711
  }
3093
3712
  .tox .tox-tbtn--select {
3094
3713
  margin: 6px 1px 5px 0;
@@ -3113,9 +3732,17 @@ body.tox-dialog__disable-scroll {
3113
3732
  .tox .tox-tbtn__select-chevron svg {
3114
3733
  fill: rgba(34, 47, 62, 0.5);
3115
3734
  }
3735
+ @media (forced-colors: active) {
3736
+ .tox .tox-tbtn__select-chevron svg {
3737
+ fill: currentColor;
3738
+ }
3739
+ }
3116
3740
  .tox .tox-tbtn--bespoke {
3117
3741
  background: #f7f7f7;
3118
3742
  }
3743
+ .tox .tox-tbtn--bespoke:focus {
3744
+ background: #f7f7f7;
3745
+ }
3119
3746
  .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3120
3747
  margin-inline-start: 4px;
3121
3748
  }
@@ -3125,39 +3752,76 @@ body.tox-dialog__disable-scroll {
3125
3752
  white-space: nowrap;
3126
3753
  width: 7em;
3127
3754
  }
3755
+ .tox .tox-tbtn--disabled .tox-tbtn__select-label,
3756
+ .tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
3757
+ cursor: not-allowed;
3758
+ }
3128
3759
  .tox .tox-split-button {
3129
3760
  border: 0;
3130
3761
  border-radius: 3px;
3131
3762
  box-sizing: border-box;
3132
3763
  display: flex;
3133
3764
  margin: 6px 1px 5px 0;
3134
- overflow: hidden;
3135
3765
  }
3136
3766
  .tox .tox-split-button:hover {
3137
- box-shadow: 0 0 0 1px #cce2fa inset;
3767
+ box-shadow: 0 0 0 1px #f0f0f0 inset;
3138
3768
  }
3139
3769
  .tox .tox-split-button:focus {
3140
- background: #cce2fa;
3770
+ background: #fff;
3141
3771
  box-shadow: none;
3142
3772
  color: #222f3e;
3773
+ position: relative;
3774
+ z-index: 1;
3775
+ }
3776
+ .tox .tox-split-button:focus::after {
3777
+ pointer-events: none;
3778
+ border-radius: 3px;
3779
+ bottom: 0;
3780
+ box-shadow: 0 0 0 2px #006ce7 ;
3781
+ content: '';
3782
+ left: 0;
3783
+ position: absolute;
3784
+ right: 0;
3785
+ top: 0;
3786
+ }
3787
+ @media (forced-colors: active) {
3788
+ .tox .tox-split-button:focus::after {
3789
+ border: 2px solid highlight;
3790
+ }
3143
3791
  }
3144
3792
  .tox .tox-split-button > * {
3145
3793
  border-radius: 0;
3146
3794
  }
3795
+ .tox .tox-split-button > *:nth-child(1) {
3796
+ border-bottom-left-radius: 3px;
3797
+ border-top-left-radius: 3px;
3798
+ }
3799
+ .tox .tox-split-button > *:nth-child(2) {
3800
+ border-bottom-right-radius: 3px;
3801
+ border-top-right-radius: 3px;
3802
+ }
3147
3803
  .tox .tox-split-button__chevron {
3148
3804
  width: 16px;
3149
3805
  }
3150
3806
  .tox .tox-split-button__chevron svg {
3151
3807
  fill: rgba(34, 47, 62, 0.5);
3152
3808
  }
3809
+ @media (forced-colors: active) {
3810
+ .tox .tox-split-button__chevron svg {
3811
+ fill: currentColor;
3812
+ }
3813
+ }
3153
3814
  .tox .tox-split-button .tox-tbtn {
3154
3815
  margin: 0;
3155
3816
  }
3817
+ .tox .tox-split-button:focus .tox-tbtn {
3818
+ background-color: transparent;
3819
+ }
3156
3820
  .tox .tox-split-button.tox-tbtn--disabled:hover,
3157
3821
  .tox .tox-split-button.tox-tbtn--disabled:focus,
3158
3822
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
3159
3823
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
3160
- background: transparent;
3824
+ background: #fff;
3161
3825
  box-shadow: none;
3162
3826
  color: rgba(34, 47, 62, 0.5);
3163
3827
  }
@@ -3170,6 +3834,10 @@ body.tox-dialog__disable-scroll {
3170
3834
  .tox.tox-platform-touch .tox-split-button__chevron {
3171
3835
  width: 20px;
3172
3836
  }
3837
+ .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color,
3838
+ .tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-highlight-bg-color__color {
3839
+ opacity: 0.6;
3840
+ }
3173
3841
  .tox .tox-toolbar-overlord {
3174
3842
  background-color: #fff;
3175
3843
  }
@@ -3178,7 +3846,7 @@ body.tox-dialog__disable-scroll {
3178
3846
  .tox .tox-toolbar__overflow {
3179
3847
  background-attachment: local;
3180
3848
  background-color: #fff;
3181
- background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
3849
+ background-image: repeating-linear-gradient(#e3e3e3 0 1px, transparent 1px 39px);
3182
3850
  background-position: center top 40px;
3183
3851
  background-repeat: no-repeat;
3184
3852
  background-size: calc(100% - 11px * 2) calc(100% - 41px);
@@ -3192,8 +3860,8 @@ body.tox-dialog__disable-scroll {
3192
3860
  .tox .tox-toolbar-overlord > .tox-toolbar,
3193
3861
  .tox .tox-toolbar-overlord > .tox-toolbar__primary,
3194
3862
  .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
3195
- background-position: center top 0px;
3196
- background-size: calc(100% - 11px * 2) calc(100% - 0px);
3863
+ background-position: center top 0;
3864
+ background-size: calc(100% - 11px * 2) calc(100% - 0);
3197
3865
  }
3198
3866
  .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
3199
3867
  height: 0;
@@ -3219,6 +3887,12 @@ body.tox-dialog__disable-scroll {
3219
3887
  padding-bottom: 1px;
3220
3888
  padding-top: 1px;
3221
3889
  }
3890
+ @media (forced-colors: active) {
3891
+ .tox .tox-menubar + .tox-toolbar,
3892
+ .tox .tox-menubar + .tox-toolbar-overlord {
3893
+ outline: 1px solid currentColor;
3894
+ }
3895
+ }
3222
3896
  .tox .tox-toolbar--scrolling {
3223
3897
  flex-wrap: nowrap;
3224
3898
  overflow-x: auto;
@@ -3247,6 +3921,11 @@ body.tox-dialog__disable-scroll {
3247
3921
  overscroll-behavior: none;
3248
3922
  padding: 4px 0;
3249
3923
  }
3924
+ @media (forced-colors: active) {
3925
+ .tox.tox-tinymce-aux .tox-toolbar__overflow {
3926
+ border: solid;
3927
+ }
3928
+ }
3250
3929
  .tox-pop .tox-pop__dialog {
3251
3930
  /* stylelint-disable-next-line no-descending-specificity */
3252
3931
  }
@@ -3277,20 +3956,36 @@ body.tox-dialog__disable-scroll {
3277
3956
  }
3278
3957
  .tox .tox-tooltip {
3279
3958
  display: inline-block;
3959
+ max-width: 15em;
3280
3960
  padding: 8px;
3961
+ /*
3962
+ * The pointer-events: none is designed to make mouse events bleed through the tooltip
3963
+ * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
3964
+ * another item should trigger the hover of the item obscured by the tooltip, even though
3965
+ * the tooltip is on top
3966
+ */
3967
+ pointer-events: none;
3281
3968
  position: relative;
3969
+ width: max-content;
3970
+ z-index: 1150;
3282
3971
  }
3283
3972
  .tox .tox-tooltip__body {
3284
3973
  background-color: #222f3e;
3285
3974
  border-radius: 6px;
3286
- box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
3287
- color: rgba(255, 255, 255, 0.75);
3288
- font-size: 14px;
3975
+ box-shadow: none;
3976
+ color: #fff;
3977
+ font-size: 12px;
3289
3978
  font-style: normal;
3290
- font-weight: normal;
3291
- padding: 4px 8px;
3979
+ font-weight: 600;
3980
+ overflow-wrap: break-word;
3981
+ padding: 4px 6px;
3292
3982
  text-transform: none;
3293
3983
  }
3984
+ @media (forced-colors: active) {
3985
+ .tox .tox-tooltip__body {
3986
+ outline: outset 1px;
3987
+ }
3988
+ }
3294
3989
  .tox .tox-tooltip__arrow {
3295
3990
  position: absolute;
3296
3991
  }
@@ -3366,12 +4061,12 @@ body.tox-dialog__disable-scroll {
3366
4061
  fill: #222f3e;
3367
4062
  }
3368
4063
  .tox .tox-tree .tox-trbtn:focus {
3369
- background: #cce2fa;
4064
+ background: #f0f0f0;
3370
4065
  border: 0;
3371
4066
  box-shadow: none;
3372
4067
  }
3373
4068
  .tox .tox-tree .tox-trbtn:hover {
3374
- background: #cce2fa;
4069
+ background: #f0f0f0;
3375
4070
  border: 0;
3376
4071
  box-shadow: none;
3377
4072
  color: #222f3e;
@@ -3452,9 +4147,6 @@ body.tox-dialog__disable-scroll {
3452
4147
  flex-direction: column;
3453
4148
  /* stylelint-disable no-descending-specificity */
3454
4149
  }
3455
- .tox .tox-tree .tox-tree--directory.tox-tree--directory--expanded > .tox-tree--directory__label .tox-chevron {
3456
- transform: rotate(90deg);
3457
- }
3458
4150
  .tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
3459
4151
  font-weight: bold;
3460
4152
  }
@@ -3481,9 +4173,13 @@ body.tox-dialog__disable-scroll {
3481
4173
  }
3482
4174
  .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
3483
4175
  margin-right: 6px;
4176
+ }
4177
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
4178
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
3484
4179
  transition: transform 0.5s ease-in-out;
3485
4180
  }
3486
- .tox .tox-tree .tox-tree--directory .tox-tree--directory__label.tox-tree--directory__label--active .tox-chevron {
4181
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
4182
+ .tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
3487
4183
  transform: rotate(90deg);
3488
4184
  }
3489
4185
  .tox .tox-tree .tox-tree--leaf__label {
@@ -3521,12 +4217,198 @@ body.tox-dialog__disable-scroll {
3521
4217
  display: flex;
3522
4218
  justify-content: space-between;
3523
4219
  }
4220
+ .tox .tox-revisionhistory__pane {
4221
+ padding: 0 !important;
4222
+ /* Override the default padding of tox-view__pane */
4223
+ }
4224
+ .tox .tox-revisionhistory__container {
4225
+ display: flex;
4226
+ flex-direction: column;
4227
+ height: 100%;
4228
+ }
4229
+ .tox .tox-revisionhistory {
4230
+ background-color: #fff;
4231
+ border-top: 1px solid #f0f0f0;
4232
+ display: flex;
4233
+ flex: 1;
4234
+ height: 100%;
4235
+ margin-top: 8px;
4236
+ overflow-x: auto;
4237
+ overflow-y: hidden;
4238
+ position: relative;
4239
+ width: 100%;
4240
+ }
4241
+ .tox .tox-revisionhistory--align-right {
4242
+ margin-left: auto;
4243
+ }
4244
+ .tox .tox-revisionhistory__iframe {
4245
+ flex: 1;
4246
+ }
4247
+ .tox .tox-revisionhistory__sidebar {
4248
+ display: flex;
4249
+ flex-direction: column;
4250
+ height: 100%;
4251
+ min-width: 248px;
4252
+ width: 316px;
4253
+ }
4254
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
4255
+ background-color: #fff;
4256
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
4257
+ color: #222f3e;
4258
+ font-size: 20px;
4259
+ font-weight: 400;
4260
+ line-height: 28px;
4261
+ padding: 12px;
4262
+ z-index: 1;
4263
+ }
4264
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
4265
+ background-color: #f0f0f0;
4266
+ display: flex;
4267
+ flex: 1;
4268
+ flex-direction: column;
4269
+ gap: 12px;
4270
+ overflow-y: auto;
4271
+ padding: 10px 12px;
4272
+ }
4273
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
4274
+ height: 100%;
4275
+ position: relative;
4276
+ z-index: 1;
4277
+ }
4278
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
4279
+ border-radius: 3px;
4280
+ bottom: 0;
4281
+ box-shadow: 0 0 0 2px #006ce7 ;
4282
+ content: '';
4283
+ left: 0;
4284
+ position: absolute;
4285
+ right: 0;
4286
+ top: 0;
4287
+ border-radius: 6px;
4288
+ bottom: 1px;
4289
+ left: 1px;
4290
+ right: 1px;
4291
+ top: 1px;
4292
+ }
4293
+ @media (forced-colors: active) {
4294
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
4295
+ border: 2px solid highlight;
4296
+ }
4297
+ }
4298
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
4299
+ background-color: #fff;
4300
+ border: 1px solid #f0f0f0;
4301
+ border-radius: 6px;
4302
+ color: #222f3e;
4303
+ cursor: pointer;
4304
+ display: flex;
4305
+ flex-direction: column;
4306
+ font-size: 14px;
4307
+ gap: 12px;
4308
+ padding: 12px;
4309
+ width: 100%;
4310
+ }
4311
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
4312
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
4313
+ }
4314
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
4315
+ position: relative;
4316
+ z-index: 1;
4317
+ }
4318
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
4319
+ border-radius: 3px;
4320
+ bottom: 0;
4321
+ box-shadow: 0 0 0 2px #006ce7 #006ce7;
4322
+ content: '';
4323
+ left: 0;
4324
+ position: absolute;
4325
+ right: 0;
4326
+ top: 0;
4327
+ border-radius: 6px;
4328
+ box-shadow: 0 0 0 2px #006ce7;
4329
+ box-shadow: 0 0 0 2px #006ce7 !important;
4330
+ }
4331
+ @media (forced-colors: active) {
4332
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
4333
+ border: 2px solid highlight;
4334
+ }
4335
+ }
4336
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
4337
+ background-color: #fff5cc;
4338
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
4339
+ position: relative;
4340
+ }
4341
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
4342
+ border-radius: 3px;
4343
+ bottom: 0;
4344
+ box-shadow: 0 0 0 2px #006ce7 #e3b82a;
4345
+ content: '';
4346
+ left: 0;
4347
+ position: absolute;
4348
+ right: 0;
4349
+ top: 0;
4350
+ border-radius: 6px;
4351
+ box-shadow: 0 0 0 2px #e3b82a;
4352
+ }
4353
+ @media (forced-colors: active) {
4354
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
4355
+ border: 2px solid highlight;
4356
+ }
4357
+ }
4358
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
4359
+ display: flex;
4360
+ gap: 12px;
4361
+ justify-content: space-between;
4362
+ }
4363
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
4364
+ font-size: 16px;
4365
+ line-height: 24px;
4366
+ }
4367
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
4368
+ font-size: 12px;
4369
+ font-weight: 600;
4370
+ line-height: 24px;
4371
+ padding: 0;
4372
+ }
4373
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
4374
+ align-items: center;
4375
+ display: flex;
4376
+ flex: 1 0 0;
4377
+ gap: 8px;
4378
+ height: 36px;
4379
+ }
4380
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
4381
+ overflow: hidden;
4382
+ text-overflow: ellipsis;
4383
+ white-space: nowrap;
4384
+ font-size: 14px;
4385
+ font-weight: 700;
4386
+ line-height: 18px;
4387
+ }
4388
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
4389
+ border-radius: 50%;
4390
+ height: 36px;
4391
+ object-fit: cover;
4392
+ vertical-align: middle;
4393
+ width: 36px;
4394
+ }
4395
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
4396
+ color: rgba(34, 47, 62, 0.7);
4397
+ font-size: 16px;
4398
+ line-height: 24px;
4399
+ padding: 5px 5.5px;
4400
+ }
4401
+ .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
4402
+ color: #222f3e;
4403
+ height: 24px;
4404
+ }
3524
4405
  .tox .tox-view-wrap,
3525
4406
  .tox .tox-view-wrap__slot-container {
3526
4407
  background-color: #fff;
3527
4408
  display: flex;
3528
4409
  flex: 1;
3529
4410
  flex-direction: column;
4411
+ height: 100%;
3530
4412
  }
3531
4413
  .tox .tox-view {
3532
4414
  display: flex;
@@ -3539,9 +4421,23 @@ body.tox-dialog__disable-scroll {
3539
4421
  display: flex;
3540
4422
  font-size: 16px;
3541
4423
  justify-content: space-between;
3542
- padding: 8px 8px 0 8px;
4424
+ padding: 10px 10px 2px 10px;
3543
4425
  position: relative;
3544
4426
  }
4427
+ .tox .tox-view__label {
4428
+ color: #222f3e;
4429
+ font-weight: bold;
4430
+ line-height: 24px;
4431
+ padding: 4px 16px;
4432
+ text-align: center;
4433
+ white-space: nowrap;
4434
+ }
4435
+ .tox .tox-view__label--normal {
4436
+ font-size: 16px;
4437
+ }
4438
+ .tox .tox-view__label--large {
4439
+ font-size: 20px;
4440
+ }
3545
4441
  .tox .tox-view--mobile.tox-view__header,
3546
4442
  .tox .tox-view--mobile.tox-view__toolbar {
3547
4443
  padding: 8px;
@@ -3555,7 +4451,8 @@ body.tox-dialog__disable-scroll {
3555
4451
  flex-direction: row;
3556
4452
  gap: 8px;
3557
4453
  justify-content: space-between;
3558
- padding: 8px 8px 0 8px;
4454
+ overflow-x: auto;
4455
+ padding: 10px 10px 2px 10px;
3559
4456
  }
3560
4457
  .tox .tox-view__toolbar__group {
3561
4458
  display: flex;
@@ -3569,6 +4466,7 @@ body.tox-dialog__disable-scroll {
3569
4466
  .tox .tox-view__pane {
3570
4467
  height: 100%;
3571
4468
  padding: 8px;
4469
+ position: relative;
3572
4470
  width: 100%;
3573
4471
  }
3574
4472
  .tox .tox-view__pane_panel {