pixel-react 1.8.1 → 1.8.3

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 (797) hide show
  1. package/.prettierrc.js +13 -13
  2. package/.storybook/main.ts +26 -26
  3. package/.storybook/preview-head.html +2 -2
  4. package/.storybook/preview.ts +26 -26
  5. package/.yarn/install-state.gz +0 -0
  6. package/.yarnrc.yml +1 -1
  7. package/README.md +75 -75
  8. package/index.scss +4 -4
  9. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  10. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  11. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  12. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  13. package/lib/components/Accordion/Accordion.d.ts +1 -1
  14. package/lib/components/Accordion/types.d.ts +4 -0
  15. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +4 -0
  16. package/lib/components/Input/types.d.ts +4 -0
  17. package/lib/components/LabelEditTextField/types.d.ts +2 -0
  18. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
  19. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +1 -0
  20. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
  21. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +1 -0
  22. package/lib/components/SequentialConnectingBranch/types.d.ts +1 -0
  23. package/lib/components/TableTree/TableTree copy.d.ts +25 -0
  24. package/lib/components/TableTree/types.d.ts +4 -4
  25. package/lib/index.d.ts +60 -3
  26. package/lib/index.esm.js +356 -173
  27. package/lib/index.esm.js.map +1 -1
  28. package/lib/index.js +400 -172
  29. package/lib/index.js.map +1 -1
  30. package/lib/tsconfig.tsbuildinfo +1 -1
  31. package/lib/utils/formData/ConvertFormDataToObject.d.ts +1 -0
  32. package/lib/validations/regex.d.ts +52 -0
  33. package/package.json +81 -81
  34. package/rollup.config.mjs +67 -67
  35. package/src/StyleGuide/ColorPalette/ColorPalette.scss +62 -62
  36. package/src/StyleGuide/ColorPalette/ColorPalette.stories.tsx +16 -16
  37. package/src/StyleGuide/ColorPalette/ColorPalette.tsx +67 -67
  38. package/src/StyleGuide/ColorPalette/colorPaletteList.ts +304 -299
  39. package/src/StyleGuide/ColorPalette/index.ts +1 -1
  40. package/src/StyleGuide/ColorPalette/types.ts +19 -19
  41. package/src/StyleGuide/Typography/Typography.scss +99 -99
  42. package/src/StyleGuide/Typography/Typography.stories.tsx +16 -16
  43. package/src/StyleGuide/Typography/Typography.tsx +60 -60
  44. package/src/StyleGuide/Typography/TypographyList.ts +3 -3
  45. package/src/StyleGuide/Typography/types.ts +9 -9
  46. package/src/assets/Themes/BaseTheme.scss +305 -304
  47. package/src/assets/Themes/BlueTheme.scss +279 -279
  48. package/src/assets/Themes/DarkTheme.scss +319 -310
  49. package/src/assets/Themes/Theme.scss +21 -21
  50. package/src/assets/icons/Arrow.svg +4 -4
  51. package/src/assets/icons/Header_preset.svg +18 -18
  52. package/src/assets/icons/accordion_header_icon.svg +10 -10
  53. package/src/assets/icons/active_license_icon.svg +3 -3
  54. package/src/assets/icons/add_archive.svg +9 -9
  55. package/src/assets/icons/add_file.svg +4 -4
  56. package/src/assets/icons/add_label_icon.svg +3 -3
  57. package/src/assets/icons/add_locator.svg +4 -4
  58. package/src/assets/icons/add_testcase.svg +3 -3
  59. package/src/assets/icons/add_user.svg +9 -9
  60. package/src/assets/icons/add_variable.svg +11 -11
  61. package/src/assets/icons/add_variable_icon.svg +4 -4
  62. package/src/assets/icons/ai_search.svg +9 -9
  63. package/src/assets/icons/alert.svg +17 -17
  64. package/src/assets/icons/all_borders.svg +3 -3
  65. package/src/assets/icons/all_projects.svg +3 -3
  66. package/src/assets/icons/android.svg +9 -9
  67. package/src/assets/icons/android_icon.svg +6 -6
  68. package/src/assets/icons/apk_file_type.svg +4 -4
  69. package/src/assets/icons/app_switch.svg +11 -11
  70. package/src/assets/icons/approval_pending.svg +8 -8
  71. package/src/assets/icons/arrow_down.svg +3 -3
  72. package/src/assets/icons/arrow_right.svg +4 -4
  73. package/src/assets/icons/arrow_up.svg +3 -3
  74. package/src/assets/icons/arrows_down_icon.svg +3 -3
  75. package/src/assets/icons/arrows_right_icon.svg +10 -10
  76. package/src/assets/icons/arrows_top_icon.svg +3 -3
  77. package/src/assets/icons/attachment_icon.svg +3 -3
  78. package/src/assets/icons/authorization.svg +4 -4
  79. package/src/assets/icons/authorization_icon.svg +4 -4
  80. package/src/assets/icons/auto_save_icon.svg +4 -4
  81. package/src/assets/icons/automation_testcase.svg +4 -4
  82. package/src/assets/icons/back_icon.svg +3 -3
  83. package/src/assets/icons/backward.svg +10 -10
  84. package/src/assets/icons/backward_icon.svg +3 -3
  85. package/src/assets/icons/beautify_icon.svg +3 -3
  86. package/src/assets/icons/bold.svg +3 -3
  87. package/src/assets/icons/border_bottom.svg +3 -3
  88. package/src/assets/icons/border_left.svg +3 -3
  89. package/src/assets/icons/border_right.svg +3 -3
  90. package/src/assets/icons/border_top.svg +3 -3
  91. package/src/assets/icons/browser_stack.svg +9 -9
  92. package/src/assets/icons/browserstack_icon.svg +24 -24
  93. package/src/assets/icons/calendar_icon.svg +9 -9
  94. package/src/assets/icons/capture_icon.svg +2 -2
  95. package/src/assets/icons/check_mark.svg +3 -3
  96. package/src/assets/icons/chrome.svg +12 -12
  97. package/src/assets/icons/client_profile.svg +4 -4
  98. package/src/assets/icons/clock_icon.svg +11 -11
  99. package/src/assets/icons/clone_icon.svg +3 -3
  100. package/src/assets/icons/close_pill.svg +3 -3
  101. package/src/assets/icons/cloud_server_host_icon.svg +3 -3
  102. package/src/assets/icons/collapse-icon.svg +6 -6
  103. package/src/assets/icons/compressed_file_type.svg +4 -4
  104. package/src/assets/icons/configuration.svg +3 -3
  105. package/src/assets/icons/continue_without_sign.svg +3 -3
  106. package/src/assets/icons/copy-icon.svg +3 -3
  107. package/src/assets/icons/csv_file_type.svg +4 -4
  108. package/src/assets/icons/dashboard_icon.svg +31 -31
  109. package/src/assets/icons/dashboard_mobile_icon.svg +47 -47
  110. package/src/assets/icons/dashboard_web_icon.svg +9 -9
  111. package/src/assets/icons/data_provider.svg +8 -8
  112. package/src/assets/icons/dataset_list.svg +3 -3
  113. package/src/assets/icons/defects.svg +8 -8
  114. package/src/assets/icons/delete.svg +3 -3
  115. package/src/assets/icons/delete_info.svg +17 -17
  116. package/src/assets/icons/depends_on_script.svg +7 -7
  117. package/src/assets/icons/details.svg +3 -3
  118. package/src/assets/icons/double_underline.svg +5 -5
  119. package/src/assets/icons/download-icon.svg +3 -3
  120. package/src/assets/icons/download_file_icon.svg +3 -3
  121. package/src/assets/icons/download_icon.svg +4 -4
  122. package/src/assets/icons/drag_icon.svg +4 -4
  123. package/src/assets/icons/drawer_maximize.svg +6 -6
  124. package/src/assets/icons/dropzone_icon.svg +18 -18
  125. package/src/assets/icons/edge.svg +30 -30
  126. package/src/assets/icons/edit_icon.svg +5 -5
  127. package/src/assets/icons/element.svg +4 -4
  128. package/src/assets/icons/email_group.svg +3 -3
  129. package/src/assets/icons/error.svg +17 -17
  130. package/src/assets/icons/excel_corner_menu.svg +3 -3
  131. package/src/assets/icons/executions_icon.svg +3 -3
  132. package/src/assets/icons/expand-icon.svg +6 -6
  133. package/src/assets/icons/export.svg +4 -4
  134. package/src/assets/icons/export_collection_icon.svg +13 -13
  135. package/src/assets/icons/eye_closed.svg +3 -3
  136. package/src/assets/icons/eye_open_icon.svg +3 -3
  137. package/src/assets/icons/failed_status_icon.svg +12 -12
  138. package/src/assets/icons/file.svg +11 -11
  139. package/src/assets/icons/fill_color.svg +7 -7
  140. package/src/assets/icons/filter.svg +4 -4
  141. package/src/assets/icons/fire_fox.svg +106 -106
  142. package/src/assets/icons/fireflink_finder_logo.svg +7 -7
  143. package/src/assets/icons/fireflink_icon.svg +4 -4
  144. package/src/assets/icons/fireflink_logo.svg +13 -13
  145. package/src/assets/icons/fireflink_platform.svg +4 -4
  146. package/src/assets/icons/firefox.svg +84 -84
  147. package/src/assets/icons/flaky_status_icon.svg +12 -12
  148. package/src/assets/icons/formate_painter.svg +5 -5
  149. package/src/assets/icons/formula_icon.svg +3 -3
  150. package/src/assets/icons/forward.svg +3 -3
  151. package/src/assets/icons/forward_icon.svg +3 -3
  152. package/src/assets/icons/full_access_icon.svg +4 -4
  153. package/src/assets/icons/gif_file_type.svg +4 -4
  154. package/src/assets/icons/global_variable_icon.svg +4 -4
  155. package/src/assets/icons/hamburger_menu.svg +3 -3
  156. package/src/assets/icons/help_icon.svg +10 -10
  157. package/src/assets/icons/hide_access_icon.svg +3 -3
  158. package/src/assets/icons/hide_icon.svg +9 -9
  159. package/src/assets/icons/history_icon.svg +19 -19
  160. package/src/assets/icons/html_file_type.svg +4 -4
  161. package/src/assets/icons/impact_list.svg +6 -6
  162. package/src/assets/icons/import.svg +4 -4
  163. package/src/assets/icons/import_icon.svg +4 -4
  164. package/src/assets/icons/info.svg +17 -17
  165. package/src/assets/icons/info_icon.svg +5 -5
  166. package/src/assets/icons/info_user.svg +5 -5
  167. package/src/assets/icons/internet_explorer.svg +3 -3
  168. package/src/assets/icons/ios_icon.svg +11 -11
  169. package/src/assets/icons/ipk_file_type.svg +4 -4
  170. package/src/assets/icons/italic.svg +3 -3
  171. package/src/assets/icons/jira.svg +3 -3
  172. package/src/assets/icons/jpg_file_type.svg +4 -4
  173. package/src/assets/icons/json_file_type.svg +4 -4
  174. package/src/assets/icons/label_icon.svg +8 -8
  175. package/src/assets/icons/label_plus.svg +3 -3
  176. package/src/assets/icons/labels.svg +8 -8
  177. package/src/assets/icons/lambda_icon.svg +3 -3
  178. package/src/assets/icons/left_arrow_icon.svg +3 -3
  179. package/src/assets/icons/license_expired.svg +20 -20
  180. package/src/assets/icons/license_info.svg +28 -28
  181. package/src/assets/icons/license_warning.svg +10 -10
  182. package/src/assets/icons/link_expired.svg +186 -186
  183. package/src/assets/icons/linked_defects.svg +11 -11
  184. package/src/assets/icons/linux.svg +42 -42
  185. package/src/assets/icons/local.svg +3 -3
  186. package/src/assets/icons/local_variable_icon.svg +4 -4
  187. package/src/assets/icons/logo.svg +17 -17
  188. package/src/assets/icons/mac.svg +9 -9
  189. package/src/assets/icons/machine_disable_icon.svg +18 -18
  190. package/src/assets/icons/machine_enable_icon.svg +10 -10
  191. package/src/assets/icons/manage_apps.svg +3 -3
  192. package/src/assets/icons/manual_locator.svg +7 -7
  193. package/src/assets/icons/manual_testcase.svg +3 -3
  194. package/src/assets/icons/maximize_icon.svg +5 -5
  195. package/src/assets/icons/maximize_script.svg +12 -12
  196. package/src/assets/icons/maximize_tree.svg +3 -3
  197. package/src/assets/icons/minimize_script.svg +5 -5
  198. package/src/assets/icons/mobile_icon.svg +3 -3
  199. package/src/assets/icons/moon_stars.svg +10 -10
  200. package/src/assets/icons/more.svg +10 -10
  201. package/src/assets/icons/move_icon.svg +5 -5
  202. package/src/assets/icons/ms_dynamic.svg +4 -4
  203. package/src/assets/icons/ms_dynamic_icon.svg +15 -15
  204. package/src/assets/icons/nlp_help_icon.svg +3 -3
  205. package/src/assets/icons/no_access_icon.svg +4 -4
  206. package/src/assets/icons/no_border.svg +3 -3
  207. package/src/assets/icons/no_data.svg +13 -13
  208. package/src/assets/icons/no_license_found.svg +22 -22
  209. package/src/assets/icons/notification_icon.svg +3 -3
  210. package/src/assets/icons/opera.svg +9 -9
  211. package/src/assets/icons/parameters.svg +3 -3
  212. package/src/assets/icons/passed_status_icon.svg +12 -12
  213. package/src/assets/icons/pdf_file_type.svg +4 -4
  214. package/src/assets/icons/plus_icon.svg +11 -11
  215. package/src/assets/icons/plus_round_icon.svg +38 -38
  216. package/src/assets/icons/plus_user_icon.svg +3 -3
  217. package/src/assets/icons/png_file_type.svg +4 -4
  218. package/src/assets/icons/pre_post_condition.svg +8 -8
  219. package/src/assets/icons/program_element.svg +8 -8
  220. package/src/assets/icons/project_element.svg +4 -4
  221. package/src/assets/icons/project_env_variable_icon.svg +4 -4
  222. package/src/assets/icons/project_status_icon.svg +10 -10
  223. package/src/assets/icons/quick_run_setting_icon.svg +5 -5
  224. package/src/assets/icons/refresh-icon.svg +4 -4
  225. package/src/assets/icons/refresh_icon.svg +4 -4
  226. package/src/assets/icons/reload.svg +3 -3
  227. package/src/assets/icons/remove.svg +11 -11
  228. package/src/assets/icons/remove_user.svg +3 -3
  229. package/src/assets/icons/replace.svg +11 -11
  230. package/src/assets/icons/replace_file.svg +13 -13
  231. package/src/assets/icons/replace_icon.svg +6 -6
  232. package/src/assets/icons/reset-link.svg +52 -52
  233. package/src/assets/icons/right_arrow_icon.svg +4 -4
  234. package/src/assets/icons/rotate_icon.svg +10 -10
  235. package/src/assets/icons/run_automation_scripts_icon.svg +33 -33
  236. package/src/assets/icons/run_icon.svg +26 -26
  237. package/src/assets/icons/run_manual_testcase_icon.svg +4 -4
  238. package/src/assets/icons/safari.svg +93 -93
  239. package/src/assets/icons/safari_icon.svg +12 -12
  240. package/src/assets/icons/sales_force.svg +7 -7
  241. package/src/assets/icons/salesforce_icon.svg +14 -14
  242. package/src/assets/icons/sample_template_first.svg +29 -29
  243. package/src/assets/icons/sample_template_second.svg +47 -47
  244. package/src/assets/icons/sause_lab.svg +3 -3
  245. package/src/assets/icons/save_as_step.svg +3 -3
  246. package/src/assets/icons/search.svg +3 -3
  247. package/src/assets/icons/send_step.svg +4 -4
  248. package/src/assets/icons/settings.svg +3 -3
  249. package/src/assets/icons/skipped_status_icon.svg +12 -12
  250. package/src/assets/icons/standard_template.svg +30 -30
  251. package/src/assets/icons/step_group.svg +10 -10
  252. package/src/assets/icons/strike_through.svg +3 -3
  253. package/src/assets/icons/success.svg +17 -17
  254. package/src/assets/icons/suites_icon.svg +3 -3
  255. package/src/assets/icons/sun_icon.svg +10 -10
  256. package/src/assets/icons/swipe_icon.svg +9 -9
  257. package/src/assets/icons/switch_license_icon.svg +123 -123
  258. package/src/assets/icons/system_warning.svg +61 -61
  259. package/src/assets/icons/tap_icon.svg +3 -3
  260. package/src/assets/icons/test_data.svg +5 -5
  261. package/src/assets/icons/test_data_set.svg +7 -7
  262. package/src/assets/icons/test_freshers_logo.svg +8 -0
  263. package/src/assets/icons/text_align_center.svg +3 -3
  264. package/src/assets/icons/text_align_left.svg +3 -3
  265. package/src/assets/icons/text_align_right.svg +3 -3
  266. package/src/assets/icons/text_color.svg +3 -3
  267. package/src/assets/icons/tick_icon.svg +4 -4
  268. package/src/assets/icons/toast_close.svg +3 -3
  269. package/src/assets/icons/txt_file_type.svg +4 -4
  270. package/src/assets/icons/underline.svg +4 -4
  271. package/src/assets/icons/update_icon.svg +3 -3
  272. package/src/assets/icons/user_password_lock.svg +220 -220
  273. package/src/assets/icons/user_profile.svg +3 -3
  274. package/src/assets/icons/user_warning.svg +235 -235
  275. package/src/assets/icons/user_with_system.svg +637 -637
  276. package/src/assets/icons/variable.svg +3 -3
  277. package/src/assets/icons/variable_icon.svg +4 -4
  278. package/src/assets/icons/variable_set.svg +5 -5
  279. package/src/assets/icons/vertical_separator.svg +3 -3
  280. package/src/assets/icons/view_access_icon.svg +4 -4
  281. package/src/assets/icons/view_icon.svg +3 -3
  282. package/src/assets/icons/warning.svg +17 -17
  283. package/src/assets/icons/warning_status_icon.svg +12 -12
  284. package/src/assets/icons/web&mobile_icon.svg +3 -3
  285. package/src/assets/icons/web_icon.svg +3 -3
  286. package/src/assets/icons/web_mobile_icon.svg +29 -29
  287. package/src/assets/icons/web_service_icon.svg +3 -3
  288. package/src/assets/icons/web_services_icon.svg +30 -30
  289. package/src/assets/icons/window_maximize.svg +3 -3
  290. package/src/assets/icons/window_minimize.svg +3 -3
  291. package/src/assets/icons/window_restore.svg +4 -4
  292. package/src/assets/icons/windows.svg +10 -10
  293. package/src/assets/icons/wrong_mark.svg +3 -3
  294. package/src/assets/icons/wswb_delete_icon.svg +3 -3
  295. package/src/assets/icons/wswb_plus_icon.svg +4 -4
  296. package/src/assets/icons/xls_file_type.svg +4 -4
  297. package/src/assets/icons/xlsx_file_type.svg +4 -4
  298. package/src/assets/icons/xml_file_type.svg +4 -4
  299. package/src/assets/styles/_colors.scss +150 -150
  300. package/src/assets/styles/_fonts.scss +45 -45
  301. package/src/assets/styles/_mixins.scss +21 -21
  302. package/src/assets/utils/functionUtils.ts +96 -96
  303. package/src/components/Accordion/Accordion.scss +46 -46
  304. package/src/components/Accordion/Accordion.stories.tsx +48 -35
  305. package/src/components/Accordion/Accordion.tsx +69 -68
  306. package/src/components/Accordion/index.ts +1 -1
  307. package/src/components/Accordion/types.ts +44 -40
  308. package/src/components/AddResourceButton/AddButton.scss +36 -36
  309. package/src/components/AddResourceButton/AddButton.stories.tsx +126 -126
  310. package/src/components/AddResourceButton/AddButton.tsx +121 -121
  311. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.scss +161 -161
  312. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +38 -38
  313. package/src/components/AddResourceButton/index.ts +1 -1
  314. package/src/components/AddResourceButton/type.ts +92 -92
  315. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +189 -189
  316. package/src/components/AllProjectsDropdown/AllProjectsDropdown.stories.tsx +117 -117
  317. package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +152 -152
  318. package/src/components/AllProjectsDropdown/types.ts +14 -14
  319. package/src/components/AppHeader/AppHeader.scss +218 -218
  320. package/src/components/AppHeader/AppHeader.stories.tsx +553 -553
  321. package/src/components/AppHeader/AppHeader.tsx +199 -199
  322. package/src/components/AppHeader/index.ts +1 -1
  323. package/src/components/AppHeader/types.ts +54 -54
  324. package/src/components/AttachImage/AttachImage.scss +76 -76
  325. package/src/components/AttachImage/AttachImage.stories.tsx +24 -24
  326. package/src/components/AttachImage/AttachImage.tsx +60 -60
  327. package/src/components/AttachImage/index.ts +2 -2
  328. package/src/components/AttachImage/types.ts +26 -26
  329. package/src/components/AttachmentButton/AttachmentButton.scss +9 -9
  330. package/src/components/AttachmentButton/AttachmentButton.stories.tsx +81 -81
  331. package/src/components/AttachmentButton/AttachmentButton.tsx +129 -129
  332. package/src/components/AttachmentButton/types.ts +13 -13
  333. package/src/components/Avatar/Avatar.scss +27 -27
  334. package/src/components/Avatar/Avatar.stories.tsx +76 -76
  335. package/src/components/Avatar/Avatar.tsx +41 -41
  336. package/src/components/Avatar/types.ts +35 -35
  337. package/src/components/Button/Button.scss +166 -166
  338. package/src/components/Button/Button.stories.tsx +81 -81
  339. package/src/components/Button/Button.tsx +91 -91
  340. package/src/components/Button/index.ts +1 -1
  341. package/src/components/Button/types.ts +90 -90
  342. package/src/components/Charts/BarChart/BarChart.scss +69 -69
  343. package/src/components/Charts/BarChart/BarChart.stories.tsx +70 -70
  344. package/src/components/Charts/BarChart/BarChart.tsx +349 -349
  345. package/src/components/Charts/BarChart/types.ts +12 -12
  346. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +221 -221
  347. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.tsx +58 -58
  348. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +554 -554
  349. package/src/components/Charts/DashboardDonutChart/types.ts +60 -60
  350. package/src/components/Charts/DonutChart/DonutChart.scss +76 -76
  351. package/src/components/Charts/DonutChart/DonutChart.stories.tsx +30 -30
  352. package/src/components/Charts/DonutChart/DonutChart.tsx +246 -246
  353. package/src/components/Charts/DonutChart/index.ts +1 -1
  354. package/src/components/Charts/DonutChart/type.ts +23 -23
  355. package/src/components/Charts/IconRadialChart/IconRadialChart.scss +25 -25
  356. package/src/components/Charts/IconRadialChart/IconRadialChart.stories.tsx +51 -51
  357. package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +173 -173
  358. package/src/components/Charts/IconRadialChart/types.ts +28 -28
  359. package/src/components/Charts/LineChart/LineChart.scss +92 -92
  360. package/src/components/Charts/LineChart/LineChart.stories.tsx +259 -259
  361. package/src/components/Charts/LineChart/LineChart.tsx +295 -295
  362. package/src/components/Charts/LineChart/index.ts +1 -1
  363. package/src/components/Charts/LineChart/types.ts +30 -30
  364. package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +85 -85
  365. package/src/components/Charts/MultiRadialChart/MultiRadialChart.stories.tsx +117 -117
  366. package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +306 -306
  367. package/src/components/Charts/MultiRadialChart/index.ts +1 -1
  368. package/src/components/Charts/MultiRadialChart/types.ts +28 -28
  369. package/src/components/Charts/PieChart/PieChart.scss +41 -41
  370. package/src/components/Charts/PieChart/PieChart.stories.tsx +46 -46
  371. package/src/components/Charts/PieChart/PieChart.tsx +192 -192
  372. package/src/components/Charts/PieChart/index.ts +1 -1
  373. package/src/components/Charts/PieChart/types.ts +28 -28
  374. package/src/components/Charts/RadialChart/RadialChart.scss +16 -16
  375. package/src/components/Charts/RadialChart/RadialChart.stories.tsx +36 -36
  376. package/src/components/Charts/RadialChart/RadialChart.tsx +180 -180
  377. package/src/components/Charts/RadialChart/index.ts +1 -1
  378. package/src/components/Charts/RadialChart/types.ts +32 -32
  379. package/src/components/Checkbox/Checkbox.scss +148 -148
  380. package/src/components/Checkbox/Checkbox.stories.tsx +78 -78
  381. package/src/components/Checkbox/Checkbox.tsx +57 -57
  382. package/src/components/Checkbox/types.ts +34 -34
  383. package/src/components/Chip/Chip.scss +95 -95
  384. package/src/components/Chip/Chip.stories.tsx +125 -125
  385. package/src/components/Chip/Chip.tsx +39 -39
  386. package/src/components/Chip/index.ts +1 -1
  387. package/src/components/Chip/types.ts +19 -19
  388. package/src/components/ChooseFile/ChooseFile.stories.tsx +190 -190
  389. package/src/components/ChooseFile/ChooseFile.tsx +46 -46
  390. package/src/components/ChooseFile/types.ts +78 -78
  391. package/src/components/Comment/Comments.scss +166 -166
  392. package/src/components/Comment/Comments.stories.tsx +212 -212
  393. package/src/components/Comment/Comments.tsx +51 -51
  394. package/src/components/Comment/comment/Comment.tsx +206 -206
  395. package/src/components/Comment/comment/useNode.ts +51 -51
  396. package/src/components/Comment/index.ts +1 -1
  397. package/src/components/Comment/type.ts +36 -36
  398. package/src/components/ConditionalDropdown/ConditionalDropdown.scss +17 -17
  399. package/src/components/ConditionalDropdown/ConditionalDropdown.stories.tsx +150 -150
  400. package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +156 -156
  401. package/src/components/ConditionalDropdown/OptionsDropdown.tsx +43 -43
  402. package/src/components/ConditionalDropdown/index.ts +1 -1
  403. package/src/components/ConditionalDropdown/types.ts +159 -159
  404. package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +143 -143
  405. package/src/components/ConnectingBranch/ConnectingBranch.scss +221 -221
  406. package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +53 -53
  407. package/src/components/ConnectingBranch/ConnectingBranch.tsx +196 -196
  408. package/src/components/ConnectingBranch/data.tsx +226 -226
  409. package/src/components/ConnectingBranch/index.ts +1 -1
  410. package/src/components/ConnectingBranch/types.ts +42 -42
  411. package/src/components/CreateVariable/CreateVariableSlider.scss +18 -18
  412. package/src/components/CreateVariable/CreateVariableSlider.stories.tsx +66 -66
  413. package/src/components/CreateVariable/CreateVariableSlider.tsx +95 -95
  414. package/src/components/CreateVariable/index.ts +1 -1
  415. package/src/components/CreateVariable/types.ts +58 -58
  416. package/src/components/DatePicker/DatePicker.scss +723 -413
  417. package/src/components/DatePicker/DatePicker.stories.tsx +193 -193
  418. package/src/components/DatePicker/DatePicker.tsx +502 -502
  419. package/src/components/DatePicker/Timepicker.tsx +372 -372
  420. package/src/components/DatePicker/types.ts +105 -105
  421. package/src/components/DownloadClient/DownloadClient.scss +67 -67
  422. package/src/components/DownloadClient/DownloadClient.stories.tsx +26 -26
  423. package/src/components/DownloadClient/DownloadClient.tsx +90 -90
  424. package/src/components/DownloadClient/type.ts +33 -33
  425. package/src/components/DragAndDrop/DragAndDrop.d.ts +5 -5
  426. package/src/components/DragAndDrop/DragAndDrop.stories.tsx +25 -25
  427. package/src/components/DragAndDrop/DragAndDrop.ts +7 -7
  428. package/src/components/DragAndDrop/DragAndDropList.scss +69 -69
  429. package/src/components/DragAndDrop/DragAndDropList.tsx +151 -151
  430. package/src/components/Drawer/Drawer.scss +139 -139
  431. package/src/components/Drawer/Drawer.stories.tsx +156 -156
  432. package/src/components/Drawer/Drawer.tsx +233 -233
  433. package/src/components/Drawer/Types.ts +161 -161
  434. package/src/components/EditTextField/EditTextField.scss +97 -97
  435. package/src/components/EditTextField/EditTextField.stories.tsx +127 -127
  436. package/src/components/EditTextField/EditTextField.tsx +175 -175
  437. package/src/components/EditTextField/index.ts +1 -1
  438. package/src/components/EditTextField/types.ts +55 -55
  439. package/src/components/Editor/Editor.scss +56 -56
  440. package/src/components/Editor/Editor.stories.tsx +54 -54
  441. package/src/components/Editor/Editor.tsx +250 -250
  442. package/src/components/Editor/VariableDropdown.scss +28 -28
  443. package/src/components/Editor/VariableDropdown.tsx +57 -57
  444. package/src/components/Editor/constants.ts +180 -180
  445. package/src/components/Editor/types.ts +89 -89
  446. package/src/components/Excel/ColorBarSelector/ColorBarSelector.scss +15 -15
  447. package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +43 -43
  448. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.scss +27 -27
  449. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.tsx +42 -42
  450. package/src/components/Excel/ExcelFile/ExcelFile.scss +56 -56
  451. package/src/components/Excel/ExcelFile/ExcelFile.tsx +512 -512
  452. package/src/components/Excel/ExcelFile/ExcelFileComponents/ActiveCell.tsx +155 -148
  453. package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx +206 -206
  454. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +176 -176
  455. package/src/components/Excel/ExcelFile/ExcelFileComponents/Copied.tsx +25 -25
  456. package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx +56 -56
  457. package/src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx +40 -37
  458. package/src/components/Excel/ExcelFile/ExcelFileComponents/DataViewer.tsx +85 -85
  459. package/src/components/Excel/ExcelFile/ExcelFileComponents/FloatingRect.tsx +61 -61
  460. package/src/components/Excel/ExcelFile/ExcelFileComponents/HeaderRow.tsx +7 -7
  461. package/src/components/Excel/ExcelFile/ExcelFileComponents/Row.tsx +5 -5
  462. package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +157 -157
  463. package/src/components/Excel/ExcelFile/ExcelFileComponents/Selected.tsx +32 -32
  464. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +201 -201
  465. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +531 -531
  466. package/src/components/Excel/ExcelFile/ExcelFileComponents/Table.tsx +19 -19
  467. package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +575 -575
  468. package/src/components/Excel/ExcelFile/ExcelFileComponents/areModelsEqual.ts +18 -18
  469. package/src/components/Excel/ExcelFile/ExcelFileComponents/context.ts +12 -12
  470. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/engine.ts +153 -153
  471. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/formula.ts +31 -31
  472. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/index.ts +2 -2
  473. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-graph.ts +152 -152
  474. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-hash.ts +10 -10
  475. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-set.ts +69 -69
  476. package/src/components/Excel/ExcelFile/ExcelFileComponents/index.ts +49 -49
  477. package/src/components/Excel/ExcelFile/ExcelFileComponents/matrix.ts +382 -382
  478. package/src/components/Excel/ExcelFile/ExcelFileComponents/point-range.ts +82 -82
  479. package/src/components/Excel/ExcelFile/ExcelFileComponents/point.ts +15 -15
  480. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +716 -716
  481. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +886 -886
  482. package/src/components/Excel/ExcelFile/ExcelFileComponents/selection.ts +257 -257
  483. package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +266 -266
  484. package/src/components/Excel/ExcelFile/ExcelFileComponents/typings/fast-formula-parser.d.ts +58 -58
  485. package/src/components/Excel/ExcelFile/ExcelFileComponents/use-dispatch.ts +8 -8
  486. package/src/components/Excel/ExcelFile/ExcelFileComponents/use-selector.ts +9 -9
  487. package/src/components/Excel/ExcelFile/ExcelFileComponents/util.ts +172 -172
  488. package/src/components/Excel/ExcelFile.stories.tsx +168 -168
  489. package/src/components/Excel/ExcelToolBar/ExcelToolBar.scss +96 -96
  490. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +434 -434
  491. package/src/components/Excel/Types.ts +196 -196
  492. package/src/components/Excel/dataConversion.ts +196 -196
  493. package/src/components/Excel/index.ts +1 -1
  494. package/src/components/ExpandableMenu/ExpandableMenu.scss +110 -110
  495. package/src/components/ExpandableMenu/ExpandableMenu.stories.tsx +67 -67
  496. package/src/components/ExpandableMenu/ExpandableMenu.tsx +101 -101
  497. package/src/components/ExpandableMenu/index.ts +1 -1
  498. package/src/components/ExpandableMenu/types.ts +34 -34
  499. package/src/components/FF_Captcha/Recaptcha.scss +10 -10
  500. package/src/components/FF_Captcha/Recaptcha.tsx +40 -40
  501. package/src/components/FF_Captcha/captcha.stories.tsx +40 -40
  502. package/src/components/FF_Captcha/types.ts +22 -22
  503. package/src/components/FieldSet/FieldSet.scss +10 -10
  504. package/src/components/FieldSet/FieldSet.stories.tsx +104 -104
  505. package/src/components/FieldSet/FieldSet.tsx +29 -29
  506. package/src/components/FieldSet/index.ts +1 -1
  507. package/src/components/FieldSet/types.ts +8 -8
  508. package/src/components/FileDropzone/Dropzone.tsx +108 -108
  509. package/src/components/FileDropzone/FileDropzone.scss +180 -180
  510. package/src/components/FileDropzone/FileDropzone.stories.tsx +273 -273
  511. package/src/components/FileDropzone/FileDropzone.tsx +166 -166
  512. package/src/components/FileDropzone/FilePreview.tsx +77 -77
  513. package/src/components/FileDropzone/RadioFilePreview.tsx +80 -80
  514. package/src/components/FileDropzone/index.ts +1 -1
  515. package/src/components/FileDropzone/types.ts +207 -207
  516. package/src/components/Form/Form.d.ts +2 -2
  517. package/src/components/Form/Form.scss +158 -158
  518. package/src/components/Form/Form.stories.tsx +508 -508
  519. package/src/components/Form/Form.ts +2 -2
  520. package/src/components/Form/Forms.tsx +39 -39
  521. package/src/components/Form/validation.json +29 -29
  522. package/src/components/GridLayout/GridLayout.scss +69 -69
  523. package/src/components/GridLayout/GridLayout.stories.tsx +90 -90
  524. package/src/components/GridLayout/GridLayout.tsx +39 -39
  525. package/src/components/GridLayout/GridLayoutStory.scss +25 -25
  526. package/src/components/GridLayout/types.ts +84 -84
  527. package/src/components/HighlightText/HighlightText.scss +3 -3
  528. package/src/components/HighlightText/HighlightText.stories.tsx +22 -22
  529. package/src/components/HighlightText/HighlightText.tsx +33 -33
  530. package/src/components/HighlightText/index.ts +1 -1
  531. package/src/components/HighlightText/types.ts +4 -4
  532. package/src/components/Icon/Icon.stories.tsx +113 -65
  533. package/src/components/Icon/Icon.tsx +88 -88
  534. package/src/components/Icon/Icons.scss +50 -50
  535. package/src/components/Icon/iconList.ts +507 -505
  536. package/src/components/Icon/index.ts +1 -1
  537. package/src/components/Icon/types.ts +14 -14
  538. package/src/components/IconButton/IconButton.scss +54 -54
  539. package/src/components/IconButton/IconButton.stories.tsx +34 -34
  540. package/src/components/IconButton/IconButton.tsx +32 -32
  541. package/src/components/IconButton/index.ts +1 -1
  542. package/src/components/IconButton/types.ts +5 -5
  543. package/src/components/IconRadioGroup/IconRadioGroup.scss +64 -64
  544. package/src/components/IconRadioGroup/IconRadioGroup.stories.tsx +108 -108
  545. package/src/components/IconRadioGroup/IconRadioGroup.tsx +73 -73
  546. package/src/components/IconRadioGroup/index.ts +1 -1
  547. package/src/components/IconRadioGroup/type.ts +49 -49
  548. package/src/components/Input/Input.scss +170 -170
  549. package/src/components/Input/Input.stories.tsx +153 -141
  550. package/src/components/Input/Input.tsx +122 -120
  551. package/src/components/Input/types.ts +89 -85
  552. package/src/components/InputWithDropdown/InputWithDropdown.scss +220 -220
  553. package/src/components/InputWithDropdown/InputWithDropdown.stories.tsx +169 -169
  554. package/src/components/InputWithDropdown/InputWithDropdown.tsx +129 -129
  555. package/src/components/InputWithDropdown/index.ts +1 -1
  556. package/src/components/InputWithDropdown/types.ts +113 -113
  557. package/src/components/LabelEditTextField/LabelEditTextField.scss +94 -86
  558. package/src/components/LabelEditTextField/LabelEditTextField.stories.tsx +198 -197
  559. package/src/components/LabelEditTextField/LabelEditTextField.tsx +267 -256
  560. package/src/components/LabelEditTextField/index.ts +1 -1
  561. package/src/components/LabelEditTextField/types.ts +51 -49
  562. package/src/components/LazyLoad/LazyLoad.d.ts +3 -3
  563. package/src/components/LazyLoad/LazyLoad.stories.tsx +33 -33
  564. package/src/components/LazyLoad/LazyLoad.ts +2 -2
  565. package/src/components/LazyLoad/LazyLoading.tsx +19 -19
  566. package/src/components/LazyLoad/index.ts +1 -1
  567. package/src/components/MachineInputField/MachineInputField.scss +59 -55
  568. package/src/components/MachineInputField/MachineInputField.stories.tsx +33 -33
  569. package/src/components/MachineInputField/MachineInputField.tsx +85 -84
  570. package/src/components/MachineInputField/index.ts +1 -1
  571. package/src/components/MachineInputField/types.ts +15 -15
  572. package/src/components/MenuOption/MenuOption.scss +97 -97
  573. package/src/components/MenuOption/MenuOption.stories.tsx +212 -212
  574. package/src/components/MenuOption/MenuOption.tsx +222 -222
  575. package/src/components/MenuOption/types.ts +231 -231
  576. package/src/components/MiniModal/MiniModal.scss +169 -169
  577. package/src/components/MiniModal/MiniModal.stories.tsx +740 -740
  578. package/src/components/MiniModal/MiniModal.tsx +346 -346
  579. package/src/components/MiniModal/index.ts +1 -1
  580. package/src/components/MiniModal/types.ts +124 -124
  581. package/src/components/Modal/Modal.stories.tsx +70 -70
  582. package/src/components/Modal/Modal.tsx +100 -100
  583. package/src/components/Modal/index.tsx +1 -1
  584. package/src/components/Modal/modal.scss +51 -51
  585. package/src/components/Modal/types.ts +43 -43
  586. package/src/components/ModulesChip/ModuleChip.scss +33 -33
  587. package/src/components/ModulesChip/ModuleChip.stories.tsx +41 -41
  588. package/src/components/ModulesChip/ModuleChip.tsx +28 -28
  589. package/src/components/ModulesChip/types.ts +14 -14
  590. package/src/components/MultiSelect/Dropdown.scss +77 -77
  591. package/src/components/MultiSelect/Dropdown.tsx +169 -169
  592. package/src/components/MultiSelect/MultiSelect.scss +247 -247
  593. package/src/components/MultiSelect/MultiSelect.stories.tsx +290 -290
  594. package/src/components/MultiSelect/MultiSelect.tsx +486 -486
  595. package/src/components/MultiSelect/MultiSelectTypes.ts +49 -49
  596. package/src/components/MultiSelect/dropdownTypes.ts +21 -21
  597. package/src/components/MultiSelect/index.ts +1 -1
  598. package/src/components/NLPInput/NLPInput.scss +302 -302
  599. package/src/components/NLPInput/NlpInput.stories.tsx +70 -70
  600. package/src/components/NLPInput/NlpInput.tsx +410 -410
  601. package/src/components/NLPInput/components/NlpDropDown/NlpDropDownType.ts +62 -62
  602. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.scss +134 -134
  603. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.tsx +320 -320
  604. package/src/components/NLPInput/index.ts +1 -1
  605. package/src/components/NLPInput/sampleData.ts +161 -161
  606. package/src/components/NLPInput/types.tsx +136 -136
  607. package/src/components/Paper/Paper.scss +13 -13
  608. package/src/components/Paper/Paper.stories.tsx +77 -77
  609. package/src/components/Paper/Paper.tsx +14 -14
  610. package/src/components/Paper/types.ts +19 -19
  611. package/src/components/PhoneInput/PhoneInput.d.ts +3 -3
  612. package/src/components/PhoneInput/PhoneInput.stories.tsx +70 -70
  613. package/src/components/PhoneInput/PhoneInput.tsx +98 -98
  614. package/src/components/PhoneInput/index.ts +1 -1
  615. package/src/components/PhoneInput/phoneInput.scss +901 -901
  616. package/src/components/PhoneInput/types.ts +16 -16
  617. package/src/components/PopUpModal/PopUpModal.scss +36 -36
  618. package/src/components/PopUpModal/PopUpModal.stories.tsx +67 -67
  619. package/src/components/PopUpModal/PopUpModal.tsx +87 -87
  620. package/src/components/PopUpModal/types.ts +17 -17
  621. package/src/components/ProgressBar/ProgressBar.scss +46 -46
  622. package/src/components/ProgressBar/ProgressBar.stories.tsx +22 -22
  623. package/src/components/ProgressBar/ProgressBar.tsx +61 -61
  624. package/src/components/ProgressBar/types.ts +12 -12
  625. package/src/components/RadioButton/RadioButton.scss +106 -106
  626. package/src/components/RadioButton/RadioButton.stories.tsx +43 -43
  627. package/src/components/RadioButton/RadioButton.tsx +41 -41
  628. package/src/components/RadioButton/index.ts +1 -1
  629. package/src/components/RadioButton/radioButtonTypes.tsx +62 -62
  630. package/src/components/RadioGroup/RadioGroup.scss +11 -11
  631. package/src/components/RadioGroup/RadioGroup.stories.tsx +150 -150
  632. package/src/components/RadioGroup/RadioGroup.tsx +49 -49
  633. package/src/components/RadioGroup/index.ts +1 -1
  634. package/src/components/RadioGroup/radioGroupTypes.tsx +96 -96
  635. package/src/components/ScriptSwitchButton/ScriptSwitchButton.scss +33 -33
  636. package/src/components/ScriptSwitchButton/ScriptSwitchButton.stories.tsx +48 -48
  637. package/src/components/ScriptSwitchButton/ScriptSwitchButton.tsx +65 -65
  638. package/src/components/ScriptSwitchButton/index.ts +1 -1
  639. package/src/components/Search/Search.scss +103 -103
  640. package/src/components/Search/Search.stories.tsx +44 -44
  641. package/src/components/Search/Search.tsx +138 -138
  642. package/src/components/Search/index.ts +1 -1
  643. package/src/components/Search/types.ts +19 -19
  644. package/src/components/Select/Select.scss +213 -213
  645. package/src/components/Select/Select.stories.tsx +355 -355
  646. package/src/components/Select/Select.tsx +278 -278
  647. package/src/components/Select/components/Dropdown.scss +61 -61
  648. package/src/components/Select/components/Dropdown.tsx +140 -140
  649. package/src/components/Select/components/types.ts +24 -24
  650. package/src/components/Select/index.ts +1 -1
  651. package/src/components/Select/types.ts +134 -134
  652. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +128 -128
  653. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +67 -67
  654. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +186 -184
  655. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +191 -191
  656. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +326 -318
  657. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +33 -32
  658. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.scss +3 -3
  659. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +78 -76
  660. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +25 -24
  661. package/src/components/SequentialConnectingBranch/index.ts +1 -1
  662. package/src/components/SequentialConnectingBranch/types.ts +66 -62
  663. package/src/components/StateDropdown/StateDropdown.stories.tsx +104 -104
  664. package/src/components/StateDropdown/StateDropdown.tsx +245 -245
  665. package/src/components/StateDropdown/StateDropdownTypes.tsx +27 -27
  666. package/src/components/StatusButton/StatusButton.scss +90 -90
  667. package/src/components/StatusButton/StatusButton.stories.tsx +91 -91
  668. package/src/components/StatusButton/StatusButton.tsx +46 -46
  669. package/src/components/StatusButton/index.ts +1 -1
  670. package/src/components/StatusButton/types.ts +45 -45
  671. package/src/components/StatusCard/StatusCard.scss +138 -138
  672. package/src/components/StatusCard/StatusCard.stories.tsx +117 -117
  673. package/src/components/StatusCard/StatusCard.tsx +80 -80
  674. package/src/components/StatusCard/index.ts +1 -1
  675. package/src/components/StatusCard/types.ts +18 -18
  676. package/src/components/Table/Table.scss +118 -118
  677. package/src/components/Table/Table.stories.tsx +373 -373
  678. package/src/components/Table/Table.tsx +178 -178
  679. package/src/components/Table/Types.ts +124 -124
  680. package/src/components/Table/index.ts +1 -1
  681. package/src/components/TableTree/Components/TableBody.tsx +41 -41
  682. package/src/components/TableTree/Components/TableCell.tsx +75 -75
  683. package/src/components/TableTree/Components/TableHead.tsx +39 -39
  684. package/src/components/TableTree/Components/TableRow.tsx +41 -41
  685. package/src/components/TableTree/TableTree.scss +210 -218
  686. package/src/components/TableTree/TableTree.stories.tsx +176 -176
  687. package/src/components/TableTree/TableTree.tsx +72 -91
  688. package/src/components/TableTree/TableTreeStories.scss +22 -22
  689. package/src/components/TableTree/Utils/getAllChildIds.ts +14 -14
  690. package/src/components/TableTree/data.ts +368 -368
  691. package/src/components/TableTree/index.ts +1 -1
  692. package/src/components/TableTree/types.ts +72 -72
  693. package/src/components/TableWithAccordion/TableWithAccordion.scss +54 -54
  694. package/src/components/TableWithAccordion/TableWithAccordion.stories.tsx +94 -94
  695. package/src/components/TableWithAccordion/TableWithAccordion.tsx +174 -174
  696. package/src/components/TableWithAccordion/data.ts +36 -36
  697. package/src/components/TableWithAccordion/types.ts +69 -69
  698. package/src/components/Tabs/Tabs.scss +132 -132
  699. package/src/components/Tabs/Tabs.stories.tsx +153 -153
  700. package/src/components/Tabs/Tabs.tsx +71 -71
  701. package/src/components/Tabs/index.ts +1 -1
  702. package/src/components/Tabs/types.ts +48 -48
  703. package/src/components/TextArea/Textarea.scss +144 -144
  704. package/src/components/TextArea/Textarea.stories.tsx +92 -92
  705. package/src/components/TextArea/Textarea.tsx +86 -86
  706. package/src/components/TextArea/Types.ts +85 -85
  707. package/src/components/TextArea/index.tsx +1 -1
  708. package/src/components/ThemeProvider/ThemeProvider.tsx +27 -27
  709. package/src/components/ThemeProvider/index.ts +1 -1
  710. package/src/components/ThemeProvider/types.ts +14 -14
  711. package/src/components/Toast/Toast.scss +121 -121
  712. package/src/components/Toast/Toast.stories.tsx +144 -144
  713. package/src/components/Toast/Toast.tsx +117 -117
  714. package/src/components/Toast/index.ts +1 -1
  715. package/src/components/Toast/types.ts +27 -27
  716. package/src/components/Toastify/Toastify.stories.tsx +71 -71
  717. package/src/components/Toastify/Toastify.tsx +95 -95
  718. package/src/components/Toastify/index.ts +1 -1
  719. package/src/components/Toastify/types.ts +9 -9
  720. package/src/components/Toggle/Toggle.scss +133 -133
  721. package/src/components/Toggle/Toggle.stories.tsx +132 -132
  722. package/src/components/Toggle/Toggle.tsx +96 -96
  723. package/src/components/Toggle/index.ts +1 -1
  724. package/src/components/Toggle/types.ts +43 -43
  725. package/src/components/ToggleSwitch/ToggleSwitch.scss +58 -58
  726. package/src/components/ToggleSwitch/ToggleSwitch.stories.tsx +52 -52
  727. package/src/components/ToggleSwitch/ToggleSwitch.tsx +30 -30
  728. package/src/components/ToggleSwitch/index.ts +1 -1
  729. package/src/components/Tooltip/Tooltip.scss +27 -27
  730. package/src/components/Tooltip/Tooltip.stories.tsx +98 -98
  731. package/src/components/Tooltip/Tooltip.tsx +194 -194
  732. package/src/components/Tooltip/index.ts +1 -1
  733. package/src/components/Tooltip/types.ts +66 -66
  734. package/src/components/Typography/Typography.scss +25 -25
  735. package/src/components/Typography/Typography.stories.tsx +59 -59
  736. package/src/components/Typography/Typography.tsx +41 -41
  737. package/src/components/Typography/index.ts +1 -1
  738. package/src/components/Typography/types.ts +57 -57
  739. package/src/components/VariableInput/VariableInput.scss +127 -127
  740. package/src/components/VariableInput/VariableInput.stories.tsx +32 -32
  741. package/src/components/VariableInput/VariableInput.tsx +352 -352
  742. package/src/components/VariableInput/types.ts +56 -56
  743. package/src/hooks/keyboardevents/useEscKeyEvent.tsx +30 -30
  744. package/src/hooks/useClickOutside.tsx +30 -30
  745. package/src/hooks/useFileDropzone.tsx +275 -275
  746. package/src/hooks/useIntersectionObserver.tsx +56 -56
  747. package/src/hooks/usePortalPosition.tsx +53 -53
  748. package/src/hooks/useTheme.tsx +13 -13
  749. package/src/index.ts +302 -210
  750. package/src/utils/FormatString/FormatString.stories.tsx +58 -58
  751. package/src/utils/FormatString/FormatString.tsx +41 -41
  752. package/src/utils/TableCell/TableCell.ts +16 -16
  753. package/src/utils/capitalize/capitalize.stories.tsx +44 -44
  754. package/src/utils/capitalize/capitalize.tsx +4 -4
  755. package/src/utils/checkDuplicates/CheckDuplicates.stories.tsx +40 -40
  756. package/src/utils/checkDuplicates/checkDuplicates.ts +13 -13
  757. package/src/utils/checkEmpty/checkEmpty.stories.tsx +34 -34
  758. package/src/utils/checkEmpty/checkEmpty.ts +24 -24
  759. package/src/utils/compareArrays/compareArrays.stories.tsx +62 -62
  760. package/src/utils/compareArrays/compareArrays.ts +31 -31
  761. package/src/utils/compareObjects/compareObjects.stories.tsx +51 -51
  762. package/src/utils/compareObjects/compareObjects.ts +53 -53
  763. package/src/utils/debounce/debounce.stories.tsx +81 -81
  764. package/src/utils/debounce/debounce.ts +28 -28
  765. package/src/utils/downloadFile/saveFileFromBlob.stories.tsx +62 -62
  766. package/src/utils/downloadFile/saveFileFromBlob.ts +40 -40
  767. package/src/utils/ffID/ffID.stories.tsx +35 -35
  768. package/src/utils/ffID/ffid.ts +7 -7
  769. package/src/utils/findAndInsert/findAndInsert.stories.tsx +119 -119
  770. package/src/utils/findAndInsert/findAndInsert.ts +49 -49
  771. package/src/utils/formData/ConvertFormDataToObject.stories.tsx +27 -0
  772. package/src/utils/formData/ConvertFormDataToObject.ts +14 -0
  773. package/src/utils/functionCheck/functionCheck.ts +8 -8
  774. package/src/utils/getEncryptedData/getEncryptedData.stories.tsx +55 -55
  775. package/src/utils/getEncryptedData/getEncryptedData.ts +8 -8
  776. package/src/utils/getExtension/getExtension.stories.tsx +24 -23
  777. package/src/utils/getExtension/getExtension.ts +28 -28
  778. package/src/utils/getSelectOptionValue/getSelectOptionValue.ts +31 -31
  779. package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +72 -72
  780. package/src/utils/getSequentialPayload/getSequentialPayload.ts +16 -16
  781. package/src/utils/getSequentialPayload/types.ts +33 -33
  782. package/src/utils/throttle/throttle.stories.tsx +100 -100
  783. package/src/utils/throttle/throttle.ts +33 -33
  784. package/src/utils/truncateText/truncateText.stories.tsx +37 -37
  785. package/src/utils/truncateText/truncateText.ts +4 -4
  786. package/src/utils/validateFile/validateFile.stories.tsx +49 -49
  787. package/src/utils/validateFile/validateFile.ts +39 -39
  788. package/src/validations/regex.stories.tsx +401 -0
  789. package/src/validations/regex.ts +213 -0
  790. package/tsconfig.json +55 -55
  791. package/vite.config.js +14 -14
  792. package/lib/1fb4472b34e4fe07.css +0 -1
  793. package/lib/components/AddVariables/AddVariables.d.ts +0 -5
  794. package/lib/components/AddVariables/index.d.ts +0 -1
  795. package/lib/components/AddVariables/types.d.ts +0 -99
  796. package/lib/index.css +0 -1
  797. package/lib/index.esm.css +0 -1
package/lib/index.js CHANGED
@@ -641,6 +641,8 @@ const SvgImportIcon = (props) => /* @__PURE__ */ React__namespace.createElement(
641
641
 
642
642
  const SvgSettings = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.31255 4.21386C5.54028 4.21386 5.7629 4.28139 5.95225 4.40791C6.1416 4.53443 6.28918 4.71426 6.37633 4.92465C6.46348 5.13505 6.48628 5.36656 6.44185 5.58992C6.39743 5.81327 6.28776 6.01844 6.12673 6.17947C5.9657 6.3405 5.76054 6.45016 5.53718 6.49459C5.31383 6.53902 5.08231 6.51621 4.87192 6.42907C4.66152 6.34192 4.48169 6.19434 4.35517 6.00498C4.22865 5.81563 4.16112 5.59302 4.16112 5.36528C4.1615 5.06002 4.28293 4.76737 4.49878 4.55152C4.71464 4.33567 5.00729 4.21423 5.31255 4.21386ZM6.41398 7.40386C5.92406 7.66867 5.3552 7.74831 4.8114 7.6282C4.2676 7.50808 3.7852 7.19625 3.4524 6.74972C3.11961 6.30318 2.95865 5.75178 2.99897 5.19633C3.03929 4.64089 3.27819 4.11851 3.67198 3.72472C4.06577 3.33092 4.58815 3.09203 5.1436 3.05171C5.69904 3.01139 6.25045 3.17234 6.69698 3.50513C7.14352 3.83793 7.45535 4.32033 7.57546 4.86413C7.69557 5.40793 7.61594 5.9768 7.35112 6.46671C7.56408 6.35703 7.80269 6.30684 8.04179 6.32142C8.2809 6.336 8.51164 6.41482 8.70969 6.54957C8.76759 6.24456 8.93015 5.96933 9.16931 5.77137C9.40847 5.57342 9.70923 5.46516 10.0197 5.46528H10.3683V5.03671C10.3677 4.90016 10.3191 4.76814 10.2312 4.66371C10.1432 4.55927 10.0213 4.48905 9.88684 4.46528L9.12969 4.33243C9.04081 4.00244 8.90922 3.68548 8.73826 3.38957L9.17969 2.75957C9.25541 2.64822 9.29023 2.51409 9.27825 2.37997C9.26628 2.24586 9.20823 2.12002 9.11398 2.02386L8.65969 1.56243C8.56272 1.46588 8.43486 1.40652 8.29852 1.39477C8.16218 1.38302 8.02605 1.41961 7.91398 1.49814L7.28398 1.93957C6.98809 1.76857 6.67112 1.63698 6.34112 1.54814L6.20826 0.790999C6.1845 0.656524 6.11428 0.534661 6.00984 0.446675C5.90541 0.358688 5.77339 0.310165 5.63684 0.30957H4.99398C4.85742 0.310165 4.72541 0.358688 4.62097 0.446675C4.51654 0.534661 4.44631 0.656524 4.42255 0.790999L4.28969 1.54814C3.95969 1.63696 3.64272 1.76855 3.34684 1.93957L2.71112 1.49814C2.59955 1.42112 2.46462 1.38541 2.32955 1.39714C2.19449 1.40887 2.06774 1.46732 1.97112 1.56243L1.50969 2.02386C1.41278 2.12092 1.3532 2.24906 1.34144 2.38572C1.32968 2.52238 1.3665 2.65881 1.44541 2.771L1.88684 3.401C1.71594 3.69694 1.58435 4.01389 1.49541 4.34386L0.738264 4.47671C0.603789 4.50048 0.481927 4.5707 0.39394 4.67514C0.305954 4.77957 0.25743 4.91158 0.256836 5.04814V5.691C0.25743 5.82756 0.305954 5.95957 0.39394 6.064C0.481927 6.16844 0.603789 6.23866 0.738264 6.26243L1.49541 6.39528C1.58427 6.72527 1.71586 7.04224 1.88684 7.33814L1.44541 7.96528C1.3665 8.07748 1.32968 8.21391 1.34144 8.35057C1.3532 8.48723 1.41278 8.61536 1.50969 8.71243L1.97112 9.16671C2.06801 9.26385 2.19605 9.32369 2.33272 9.33571C2.46938 9.34773 2.60591 9.31116 2.71826 9.23243L3.34826 8.791C3.64419 8.96193 3.96115 9.09352 4.29112 9.18243L4.42398 9.93957C4.44774 10.074 4.51797 10.1959 4.6224 10.2839C4.72684 10.3719 4.85885 10.4204 4.99541 10.421H5.42398V10.0724C5.42386 9.76197 5.53211 9.46121 5.73007 9.22204C5.92802 8.98288 6.20325 8.82032 6.50826 8.76243C6.37171 8.56543 6.29087 8.33523 6.27428 8.09611C6.25768 7.85699 6.30595 7.61783 6.41398 7.40386ZM14.2568 10.0724V10.5781C14.2554 10.6851 14.2167 10.7882 14.1473 10.8696C14.0779 10.951 13.9822 11.0055 13.8768 11.0239L13.2797 11.1281C13.2105 11.3916 13.1067 11.6447 12.9711 11.881L13.3197 12.3781C13.3819 12.4666 13.4108 12.5741 13.4014 12.6818C13.392 12.7895 13.3448 12.8904 13.2683 12.9667L12.9097 13.3253C12.8334 13.4019 12.7325 13.449 12.6248 13.4584C12.5171 13.4678 12.4095 13.4389 12.3211 13.3767L11.8283 13.0239C11.5951 13.1586 11.3454 13.2623 11.0854 13.3324L10.9711 13.9296C10.9528 14.0349 10.8982 14.1306 10.8168 14.2C10.7354 14.2694 10.6324 14.3082 10.5254 14.3096H10.0197C9.91151 14.3098 9.80673 14.2718 9.72386 14.2023C9.64099 14.1327 9.58537 14.0361 9.56684 13.9296L9.46255 13.3324C9.20256 13.2623 8.95283 13.1586 8.71969 13.0239L8.22255 13.3724C8.13412 13.4346 8.02657 13.4635 7.91888 13.4541C7.81119 13.4447 7.71028 13.3976 7.63398 13.321L7.27541 12.9624C7.19884 12.8861 7.15169 12.7852 7.14228 12.6775C7.13287 12.5698 7.1618 12.4623 7.22398 12.3739L7.57398 11.881C7.43922 11.6479 7.33549 11.3981 7.26541 11.1381L6.66826 11.0239C6.56168 11.0053 6.46509 10.9497 6.39555 10.8668C6.32601 10.784 6.28801 10.6792 6.28826 10.571V10.0724C6.28801 9.96425 6.32601 9.85946 6.39555 9.77659C6.46509 9.69372 6.56168 9.63811 6.66826 9.61957L7.26541 9.51528C7.33553 9.2553 7.43927 9.00558 7.57398 8.77243L7.22541 8.27671C7.16323 8.18828 7.13429 8.08073 7.1437 7.97304C7.15311 7.86535 7.20027 7.76445 7.27684 7.68814L7.63541 7.32957C7.71171 7.253 7.81262 7.20585 7.92031 7.19644C8.028 7.18703 8.13555 7.21597 8.22398 7.27814L8.71969 7.62671C8.95282 7.49194 9.20255 7.38821 9.46255 7.31814L9.56684 6.721C9.58537 6.61442 9.64099 6.51782 9.72386 6.44829C9.80673 6.37875 9.91151 6.34075 10.0197 6.341H10.5254C10.6324 6.34242 10.7354 6.38118 10.8168 6.45057C10.8982 6.51996 10.9528 6.61562 10.9711 6.721L11.0754 7.31814C11.3389 7.38738 11.592 7.49114 11.8283 7.62671L12.324 7.27814C12.4124 7.21597 12.52 7.18703 12.6277 7.19644C12.7353 7.20585 12.8362 7.253 12.9125 7.32957L13.2711 7.68814C13.3477 7.76445 13.3948 7.86535 13.4043 7.97304C13.4137 8.08073 13.3847 8.18828 13.3225 8.27671L12.9711 8.77243C13.1059 9.00556 13.2096 9.25529 13.2797 9.51528L13.8768 9.61957C13.9834 9.63811 14.08 9.69372 14.1495 9.77659C14.2191 9.85946 14.2571 9.96425 14.2568 10.0724ZM11.6397 10.3253C11.6397 10.0549 11.5595 9.79057 11.4093 9.56574C11.2591 9.34091 11.0455 9.16568 10.7957 9.06221C10.5459 8.95873 10.271 8.93166 10.0058 8.98441C9.74063 9.03716 9.49703 9.16737 9.30583 9.35857C9.11464 9.54977 8.98443 9.79337 8.93168 10.0586C8.87892 10.3238 8.906 10.5987 9.00947 10.8485C9.11295 11.0983 9.28818 11.3118 9.51301 11.462C9.73783 11.6122 10.0022 11.6924 10.2725 11.6924C10.6351 11.6924 10.9829 11.5484 11.2393 11.292C11.4957 11.0356 11.6397 10.6879 11.6397 10.3253Z", fill: "currentColor" }));
643
643
 
644
+ const SvgTestFreshersLogo = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 60 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M19.0627 0C19.8838 0.40281 21.8333 0.685152 22.7022 1.02876C24.0691 1.56932 25.3622 2.32994 26.3766 3.22443C27.2676 4.01003 28.0092 4.91662 28.5572 5.8681C28.8249 6.3329 28.9977 7.09232 29.6488 7.33497C30.2457 7.55738 31.1474 7.4545 31.7916 7.46593L36.3901 7.5475C37.0227 7.55872 38.1233 7.73497 38.606 7.3398C39.1514 6.89366 39.2957 5.87235 39.5031 5.29202C40.0696 3.70662 40.991 2.04151 41.113 0.391117L19.0627 0Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M34.8251 11.0861H34.8218V11.098L34.8251 11.0861ZM27.2048 15.5311L33.5206 15.4236L34.7068 11.1972H28.2703L27.2048 15.5311Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.3381 8.90445H10.4092C10.4131 7.40446 10.8197 5.94018 11.2223 4.49049C11.362 3.98739 11.5012 3.48605 11.6229 2.98558C11.6566 2.84723 11.686 2.68315 11.7174 2.50768C11.8221 1.9222 11.9496 1.20972 12.3365 0.901419C12.808 0.525773 13.8334 0.611611 14.6385 0.679009C14.9107 0.701807 15.158 0.722496 15.3499 0.722496C17.5059 0.722496 19.8132 0.94195 21.8136 1.86651C25.0354 3.07218 26.9702 5.51579 27.2049 8.91996C27.1798 8.78952 27.1492 8.65767 27.1135 8.52487C27.137 8.65302 27.155 8.77971 27.1665 8.90445C27.232 9.60455 27.0117 10.3174 26.7982 11.0079C26.7085 11.2981 26.6202 11.5842 26.5546 11.8639C26.1728 13.4935 25.7538 15.1124 25.3346 16.7313C25.0939 17.6614 24.8532 18.5915 24.6194 19.5235C24.2836 20.8637 23.9625 22.1825 23.6458 23.5276C23.6247 23.6171 23.6052 23.7144 23.5851 23.8155C23.4919 24.2815 23.3822 24.8298 23.0196 25.0893C22.5865 25.3994 21.8191 25.3436 21.1834 25.2974C20.9762 25.2824 20.783 25.2683 20.62 25.2683H14.5265C14.6514 24.2891 14.9207 23.3271 15.1885 22.3704C15.3083 21.943 15.4276 21.5167 15.5336 21.0903C15.8599 19.7786 16.1928 18.4686 16.5255 17.1587C16.8558 15.8586 17.1861 14.5584 17.51 13.2566C17.5586 13.061 17.6062 12.8654 17.6539 12.6698C17.8481 11.8724 18.0419 11.0767 18.2988 10.2971C18.3136 10.2523 18.3301 10.2058 18.347 10.1581C18.4595 9.84045 18.5909 9.46955 18.3623 9.18357C18.0532 8.79669 17.3007 8.84727 16.7352 8.88526C16.5859 8.89529 16.4497 8.90445 16.3381 8.90445Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M2.16622 19.2479V13.2745H0V12.3662H5.46812V13.2745H3.31242V19.2479H2.16622ZM7.9144 19.3547C7.04511 19.3547 6.37211 19.1374 5.8954 18.7029C5.41869 18.2683 5.18034 17.6023 5.18034 16.7046C5.18034 15.8925 5.38364 15.2514 5.79025 14.7812C6.19685 14.311 6.81377 14.0759 7.64099 14.0759C8.39812 14.0759 8.96596 14.279 9.34452 14.685C9.73009 15.084 9.92288 15.6004 9.92288 16.2345V17.1748H6.27396C6.33005 17.6664 6.50531 18.0048 6.79974 18.19C7.09418 18.3752 7.54285 18.4678 8.14574 18.4678C8.39812 18.4678 8.6575 18.4429 8.9239 18.393C9.19029 18.3431 9.42164 18.279 9.61793 18.2007V19.0555C9.3936 19.1553 9.13421 19.2301 8.83977 19.2799C8.55235 19.3298 8.24389 19.3547 7.9144 19.3547ZM6.27396 16.4161H8.91338V16.0635C8.91338 15.7144 8.81874 15.4437 8.62946 15.2514C8.44018 15.0519 8.12121 14.9522 7.67254 14.9522C7.13975 14.9522 6.7717 15.0697 6.5684 15.3048C6.37211 15.5399 6.27396 15.9103 6.27396 16.4161ZM12.6488 19.3547C12.3053 19.3547 11.9758 19.3298 11.6603 19.2799C11.3519 19.2301 11.096 19.1695 10.8927 19.0983V18.1152C11.1311 18.2078 11.3939 18.279 11.6814 18.3289C11.9688 18.3788 12.2422 18.4037 12.5016 18.4037C12.8942 18.4037 13.1746 18.3681 13.3428 18.2968C13.5111 18.2256 13.5952 18.0867 13.5952 17.8801C13.5952 17.7305 13.5426 17.6129 13.4375 17.5275C13.3393 17.442 13.1886 17.3636 12.9853 17.2924C12.789 17.2211 12.5366 17.1356 12.2282 17.0359C11.9337 16.9362 11.6779 16.8293 11.4605 16.7153C11.2432 16.5942 11.075 16.4411 10.9558 16.2558C10.8366 16.0706 10.777 15.8284 10.777 15.5292C10.777 15.0662 10.9418 14.71 11.2713 14.4606C11.6007 14.2042 12.13 14.0759 12.8591 14.0759C13.1465 14.0759 13.42 14.0973 13.6793 14.1401C13.9387 14.1828 14.1595 14.2362 14.3418 14.3003V15.2728C14.1455 15.1944 13.9282 15.1338 13.6899 15.0911C13.4585 15.0483 13.2412 15.027 13.0379 15.027C12.6733 15.027 12.3964 15.059 12.2071 15.1231C12.0249 15.1873 11.9337 15.3155 11.9337 15.5078C11.9337 15.7073 12.0284 15.8498 12.2177 15.9353C12.414 16.0136 12.7259 16.1241 13.1536 16.2665C13.5461 16.3876 13.8581 16.5159 14.0894 16.6512C14.3208 16.7866 14.4855 16.9504 14.5837 17.1428C14.6888 17.328 14.7414 17.5702 14.7414 17.8694C14.7414 18.3681 14.5627 18.7421 14.2051 18.9914C13.8476 19.2336 13.3288 19.3547 12.6488 19.3547Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M26.8455 23.1066V18.0415H27.897L27.9601 18.6292C28.1985 18.4725 28.4824 18.33 28.8119 18.2018C29.1414 18.0736 29.4674 17.9845 29.7898 17.9347V18.8216C29.5935 18.8572 29.3797 18.9106 29.1484 18.9819C28.924 19.046 28.7102 19.1208 28.5069 19.2063C28.3036 19.2846 28.1319 19.3666 27.9917 19.452V23.1066H26.8455ZM32.9429 23.2134C32.0736 23.2134 31.4006 22.9962 30.9239 22.5616C30.4472 22.1271 30.2088 21.461 30.2088 20.5634C30.2088 19.7512 30.4122 19.1101 30.8188 18.6399C31.2254 18.1697 31.8423 17.9347 32.6695 17.9347C33.4266 17.9347 33.9945 18.1377 34.373 18.5438C34.7586 18.9427 34.9514 19.4592 34.9514 20.0932V21.0335H31.3025C31.3586 21.5251 31.5338 21.8635 31.8283 22.0487C32.1227 22.2339 32.5714 22.3265 33.1743 22.3265C33.4266 22.3265 33.686 22.3016 33.9524 22.2517C34.2188 22.2019 34.4501 22.1377 34.6464 22.0594V22.9142C34.4221 23.014 34.1627 23.0888 33.8683 23.1386C33.5809 23.1885 33.2724 23.2134 32.9429 23.2134ZM31.3025 20.2749H33.9419V19.9222C33.9419 19.5732 33.8472 19.3024 33.658 19.1101C33.4687 18.9106 33.1497 18.8109 32.701 18.8109C32.1683 18.8109 31.8002 18.9284 31.5969 19.1635C31.4006 19.3986 31.3025 19.7691 31.3025 20.2749ZM37.6773 23.2134C37.3338 23.2134 37.0043 23.1885 36.6888 23.1386C36.3803 23.0888 36.1245 23.0282 35.9212 22.957V21.9739C36.1595 22.0665 36.4224 22.1377 36.7098 22.1876C36.9973 22.2375 37.2707 22.2624 37.5301 22.2624C37.9226 22.2624 38.2031 22.2268 38.3713 22.1556C38.5395 22.0843 38.6237 21.9454 38.6237 21.7388C38.6237 21.5892 38.5711 21.4717 38.4659 21.3862C38.3678 21.3007 38.2171 21.2223 38.0138 21.1511C37.8175 21.0799 37.5651 20.9944 37.2566 20.8946C36.9622 20.7949 36.7063 20.688 36.489 20.5741C36.2717 20.453 36.1034 20.2998 35.9843 20.1146C35.8651 19.9293 35.8055 19.6871 35.8055 19.3879C35.8055 18.9249 35.9702 18.5687 36.2997 18.3194C36.6292 18.0629 37.1585 17.9347 37.8876 17.9347C38.175 17.9347 38.4484 17.956 38.7078 17.9988C38.9672 18.0415 39.188 18.0949 39.3703 18.1591V19.1315C39.174 19.0531 38.9567 18.9926 38.7183 18.9498C38.487 18.9071 38.2696 18.8857 38.0663 18.8857C37.7018 18.8857 37.4249 18.9178 37.2356 18.9819C37.0533 19.046 36.9622 19.1742 36.9622 19.3666C36.9622 19.566 37.0568 19.7085 37.2461 19.794C37.4424 19.8724 37.7544 19.9828 38.182 20.1253C38.5746 20.2464 38.8866 20.3746 39.1179 20.5099C39.3493 20.6453 39.514 20.8091 39.6121 21.0015C39.7173 21.1867 39.7699 21.4289 39.7699 21.7281C39.7699 22.2268 39.5911 22.6008 39.2336 22.8501C38.876 23.0923 38.3573 23.2134 37.6773 23.2134ZM40.8937 23.1066V15.9044H42.0399V18.5331C42.2573 18.355 42.5166 18.2125 42.8181 18.1056C43.1195 17.9917 43.4595 17.9347 43.8381 17.9347C44.469 17.9347 44.9352 18.0878 45.2367 18.3942C45.5381 18.7005 45.6889 19.1778 45.6889 19.826V23.1066H44.5532V19.8795C44.5532 19.4877 44.469 19.2134 44.3008 19.0567C44.1396 18.8999 43.8556 18.8216 43.449 18.8216C43.1967 18.8216 42.9408 18.8786 42.6814 18.9926C42.422 19.0994 42.2082 19.2419 42.0399 19.42V23.1066H40.8937ZM49.394 23.2134C48.5247 23.2134 47.8517 22.9962 47.375 22.5616C46.8983 22.1271 46.6599 21.461 46.6599 20.5634C46.6599 19.7512 46.8632 19.1101 47.2698 18.6399C47.6764 18.1697 48.2934 17.9347 49.1206 17.9347C49.8777 17.9347 50.4456 18.1377 50.8241 18.5438C51.2097 18.9427 51.4025 19.4592 51.4025 20.0932V21.0335H47.7536C47.8096 21.5251 47.9849 21.8635 48.2793 22.0487C48.5738 22.2339 49.0224 22.3265 49.6253 22.3265C49.8777 22.3265 50.1371 22.3016 50.4035 22.2517C50.6699 22.2019 50.9012 22.1377 51.0975 22.0594V22.9142C50.8732 23.014 50.6138 23.0888 50.3194 23.1386C50.0319 23.1885 49.7235 23.2134 49.394 23.2134ZM47.7536 20.2749H50.393V19.9222C50.393 19.5732 50.2983 19.3024 50.1091 19.1101C49.9198 18.9106 49.6008 18.8109 49.1521 18.8109C48.6193 18.8109 48.2513 18.9284 48.048 19.1635C47.8517 19.3986 47.7536 19.7691 47.7536 20.2749ZM52.5183 23.1066V18.0415H53.5699L53.633 18.6292C53.8713 18.4725 54.1552 18.33 54.4847 18.2018C54.8142 18.0736 55.1402 17.9845 55.4627 17.9347V18.8216C55.2664 18.8572 55.0526 18.9106 54.8212 18.9819C54.5969 19.046 54.3831 19.1208 54.1798 19.2063C53.9765 19.2846 53.8047 19.3666 53.6645 19.452V23.1066H52.5183ZM57.9076 23.2134C57.564 23.2134 57.2346 23.1885 56.9191 23.1386C56.6106 23.0888 56.3547 23.0282 56.1514 22.957V21.9739C56.3898 22.0665 56.6527 22.1377 56.9401 22.1876C57.2275 22.2375 57.501 22.2624 57.7603 22.2624C58.1529 22.2624 58.4333 22.2268 58.6016 22.1556C58.7698 22.0843 58.854 21.9454 58.854 21.7388C58.854 21.5892 58.8014 21.4717 58.6962 21.3862C58.5981 21.3007 58.4474 21.2223 58.2441 21.1511C58.0478 21.0799 57.7954 20.9944 57.4869 20.8946C57.1925 20.7949 56.9366 20.688 56.7193 20.5741C56.502 20.453 56.3337 20.2998 56.2145 20.1146C56.0954 19.9293 56.0358 19.6871 56.0358 19.3879C56.0358 18.9249 56.2005 18.5687 56.53 18.3194C56.8595 18.0629 57.3888 17.9347 58.1179 17.9347C58.4053 17.9347 58.6787 17.956 58.9381 17.9988C59.1975 18.0415 59.4183 18.0949 59.6006 18.1591V19.1315C59.4043 19.0531 59.187 18.9926 58.9486 18.9498C58.7173 18.9071 58.4999 18.8857 58.2966 18.8857C57.9321 18.8857 57.6552 18.9178 57.4659 18.9819C57.2836 19.046 57.1925 19.1742 57.1925 19.3666C57.1925 19.566 57.2871 19.7085 57.4764 19.794C57.6727 19.8724 57.9847 19.9828 58.4123 20.1253C58.8049 20.2464 59.1168 20.3746 59.3482 20.5099C59.5795 20.6453 59.7443 20.8091 59.8424 21.0015C59.9476 21.1867 60.0002 21.4289 60.0002 21.7281C60.0002 22.2268 59.8214 22.6008 59.4639 22.8501C59.1063 23.0923 58.5876 23.2134 57.9076 23.2134Z", fill: "white" }));
645
+
644
646
  let Components = {};
645
647
  Components['success'] = SvgSuccess;
646
648
  Components['alert'] = SvgAlert;
@@ -888,6 +890,7 @@ Components['executions_icon'] = SvgExecutionsIcon;
888
890
  Components['suites_icon'] = SvgSuitesIcon;
889
891
  Components['import_icon'] = SvgImportIcon;
890
892
  Components['settings'] = SvgSettings;
893
+ Components['test_freshers_logo'] = SvgTestFreshersLogo;
891
894
 
892
895
  var css_248z$1h = ".ff-icon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 4px;\n box-sizing: content-box;\n}\n.ff-icon-container.ff-icon-danger:hover {\n background-color: var(--ff-icon-color-danger-variant);\n}\n.ff-icon-container.ff-icon-dark {\n background-color: var(--brand-color);\n border-radius: 4px;\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover {\n background-color: white;\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover svg path {\n fill: var(--brand-color);\n}\n\n.ff-icon-click {\n cursor: pointer;\n box-sizing: content-box;\n}\n.ff-icon-click:hover {\n border-radius: 4px;\n background-color: var(--ff-icon-hover-fill-color);\n}\n.ff-icon-click:hover > svg {\n color: var(--brand-color);\n}\n\n.ff-icon-disabled {\n cursor: no-drop;\n}\n.ff-icon-disabled > svg {\n color: var(--toggle-strip-color);\n}\n.ff-icon-disabled:hover {\n box-shadow: none;\n}\n.ff-icon-disabled:hover > svg {\n color: var(--toggle-strip-color);\n}";
893
896
  styleInject(css_248z$1h);
@@ -1085,7 +1088,7 @@ function useEscapeKey(key) {
1085
1088
  };
1086
1089
  }
1087
1090
 
1088
- var css_248z$1e = ":root {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3C3838;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #71347b;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --ff-progress-bar-bg-color: #F0F0F0;\n --ff-machine-partial-public-status-color: #ea850e;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(10, 13, 39, 0.1647058824);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n}\n\n:root {\n --base-bg-color: #1e1a22;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n --file-details-bg: #0d0d0d;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --ff-progress-bar-bg-color: #F0F0F0;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3C3838;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347b;\n --avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #333234;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(207, 209, 226, 0.4431372549);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-search-field-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-active-status-color: #4caf50;\n --ff-machine-running-status-color: #2055de;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n}\n\n:root {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #434db8;\n --text-color: #3c3838;\n --description-text: #7a7a7a;\n --click-able-text-color: #434db8;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #434db8;\n --border-color: #c2d2fb;\n --disable-color: rgba(67, 77, 184, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: #e9ebfb;\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #434db8;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #434db8;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #434db8;\n --primary-button-color: linear-gradient(188.79deg, #434db8 2.94%, #434db8 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #434db8 3.49%, #434db8 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #434db8 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #434db8 3.04%, #434db8 100%);\n --secondary-button-color-text: #6f7070;\n --secondary-button-border: #6f7070;\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #1e161f;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(67, 77, 184, 0.1019607843);\n --file-dropzone-selected-color: rgba(67, 77, 184, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #434db8;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #434db8;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #ffffff;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #434db8;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #434db8;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #434db8;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #fcce46;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #808080;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #434db8;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #434db8;\n --ff-search-field-hover-color: #edecf8;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #434db8;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #434db8;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #1e161f;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #434db8;\n --ff-connecting-branch-modal-header: #434db8;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #434db8 0%, #434db8 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #434db8;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #edecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #434db8;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --excel-sheet-button-color: #e9b5ff;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #434db8 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n}\n\n.ff-light-theme {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3C3838;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #71347b;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --ff-progress-bar-bg-color: #F0F0F0;\n --ff-machine-partial-public-status-color: #ea850e;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(10, 13, 39, 0.1647058824);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n}\n\n.ff-dark-theme {\n --base-bg-color: #1e1a22;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n --file-details-bg: #0d0d0d;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --ff-progress-bar-bg-color: #F0F0F0;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3C3838;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347b;\n --avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #333234;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(207, 209, 226, 0.4431372549);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-search-field-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-active-status-color: #4caf50;\n --ff-machine-running-status-color: #2055de;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n}\n\n.ff-blue-theme {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #434db8;\n --text-color: #3c3838;\n --description-text: #7a7a7a;\n --click-able-text-color: #434db8;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #434db8;\n --border-color: #c2d2fb;\n --disable-color: rgba(67, 77, 184, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: #e9ebfb;\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #434db8;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #434db8;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #434db8;\n --primary-button-color: linear-gradient(188.79deg, #434db8 2.94%, #434db8 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #434db8 3.49%, #434db8 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #434db8 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #434db8 3.04%, #434db8 100%);\n --secondary-button-color-text: #6f7070;\n --secondary-button-border: #6f7070;\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #1e161f;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(67, 77, 184, 0.1019607843);\n --file-dropzone-selected-color: rgba(67, 77, 184, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #434db8;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #434db8;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #ffffff;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #434db8;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #434db8;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #434db8;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #fcce46;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #808080;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #434db8;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #434db8;\n --ff-search-field-hover-color: #edecf8;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #434db8;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #434db8;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #1e161f;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #434db8;\n --ff-connecting-branch-modal-header: #434db8;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #434db8 0%, #434db8 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #434db8;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #edecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #434db8;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --excel-sheet-button-color: #e9b5ff;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #434db8 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n}";
1091
+ var css_248z$1e = ":root {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3C3838;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #71347b;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --ff-progress-bar-bg-color: #F0F0F0;\n --ff-machine-partial-public-status-color: #ea850e;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(10, 13, 39, 0.1647058824);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n}\n\n:root {\n --base-bg-color: #1e1a22;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n --file-details-bg: #0d0d0d;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --ff-progress-bar-bg-color: #F0F0F0;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3C3838;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347b;\n --avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #333234;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(207, 209, 226, 0.4431372549);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-search-field-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-active-status-color: #4caf50;\n --ff-machine-running-status-color: #2055de;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n}\n\n:root {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #434db8;\n --text-color: #3c3838;\n --description-text: #7a7a7a;\n --click-able-text-color: #434db8;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #434db8;\n --border-color: #c2d2fb;\n --disable-color: rgba(67, 77, 184, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: #e9ebfb;\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #434db8;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #434db8;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #434db8;\n --primary-button-color: linear-gradient(188.79deg, #434db8 2.94%, #434db8 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #434db8 3.49%, #434db8 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #434db8 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #434db8 3.04%, #434db8 100%);\n --secondary-button-color-text: #6f7070;\n --secondary-button-border: #6f7070;\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #1e161f;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(67, 77, 184, 0.1019607843);\n --file-dropzone-selected-color: rgba(67, 77, 184, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #434db8;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #434db8;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #ffffff;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #434db8;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #434db8;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #434db8;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #fcce46;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #808080;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #434db8;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #434db8;\n --ff-search-field-hover-color: #edecf8;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #434db8;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #434db8;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #1e161f;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #434db8;\n --ff-connecting-branch-modal-header: #434db8;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #434db8 0%, #434db8 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #434db8;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #edecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #434db8;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --excel-sheet-button-color: #e9b5ff;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #434db8 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n}\n\n.ff-light-theme {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3C3838;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #71347b;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --ff-progress-bar-bg-color: #F0F0F0;\n --ff-machine-partial-public-status-color: #ea850e;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(10, 13, 39, 0.1647058824);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n}\n\n.ff-dark-theme {\n --base-bg-color: #1e1a22;\n --brand-color: #71347b;\n --dropdown-bg-color: rgba(113, 52, 123, 0.1529411765);\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n --file-details-bg: #0d0d0d;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #f9d5ff;\n --ff-chips-blur-color: rgba(87, 87, 87, 0.1019607843);\n --ff-chip-bg: rgba(255, 255, 255, 0.8980392157);\n --ff-chip-text-color: #1e161f;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --ff-progress-bar-bg-color: #F0F0F0;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --nlp-border-color: #efefef;\n --nlp-input-placeholder-color: #9a90a1;\n --nlp-background-color: rgba(89, 47, 124, 0.0588235294);\n --nlp-color: #592f7c;\n --nlp-pe-background: rgba(46, 158, 232, 0.0588235294);\n --nlp-pe-color: #2e9ee8;\n --nlp-step-group-background: rgba(238, 103, 13, 0.0588235294);\n --nlp-step-group-color: #ee670d;\n --nlp-hover-color: #f7ebff;\n --nlp-button-color: #efe1f9;\n --nlp-option-color: #3C3838;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #9c1ebb;\n --details-page-value-color: #808080;\n --label-edit-text-label-color: #71347b;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n --table-header-text-color: #252c37;\n --table-column-text-color: #200624;\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --ff-icon-hover-fill-color: #f7ecf8;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-icon-color-dark-variant: #ffffff;\n --avatar-background-color: #71347b;\n --avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #333234;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --excel-sheet-button-color: #e9b5ff;\n --excel-sheet-border: rgba(207, 209, 226, 0.4431372549);\n --excel-toolbar-bg: rgba(212, 176, 228, 0.1490196078);\n --excel-header-bg: #f4ecf8;\n --excel-header-border: #d8d4da;\n --excel-toolbar-divider: rgba(87, 87, 87, 0.2);\n --excel-sheet-header-background-color: #f3f0f5;\n --icon-hover-color: #f7ecf8;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-comment-input-border-color: #71347b;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-search-field-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-active-status-color: #4caf50;\n --ff-machine-running-status-color: #2055de;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --dynamic-card-border-color: #eeeaf2;\n --card-header-bg-color: rgba(89, 47, 124, 0.1019607843);\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n --ff-machine-input-field-border-color: #a3a3a3;\n --ff-machine-input-field-label-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n}\n\n.ff-blue-theme {\n --base-bg-color: #ffffff;\n --button-bg-color: #f6ebff;\n --brand-color: #434db8;\n --text-color: #3c3838;\n --description-text: #7a7a7a;\n --click-able-text-color: #434db8;\n --custom-table-header-bg-color: #efe1f9;\n --icons-default-color: #434db8;\n --border-color: #c2d2fb;\n --disable-color: rgba(67, 77, 184, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: #e9ebfb;\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #434db8;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --icon-color: #434db8;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #434db8;\n --primary-button-color: linear-gradient(188.79deg, #434db8 2.94%, #434db8 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #434db8 3.49%, #434db8 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #434db8 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #434db8 3.04%, #434db8 100%);\n --secondary-button-color-text: #6f7070;\n --secondary-button-border: #6f7070;\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(67, 77, 184, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(67, 77, 184, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #1e161f;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(67, 77, 184, 0.1019607843);\n --file-dropzone-selected-color: rgba(67, 77, 184, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n --ff-comment-input-border-color: #434db8;\n --ff-comment-avatar-text-color: #ffffff;\n --ff-comment-border-color: #d9d9d9;\n --ff-comment-text-color: #727272;\n --ff-error-light: #e42525;\n --ff-chips-fill-color: #434db8;\n --ff-chips-blur-color: #575757;\n --ff-chip-bg: #ffffff;\n --ff-chip-text-color: #ffffff;\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #434db8;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #434db8;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #434db8;\n --delete-text-color: #c50303;\n --confirm-tick-icon-color: #5ca700;\n --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #fcce46;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #808080;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #434db8;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #434db8;\n --ff-search-field-hover-color: #edecf8;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --sub-header-primary: #301349;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #434db8;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expires_soon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --variable-dropdown-bg: #ffffff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --dotted-border-color: #000000;\n --select-license-header-text-color: #5f2868;\n --in-active-button-color: #808080;\n --button-background-gradient-color: #434db8;\n --details-page-value-color: #808080;\n --table-header-text-color: #252c37;\n --table-column-text-color: #1e161f;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #434db8;\n --ff-connecting-branch-modal-header: #434db8;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n --ff-app-header-menu-border-bottom-color: #ffffff;\n --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #434db8 0%, #434db8 100%);\n --ff-delete-button-attachment: #a91224;\n --email-table-border-color: #959595;\n --label-edit-text-label-color: #434db8;\n --label-edit-text-background-color: #ffffff;\n --label-edit-error-text: #e42525;\n --label-edit-confirm-icon: #0dad66;\n --label-edit-cancel-icon: #e42525;\n --delete-icon-color: #e42525;\n --ff-icon-hover-fill-color: #edecf8;\n --ff-icon-color-dark-variant: #ffffff;\n --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n --ff-avatar-background-color: #434db8;\n --ff-avatar-icon-color: #ffffff;\n --ff-editor-line-bg: #f0e7f4;\n --ff-editor-gutter-color: #ded5e5;\n --ff-line-number-bg: #592f7c;\n --ff-line-number-color: #ffffff;\n --ff-editor-border-color: #f0e7f4;\n --ff-icon-hover-bg-color: #f7ecf8;\n --modal-background-color: rgba(18, 18, 18, 0.2);\n --modal-alert-header-color: #db1919;\n --ff-status-card-text-color: #ffffff;\n --ff-card-status-text-color: #8a8a8a;\n --ff-card-passed-status-bg-color: #179c5f;\n --ff-card-failed-status-bg-color: #9c1732;\n --ff-card-warning-status-bg-color: #e2750f;\n --ff-card-skipped-status-bg-color: #a83fc4;\n --ff-card-flaky-status-bg-color: #3f5ac4;\n --ff-toggle-switch-off-color: #4b494c;\n --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\n --excel-sheet-button-color: #e9b5ff;\n --icon-hover-color: #f7ecf8;\n --ff-search-icon-hover-color: #f7ecf8;\n --ff-search-filed-bg-color: #ffffff;\n --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #434db8 0%, #9c1ebb 100%);\n --download-client-border-color: #f0e7f4;\n --download-client-header-bg-color: #ede6f2;\n --download-client-content-text-color: #592f7c;\n --download-client-choose-os-text-color: #000000;\n --download-client-icon-container-border-color: #f0e7f4;\n --download-client-icon-container-bg-color: #ffffff;\n --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n --public-chip-bg-color: #f9d5ff;\n --partial-public-chip-bg-color: #fcc27d;\n --private-chip-bg-color: #dbc3ef;\n --disabled-chip-bg-color: #c4c3c3;\n --impact-list-text-color: #14041c;\n --impact-list-chip-text-color: #3d3c3e;\n --impact-list-chip-bg-color: #e3ccf5;\n --table-with-accordion-header-primary-bg: rgba(212, 176, 228, 0.1490196078);\n --table-with-accordion-icon-color: #1e161f;\n}";
1089
1092
  styleInject(css_248z$1e);
1090
1093
 
1091
1094
  const ThemeContext = /*#__PURE__*/React.createContext(undefined);
@@ -1481,9 +1484,10 @@ const Accordion = ({
1481
1484
  disableInfoMessage = '',
1482
1485
  accordionStateIconName = 'arrow_down',
1483
1486
  AccordionStateIconWidth = 12,
1484
- AccordionStateIconHeight = 8
1487
+ AccordionStateIconHeight = 8,
1488
+ isExpand
1485
1489
  }) => {
1486
- const [isAccordionExpanded, setIsAccordionExpanded] = React.useState(true);
1490
+ const [isAccordionExpanded, setIsAccordionExpanded] = React.useState(isExpand ?? true);
1487
1491
  const onAccordionClick = () => {
1488
1492
  setIsAccordionExpanded(!isAccordionExpanded);
1489
1493
  };
@@ -2398,6 +2402,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
2398
2402
  onBlur,
2399
2403
  onFocus,
2400
2404
  autoComplete = 'off',
2405
+ autoFocus = false,
2401
2406
  minValue = -Infinity,
2402
2407
  maxValue = Infinity,
2403
2408
  transparentBackground = false,
@@ -2416,10 +2421,10 @@ const Input = /*#__PURE__*/React.forwardRef(({
2416
2421
  'ff-input-container--disabled': !!disabled
2417
2422
  }),
2418
2423
  children: [isLabelRequired && jsxRuntime.jsxs("label", {
2419
- htmlFor: name,
2420
2424
  className: classNames(`ff-input-label-container ff-input-label-container--${size}`, {
2421
2425
  'ff-input-label-container--danger': !!error
2422
2426
  }),
2427
+ htmlFor: name,
2423
2428
  children: [required && jsxRuntime.jsx("span", {
2424
2429
  className: "required-asterisk",
2425
2430
  children: "*"
@@ -2452,6 +2457,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
2452
2457
  onFocus: onFocus,
2453
2458
  onBlur: onBlur,
2454
2459
  autoComplete: autoComplete,
2460
+ autoFocus: autoFocus,
2455
2461
  min: minValue,
2456
2462
  max: maxValue,
2457
2463
  ...props
@@ -9513,7 +9519,7 @@ const MiniModal = /*#__PURE__*/React.forwardRef(({
9513
9519
  }), document.body);
9514
9520
  });
9515
9521
 
9516
- var css_248z$O = ".tree-table-space-block {\n display: inline-block;\n width: 20px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n vertical-align: top;\n font-size: 19px;\n position: relative;\n box-sizing: border-box;\n border-radius: 50%;\n}\n.tree-table-space-block.btn-toggle {\n position: relative;\n cursor: pointer;\n width: 22px;\n height: 18px;\n z-index: 12;\n}\n.tree-table-space-block.btn-toggle::before {\n display: none;\n}\n.tree-table-space-block.last-block::after, .tree-table-space-block.no-folder::after {\n position: absolute;\n content: \"\";\n height: 1px;\n background: var(--tree-connecting-lines-color);\n top: 50%;\n margin-top: -1px;\n}\n.tree-table-space-block.last-block::after {\n width: 12px;\n left: -10px;\n}\n.tree-table-space-block.no-folder {\n width: 8px;\n}\n.tree-table-space-block.no-folder::after {\n width: 18px;\n left: -10px;\n}\n.tree-table-space-block:not(.last-block, .no-lines, .last-node)::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 40px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: 99;\n}\n.tree-table-space-block.last-node::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 12px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: -1;\n}\n\n.hidden {\n display: none;\n}\n\n.show {\n display: table-row;\n visibility: visible;\n}\n\n.btn-toggle {\n cursor: pointer;\n}\n.btn-toggle.is-close {\n background: #f1f1f1;\n border: 1px solid transparent;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n}\n.btn-toggle::before, .btn-toggle::after {\n display: none;\n}\n\n.tree-table-wrap {\n width: 100%;\n}\n\ntbody {\n overflow: scroll;\n height: 300px;\n}\n\n.tree-table {\n border: 1px solid #f1f1f1;\n table-layout: fixed;\n width: 100%;\n border-collapse: collapse;\n overflow: scroll;\n}\n.tree-table tr .table-tree-row-action {\n display: none;\n}\n.tree-table tr:hover {\n background-color: var(--hover-color);\n}\n.tree-table tr:hover td:first-child {\n background-color: var(--hover-color);\n}\n.tree-table tr:hover .table-tree-row-action {\n display: inline-flex;\n align-items: center;\n}\n.tree-table tr::after {\n content: \"\";\n display: block;\n visibility: hidden;\n clear: both;\n}\n.tree-table th,\n.tree-table td {\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.tree-table th {\n color: var(--brand-color);\n background: var(--slider-table-color);\n font-size: 13px;\n width: 400px;\n}\n.tree-table th:first-child {\n position: sticky;\n left: 0;\n}\n.tree-table td {\n font-size: 14px;\n color: var(--brand-color);\n height: 18px;\n}\n.tree-table td:first-child {\n overflow: initial;\n position: sticky;\n left: 0;\n background-color: white;\n}\n.tree-table td:first-child:hover {\n background-color: var(--hover-color);\n}\n\n.tree-table-td-content {\n display: inline-flex;\n align-items: center;\n padding-left: 8px;\n font-size: 12px;\n font-family: \"Poppins\", sans-serif;\n}\n\n.tree-row-expanded svg,\n.tree-row-collapsed svg {\n height: 12px;\n width: 12px;\n}\n.tree-row-expanded svg path,\n.tree-row-collapsed svg path {\n fill: var(--brand-color);\n}\n\n.tree-row-collapsed svg {\n transform: rotate(-90deg);\n transition: transform 0.3s ease;\n}\n\ntr:after {\n content: \" \";\n display: block;\n visibility: hidden;\n clear: both;\n}\n\n.tree-table-space-container {\n display: inline-flex;\n}\n\n.tree-title-container {\n display: inline-flex;\n align-items: center;\n}";
9522
+ var css_248z$O = ".tree-table-space-block {\n display: inline-block;\n width: 20px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n vertical-align: top;\n font-size: 19px;\n position: relative;\n box-sizing: border-box;\n border-radius: 50%;\n}\n.tree-table-space-block.btn-toggle {\n position: relative;\n cursor: pointer;\n width: 22px;\n height: 18px;\n z-index: 12;\n}\n.tree-table-space-block.btn-toggle::before {\n display: none;\n}\n.tree-table-space-block.last-block::after, .tree-table-space-block.no-folder::after {\n position: absolute;\n content: \"\";\n height: 1px;\n background: var(--tree-connecting-lines-color);\n top: 50%;\n margin-top: -1px;\n}\n.tree-table-space-block.last-block::after {\n width: 12px;\n left: -10px;\n}\n.tree-table-space-block.no-folder {\n width: 8px;\n}\n.tree-table-space-block.no-folder::after {\n width: 18px;\n left: -10px;\n}\n.tree-table-space-block:not(.last-block, .no-lines, .last-node)::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 40px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: 99;\n}\n.tree-table-space-block.last-node::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 12px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: -1;\n}\n\n.hidden {\n display: none;\n}\n\n.show {\n display: table-row;\n visibility: visible;\n}\n\n.btn-toggle {\n cursor: pointer;\n}\n.btn-toggle.is-close {\n background: #f1f1f1;\n border: 1px solid transparent;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n}\n.btn-toggle::before, .btn-toggle::after {\n display: none;\n}\n\n.tree-table-wrap {\n width: 100%;\n}\n\n.ff-table-tree-body {\n overflow: scroll;\n}\n\n.tree-table {\n border: 1px solid #f1f1f1;\n table-layout: fixed;\n width: 100%;\n border-collapse: collapse;\n overflow: scroll;\n}\n.tree-table tr .table-tree-row-action {\n display: none;\n}\n.tree-table tr:hover {\n background-color: var(--hover-color);\n}\n.tree-table tr:hover td:first-child {\n background-color: var(--hover-color);\n}\n.tree-table tr:hover .table-tree-row-action {\n display: inline-flex;\n align-items: center;\n}\n.tree-table tr::after {\n content: \"\";\n display: block;\n visibility: hidden;\n clear: both;\n}\n.tree-table th,\n.tree-table td {\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.tree-table th {\n color: var(--brand-color);\n background: var(--slider-table-color);\n font-size: 13px;\n width: 400px;\n}\n.tree-table th:first-child {\n position: sticky;\n left: 0;\n}\n.tree-table td {\n font-size: 14px;\n color: var(--brand-color);\n height: 18px;\n}\n.tree-table td:first-child {\n overflow: initial;\n position: sticky;\n left: 0;\n background-color: white;\n}\n.tree-table td:first-child:hover {\n background-color: var(--hover-color);\n}\n\n.tree-table-td-content {\n display: inline-flex;\n align-items: center;\n padding-left: 8px;\n font-size: 12px;\n font-family: \"Poppins\", sans-serif;\n}\n\n.tree-row-expanded svg,\n.tree-row-collapsed svg {\n height: 12px;\n width: 12px;\n}\n.tree-row-expanded svg path,\n.tree-row-collapsed svg path {\n fill: var(--brand-color);\n}\n\n.tree-row-collapsed svg {\n transform: rotate(-90deg);\n transition: transform 0.3s ease;\n}\n\n.tree-table-space-container {\n display: inline-flex;\n}\n\n.tree-title-container {\n display: inline-flex;\n align-items: center;\n}";
9517
9523
  styleInject(css_248z$O);
9518
9524
 
9519
9525
  const TableHead = /*#__PURE__*/React.memo(({
@@ -9573,12 +9579,12 @@ const TableCell = /*#__PURE__*/React.memo(({
9573
9579
  className: "tree-table-td-content",
9574
9580
  children: [col.isTree && select === 'checkbox' && jsxRuntime.jsx(Checkbox, {
9575
9581
  checked: selected.includes(node.id),
9576
- onChange: () => onCheckBoxChange('checkbox', node)
9582
+ onChange: e => onCheckBoxChange(e, node)
9577
9583
  }), col.isTree && select === 'radio' && jsxRuntime.jsx(RadioButton, {
9578
9584
  name: node.title,
9579
9585
  checked: selected.includes(node.id),
9580
9586
  value: node.id,
9581
- onChange: () => onCheckBoxChange('radio', node)
9587
+ onChange: e => onCheckBoxChange(e, node)
9582
9588
  }), prepareData(node, col)]
9583
9589
  })]
9584
9590
  }), col.actions && jsxRuntime.jsx("div", {
@@ -9624,6 +9630,7 @@ const TableBody = /*#__PURE__*/React.memo(({
9624
9630
  onToggleExpand,
9625
9631
  onCheckBoxChange
9626
9632
  }) => jsxRuntime.jsxs("tbody", {
9633
+ className: 'ff-table-tree-body',
9627
9634
  children: [jsxRuntime.jsx("tr", {
9628
9635
  id: "ff-table-tree-first-node"
9629
9636
  }), flattenedTreeData?.map(({
@@ -9649,19 +9656,6 @@ const TableBody = /*#__PURE__*/React.memo(({
9649
9656
  })]
9650
9657
  }));
9651
9658
 
9652
- const getAllChildIds = (nodeId, data) => {
9653
- let result = [nodeId];
9654
- // Traverse the tree and find children based on parentId
9655
- data.forEach(({
9656
- node
9657
- }) => {
9658
- if (node.parentId === nodeId) {
9659
- result = result.concat(getAllChildIds(node.id, data)); // Add children recursively
9660
- }
9661
- });
9662
- return result;
9663
- };
9664
-
9665
9659
  const functionCheck = functionToCheck => !checkEmpty(functionToCheck) && functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
9666
9660
 
9667
9661
  const TreeTable = ({
@@ -9692,22 +9686,9 @@ const TreeTable = ({
9692
9686
  }
9693
9687
  });
9694
9688
  const handleToggleExpand = React.useCallback(node => onExpand?.(true, node?.id), [onExpand]);
9695
- const handleCheckBoxChange = React.useCallback((type, node) => {
9696
- const nodeId = node.id;
9697
- if (type === 'radio') {
9698
- onChange?.('true', [nodeId]);
9699
- } else {
9700
- let updatedSelected = [...selected];
9701
- if (!updatedSelected.includes(nodeId)) {
9702
- const childIds = getAllChildIds(nodeId, treeData);
9703
- updatedSelected = [...new Set([...updatedSelected, ...childIds])]; // Add children
9704
- } else {
9705
- const childIds = getAllChildIds(nodeId, treeData);
9706
- updatedSelected = updatedSelected.filter(id => !childIds.includes(id));
9707
- }
9708
- onChange?.('true', updatedSelected);
9709
- }
9710
- }, [selected, treeData, onChange]);
9689
+ const handleCheckBoxChange = React.useCallback((e, node) => {
9690
+ onChange?.(e, node);
9691
+ }, [onChange]);
9711
9692
  const handleRowClick = React.useCallback((e, node) => onClick?.(e, node), [onClick]);
9712
9693
  return jsxRuntime.jsx("div", {
9713
9694
  className: "tree-table-wrap",
@@ -13311,6 +13292,53 @@ function setYear(date, year, options) {
13311
13292
  return date_;
13312
13293
  }
13313
13294
 
13295
+ const FIVE_WEEKS = 5;
13296
+ const FOUR_WEEKS = 4;
13297
+ /**
13298
+ * Return the number of weeks to display in the broadcast calendar.
13299
+ *
13300
+ * @since 9.4.0
13301
+ */
13302
+ function getBroadcastWeeksInMonth(month, dateLib) {
13303
+ // Get the first day of the month
13304
+ const firstDayOfMonth = dateLib.startOfMonth(month);
13305
+ // Get the day of the week for the first day of the month (1-7, where 1 is Monday)
13306
+ const firstDayOfWeek = firstDayOfMonth.getDay() > 0 ? firstDayOfMonth.getDay() : 7;
13307
+ const broadcastStartDate = dateLib.addDays(month, -firstDayOfWeek + 1);
13308
+ const lastDateOfLastWeek = dateLib.addDays(broadcastStartDate, FIVE_WEEKS * 7 - 1);
13309
+ const numberOfWeeks = month.getMonth() === lastDateOfLastWeek.getMonth() ? FIVE_WEEKS : FOUR_WEEKS;
13310
+ return numberOfWeeks;
13311
+ }
13312
+
13313
+ /**
13314
+ * Return the start date of the week in the broadcast calendar.
13315
+ *
13316
+ * @since 9.4.0
13317
+ */
13318
+ function startOfBroadcastWeek(date, dateLib) {
13319
+ const firstOfMonth = dateLib.startOfMonth(date);
13320
+ const dayOfWeek = firstOfMonth.getDay();
13321
+ if (dayOfWeek === 1) {
13322
+ return firstOfMonth;
13323
+ } else if (dayOfWeek === 0) {
13324
+ return dateLib.addDays(firstOfMonth, -1 * 6);
13325
+ } else {
13326
+ return dateLib.addDays(firstOfMonth, -1 * (dayOfWeek - 1));
13327
+ }
13328
+ }
13329
+
13330
+ /**
13331
+ * Return the end date of the week in the broadcast calendar.
13332
+ *
13333
+ * @since 9.4.0
13334
+ */
13335
+ function endOfBroadcastWeek(date, dateLib) {
13336
+ const startDate = startOfBroadcastWeek(date, dateLib);
13337
+ const numberOfWeeks = getBroadcastWeeksInMonth(date, dateLib);
13338
+ const endDate = dateLib.addDays(startDate, numberOfWeeks * 7 - 1);
13339
+ return endDate;
13340
+ }
13341
+
13314
13342
  /**
13315
13343
  * A wrapper class around [date-fns](http://date-fns.org) sharing the same
13316
13344
  * options. Methods of this class can be overridden using the
@@ -13391,6 +13419,15 @@ class DateLib {
13391
13419
  this.differenceInCalendarMonths = (dateLeft, dateRight) => {
13392
13420
  return this.overrides?.differenceInCalendarMonths ? this.overrides.differenceInCalendarMonths(dateLeft, dateRight) : differenceInCalendarMonths(dateLeft, dateRight);
13393
13421
  };
13422
+ /**
13423
+ * Returns the end of the broadcast week for the given date.
13424
+ *
13425
+ * @param date The original date.
13426
+ * @returns The end of the broadcast week.
13427
+ */
13428
+ this.endOfBroadcastWeek = date => {
13429
+ return this.overrides?.endOfBroadcastWeek ? this.overrides.endOfBroadcastWeek(date, this) : endOfBroadcastWeek(date, this);
13430
+ };
13394
13431
  /**
13395
13432
  * Returns the end of the ISO week for the given date.
13396
13433
  *
@@ -13552,6 +13589,15 @@ class DateLib {
13552
13589
  this.setYear = (date, year) => {
13553
13590
  return this.overrides?.setYear ? this.overrides.setYear(date, year) : setYear(date, year);
13554
13591
  };
13592
+ /**
13593
+ * Returns the start of the broadcast week for the given date.
13594
+ *
13595
+ * @param date The original date.
13596
+ * @returns The start of the broadcast week.
13597
+ */
13598
+ this.startOfBroadcastWeek = date => {
13599
+ return this.overrides?.startOfBroadcastWeek ? this.overrides.startOfBroadcastWeek(date, this) : startOfBroadcastWeek(date, this);
13600
+ };
13555
13601
  /**
13556
13602
  * Returns the start of the day for the given date.
13557
13603
  *
@@ -14137,7 +14183,8 @@ function getDataAttributes(props) {
14137
14183
  "data-mode": props.mode ?? undefined,
14138
14184
  "data-required": "required" in props ? props.required : undefined,
14139
14185
  "data-multiple-months": props.numberOfMonths && props.numberOfMonths > 1 || undefined,
14140
- "data-week-numbers": props.showWeekNumber || undefined
14186
+ "data-week-numbers": props.showWeekNumber || undefined,
14187
+ "data-broadcast-calendar": props.broadcastCalendar || undefined
14141
14188
  };
14142
14189
  Object.entries(props).forEach(([key, val]) => {
14143
14190
  if (key.startsWith("data-")) {
@@ -14203,7 +14250,7 @@ function formatDay(date, options, dateLib) {
14203
14250
  */
14204
14251
  function formatMonthDropdown(/** The month number to format. */
14205
14252
  monthNumber, /** The locale to use for formatting. */
14206
- locale = enUS) {
14253
+ locale) {
14207
14254
  return locale.localize?.month(monthNumber);
14208
14255
  }
14209
14256
 
@@ -14307,7 +14354,7 @@ function getMonthOptions(displayMonth, navStart, navEnd, formatters, dateLib) {
14307
14354
  return a - b;
14308
14355
  });
14309
14356
  const options = sortedMonths.map(value => {
14310
- const label = formatters.formatMonthDropdown(value, dateLib.options.locale);
14357
+ const label = formatters.formatMonthDropdown(value, dateLib.options.locale ?? enUS);
14311
14358
  const month = dateLib.Date ? new dateLib.Date(year, value) : new Date(year, value);
14312
14359
  const disabled = navStart && month < startOfMonth(navStart) || navEnd && month > startOfMonth(navEnd) || false;
14313
14360
  return {
@@ -14682,7 +14729,8 @@ function tzName(tz, date) {
14682
14729
  */
14683
14730
  function getWeekdays(/** The date library. */
14684
14731
  dateLib, /** Use ISOWeek instead of locale/ */
14685
- ISOWeek, timeZone) {
14732
+ ISOWeek, timeZone, /** @since 9.4.0 */
14733
+ broadcastCalendar) {
14686
14734
  const date = timeZone ? TZDate.tz(timeZone) : dateLib.Date ? new dateLib.Date() : new Date();
14687
14735
  const start = ISOWeek ? dateLib.startOfISOWeek(date) : dateLib.startOfWeek(date);
14688
14736
  const days = [];
@@ -14885,29 +14933,30 @@ var defaultLabels = /*#__PURE__*/Object.freeze({
14885
14933
  labelYearDropdown: labelYearDropdown
14886
14934
  });
14887
14935
 
14888
- /** The number of days in a month when having 6 weeks. */
14889
- const NrOfDaysWithFixedWeeks = 42;
14890
14936
  /** Return all the dates to display in the calendar. */
14891
14937
  function getDates(displayMonths, maxDate, props, dateLib) {
14892
14938
  const firstMonth = displayMonths[0];
14893
14939
  const lastMonth = displayMonths[displayMonths.length - 1];
14894
14940
  const {
14895
14941
  ISOWeek,
14896
- fixedWeeks
14942
+ fixedWeeks,
14943
+ broadcastCalendar
14897
14944
  } = props ?? {};
14898
14945
  const {
14899
- startOfWeek,
14900
- endOfWeek,
14901
- startOfISOWeek,
14902
- endOfISOWeek,
14903
14946
  addDays,
14904
14947
  differenceInCalendarDays,
14905
14948
  differenceInCalendarMonths,
14949
+ endOfBroadcastWeek,
14950
+ endOfISOWeek,
14951
+ endOfMonth,
14952
+ endOfWeek,
14906
14953
  isAfter,
14907
- endOfMonth
14954
+ startOfBroadcastWeek,
14955
+ startOfISOWeek,
14956
+ startOfWeek
14908
14957
  } = dateLib;
14909
- const startWeekFirstDate = ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
14910
- const endWeekLastDate = ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
14958
+ const startWeekFirstDate = broadcastCalendar ? startOfBroadcastWeek(firstMonth, dateLib) : ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
14959
+ const endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek(lastMonth, dateLib) : ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
14911
14960
  const nOfDays = differenceInCalendarDays(endWeekLastDate, startWeekFirstDate);
14912
14961
  const nOfMonths = differenceInCalendarMonths(lastMonth, firstMonth) + 1;
14913
14962
  const dates = [];
@@ -14919,9 +14968,11 @@ function getDates(displayMonths, maxDate, props, dateLib) {
14919
14968
  dates.push(date);
14920
14969
  }
14921
14970
  // If fixed weeks is enabled, add the extra dates to the array
14922
- const extraDates = NrOfDaysWithFixedWeeks * nOfMonths;
14971
+ const nrOfDaysWithFixedWeeks = broadcastCalendar ? 35 : 42;
14972
+ const extraDates = nrOfDaysWithFixedWeeks * nOfMonths;
14923
14973
  if (fixedWeeks && dates.length < extraDates) {
14924
- for (let i = 0; i < 7; i++) {
14974
+ const daysToAdd = extraDates - dates.length;
14975
+ for (let i = 0; i < daysToAdd; i++) {
14925
14976
  const date = addDays(dates[dates.length - 1], 1);
14926
14977
  dates.push(date);
14927
14978
  }
@@ -15032,25 +15083,29 @@ displayMonths, /** The dates to display in the calendar. */
15032
15083
  dates, /** Options from the props context. */
15033
15084
  props, dateLib) {
15034
15085
  const {
15035
- startOfWeek,
15036
- endOfWeek,
15037
- startOfISOWeek,
15086
+ addDays,
15087
+ endOfBroadcastWeek,
15038
15088
  endOfISOWeek,
15039
15089
  endOfMonth,
15040
- addDays,
15090
+ endOfWeek,
15091
+ getISOWeek,
15041
15092
  getWeek,
15042
- getISOWeek
15093
+ startOfBroadcastWeek,
15094
+ startOfISOWeek,
15095
+ startOfWeek
15043
15096
  } = dateLib;
15044
15097
  const dayPickerMonths = displayMonths.reduce((months, month) => {
15045
- const firstDateOfFirstWeek = props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
15046
- const lastDateOfLastWeek = props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
15098
+ const firstDateOfFirstWeek = props.broadcastCalendar ? startOfBroadcastWeek(month, dateLib) : props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
15099
+ const lastDateOfLastWeek = props.broadcastCalendar ? endOfBroadcastWeek(month, dateLib) : props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
15047
15100
  /** The dates to display in the month. */
15048
15101
  const monthDates = dates.filter(date => {
15049
15102
  return date >= firstDateOfFirstWeek && date <= lastDateOfLastWeek;
15050
15103
  });
15051
- if (props.fixedWeeks && monthDates.length < 42) {
15104
+ const nrOfDaysWithFixedWeeks = props.broadcastCalendar ? 35 : 42;
15105
+ if (props.fixedWeeks && monthDates.length < nrOfDaysWithFixedWeeks) {
15052
15106
  const extraDates = dates.filter(date => {
15053
- return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, 7);
15107
+ const daysToAdd = nrOfDaysWithFixedWeeks - monthDates.length;
15108
+ return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, daysToAdd);
15054
15109
  });
15055
15110
  monthDates.push(...extraDates);
15056
15111
  }
@@ -15488,27 +15543,30 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
15488
15543
  /** Return the next date that should be focused. */
15489
15544
  function getFocusableDate(moveBy, moveDir, refDate, navStart, navEnd, props, dateLib) {
15490
15545
  const {
15491
- ISOWeek
15546
+ ISOWeek,
15547
+ broadcastCalendar
15492
15548
  } = props;
15493
15549
  const {
15494
15550
  addDays,
15495
15551
  addMonths,
15496
- addYears,
15497
15552
  addWeeks,
15498
- startOfISOWeek,
15553
+ addYears,
15554
+ endOfBroadcastWeek,
15499
15555
  endOfISOWeek,
15500
- startOfWeek,
15501
15556
  endOfWeek,
15502
15557
  max,
15503
- min
15558
+ min,
15559
+ startOfBroadcastWeek,
15560
+ startOfISOWeek,
15561
+ startOfWeek
15504
15562
  } = dateLib;
15505
15563
  const moveFns = {
15506
15564
  day: addDays,
15507
15565
  week: addWeeks,
15508
15566
  month: addMonths,
15509
15567
  year: addYears,
15510
- startOfWeek: date => ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
15511
- endOfWeek: date => ISOWeek ? endOfISOWeek(date) : endOfWeek(date)
15568
+ startOfWeek: date => broadcastCalendar ? startOfBroadcastWeek(date, dateLib) : ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
15569
+ endOfWeek: date => broadcastCalendar ? endOfBroadcastWeek(date, dateLib) : ISOWeek ? endOfISOWeek(date) : endOfWeek(date)
15512
15570
  };
15513
15571
  let focusableDate = moveFns[moveBy](refDate, moveDir === "after" ? 1 : -1);
15514
15572
  if (moveDir === "before" && navStart) {
@@ -15574,6 +15632,8 @@ function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
15574
15632
  /**
15575
15633
  * Return a function to get the modifiers for a given day.
15576
15634
  *
15635
+ * NOTE: this is not an hook, but a factory for `getModifiers`.
15636
+ *
15577
15637
  * @private
15578
15638
  */
15579
15639
  function useGetModifiers(days, props, dateLib) {
@@ -15582,12 +15642,19 @@ function useGetModifiers(days, props, dateLib) {
15582
15642
  hidden,
15583
15643
  modifiers,
15584
15644
  showOutsideDays,
15645
+ broadcastCalendar,
15585
15646
  today
15586
15647
  } = props;
15587
15648
  const {
15588
15649
  isSameDay,
15589
- isSameMonth
15650
+ isSameMonth,
15651
+ startOfMonth,
15652
+ isBefore,
15653
+ endOfMonth,
15654
+ isAfter
15590
15655
  } = dateLib;
15656
+ const startMonth = props.startMonth && startOfMonth(props.startMonth);
15657
+ const endMonth = props.endMonth && endOfMonth(props.endMonth);
15591
15658
  const internalModifiersMap = {
15592
15659
  [DayFlag.focused]: [],
15593
15660
  [DayFlag.outside]: [],
@@ -15596,20 +15663,18 @@ function useGetModifiers(days, props, dateLib) {
15596
15663
  [DayFlag.today]: []
15597
15664
  };
15598
15665
  const customModifiersMap = {};
15599
- const selectionModifiersMap = {
15600
- [SelectionState.range_end]: [],
15601
- [SelectionState.range_middle]: [],
15602
- [SelectionState.range_start]: [],
15603
- [SelectionState.selected]: []
15604
- };
15605
15666
  for (const day of days) {
15606
15667
  const {
15607
15668
  date,
15608
15669
  displayMonth
15609
15670
  } = day;
15610
15671
  const isOutside = Boolean(displayMonth && !isSameMonth(date, displayMonth));
15672
+ const isBeforeStartMonth = Boolean(startMonth && isBefore(date, startMonth));
15673
+ const isAfterEndMonth = Boolean(endMonth && isAfter(date, endMonth));
15611
15674
  const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
15612
- const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || !showOutsideDays && isOutside;
15675
+ const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || isBeforeStartMonth || isAfterEndMonth ||
15676
+ // Broadcast calendar will show outside days as default
15677
+ !broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
15613
15678
  const isToday = isSameDay(date, today ?? (props.timeZone ? TZDate.tz(props.timeZone) : dateLib.Date ? new dateLib.Date() : new Date()));
15614
15679
  if (isOutside) internalModifiersMap.outside.push(day);
15615
15680
  if (isDisabled) internalModifiersMap.disabled.push(day);
@@ -15638,27 +15703,16 @@ function useGetModifiers(days, props, dateLib) {
15638
15703
  [DayFlag.outside]: false,
15639
15704
  [DayFlag.today]: false
15640
15705
  };
15641
- const selectionStates = {
15642
- [SelectionState.range_end]: false,
15643
- [SelectionState.range_middle]: false,
15644
- [SelectionState.range_start]: false,
15645
- [SelectionState.selected]: false
15646
- };
15647
15706
  const customModifiers = {};
15648
15707
  // Find the modifiers for the given day
15649
15708
  for (const name in internalModifiersMap) {
15650
15709
  const days = internalModifiersMap[name];
15651
15710
  dayFlags[name] = days.some(d => d === day);
15652
15711
  }
15653
- for (const name in selectionModifiersMap) {
15654
- const days = selectionModifiersMap[name];
15655
- selectionStates[name] = days.some(d => d === day);
15656
- }
15657
15712
  for (const name in customModifiersMap) {
15658
15713
  customModifiers[name] = customModifiersMap[name].some(d => d === day);
15659
15714
  }
15660
15715
  return {
15661
- ...selectionStates,
15662
15716
  ...dayFlags,
15663
15717
  // custom modifiers should override all the previous ones
15664
15718
  ...customModifiers
@@ -16063,7 +16117,7 @@ function DayPicker(props) {
16063
16117
  };
16064
16118
  const dateLib = new DateLib({
16065
16119
  locale,
16066
- weekStartsOn: props.weekStartsOn,
16120
+ weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
16067
16121
  firstWeekContainsDate: props.firstWeekContainsDate,
16068
16122
  useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
16069
16123
  useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens
@@ -16082,7 +16136,7 @@ function DayPicker(props) {
16082
16136
  ...props.classNames
16083
16137
  }
16084
16138
  };
16085
- }, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn]);
16139
+ }, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn, props.broadcastCalendar]);
16086
16140
  const {
16087
16141
  captionLayout,
16088
16142
  mode,
@@ -17835,7 +17889,7 @@ const TimePicker = ({
17835
17889
  });
17836
17890
  };
17837
17891
 
17838
- var css_248z$K = "@import 'react-day-picker/style.css';\n.fontXs, .ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8, .ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n/* Custom date picker styling */\n.ff-date-picker {\n position: relative;\n}\n.ff-date-picker .rdp-root {\n --rdp-accent-color: var(--brand-color);\n --rdp-day-height: 24px;\n --rdp-day-width: 36px;\n --rdp-day_button-height: 24px;\n --rdp-day_button-width: 36px;\n font-family: \"Poppins\";\n font-size: 12px;\n --rdp-font-family: \"Poppins\", sans-serif;\n}\n.ff-date-picker .ff-cursor-pointer {\n cursor: pointer;\n}\n.ff-date-picker .ff-datepicker-input-container {\n display: flex;\n gap: 10px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n padding: 4px 8px;\n padding-left: 2rem;\n height: 32px;\n border-radius: 5px;\n border: 1px solid var(--border-color);\n color: var(--status-skipped-text-color);\n line-height: 15px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input:focus,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-calendar-icon,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-clock-icon {\n position: absolute;\n top: 50%;\n transform: translate(25%, -50%);\n display: flex;\n align-items: center;\n pointer-events: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field {\n flex: 1;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input {\n width: 100%;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field {\n flex: 0 0 120px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field .ff-time-input {\n width: 100%;\n}\n.ff-date-picker .ff-date-picker-container {\n display: flex;\n flex-direction: column;\n position: absolute;\n border-radius: 8px;\n padding: 4px;\n box-sizing: border-box;\n background-color: var(--tab-bg-color);\n box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\n gap: 8px;\n z-index: 10;\n}\n.ff-date-picker .ff-date-picker-container .ff-calendar-container {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n height: 240px;\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls {\n padding: 4px;\n display: flex;\n justify-content: end;\n gap: 8px;\n border-top: 1px solid var(--border-color);\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls .ff-date-picker-button {\n font-weight: 600;\n line-height: 15px;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button {\n margin: 0 5px;\n border: 1px solid var(--border-color);\n background-color: var(--toggle-button-bg-color);\n box-shadow: 0 -1px 2px 0 var(--ff-mini-modal-box-shadow);\n padding: 0px;\n border-radius: 30%;\n cursor: pointer;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button:disabled {\n cursor: auto;\n opacity: 0.5;\n}\n.ff-date-picker .ff-calendar .ff-calendar-haeder {\n display: flex;\n align-items: center;\n gap: 5px;\n color: var(--text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid,\n.ff-date-picker .ff-calendar .ff-custom-month_grid {\n width: calc((var(--rdp-day-width) + 4px) * 7);\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n padding: 5px;\n max-width: 100%;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month {\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n border-radius: 8px;\n background-color: #f9f9f9;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--selected {\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--disabled,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--disabled,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--disabled,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--disabled {\n color: var(--text-color-light);\n cursor: default;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--disabled.ff-custom-month--selected, .ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--disabled.ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--disabled.ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--disabled.ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--disabled.ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--disabled.ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--disabled.ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--disabled.ff-custom-year--selected {\n background-color: var(--disable-color);\n}\n.ff-date-picker .ff-calendar .rdp-weekdays th {\n color: #6f7c8e;\n font-weight: 400;\n}\n.ff-date-picker .ff-calendar .rdp-day {\n padding: 2px;\n font-weight: 500;\n}\n.ff-date-picker .ff-calendar .rdp-day_button {\n border-radius: 4px;\n padding: 3px 9px;\n}\n.ff-date-picker .ff-calendar .rdp-day_button:hover {\n background-color: var(--hover-color);\n}\n.ff-date-picker .ff-calendar .rdp-selected {\n font: inherit;\n}\n.ff-date-picker .ff-calendar .rdp-selected .rdp-day_button {\n background: var(--rdp-accent-color);\n color: var(--drawer-footer-bg);\n border: none;\n}\n.ff-date-picker .ff-calendar .rdp-today:not(.rdp-outside) .rdp-day_button {\n border: 2px solid var(--rdp-accent-color);\n}\n.ff-date-picker .ff-time-picker-container {\n position: relative;\n width: 150px;\n height: 100%;\n overflow-y: hidden;\n border-left: 1px solid #ccc;\n padding: 10px 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container::-webkit-scrollbar {\n display: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields {\n display: flex;\n height: 14%;\n width: 100%;\n margin-bottom: 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container {\n display: flex;\n border: 1px solid var(--border-color);\n border-right: 0;\n border-radius: 4px 0 0 4px;\n width: 55%;\n position: relative;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n border: none;\n padding: 5px;\n width: 100%;\n text-align: center;\n border-radius: 4px 0 0 4px;\n font-weight: 400;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input-label {\n position: absolute;\n left: 10px;\n top: 50%;\n transform: translateY(-50%);\n transition: 0.2s ease all;\n color: var(--input-default-label-color);\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within {\n border-color: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--danger {\n border-color: var(--input-error-text-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container {\n position: relative;\n width: 45%;\n display: flex;\n border: 1px solid var(--border-color);\n border-radius: 0 4px 4px 0;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-select {\n display: flex;\n align-items: center;\n padding: 0 5px;\n width: 100%;\n border-radius: 4px;\n background-color: white;\n cursor: pointer;\n border: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container--active {\n border-color: var(--brand-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon {\n margin-left: auto;\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon svg path {\n fill: var(--default-icon-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover svg path {\n fill: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-options {\n position: fixed;\n z-index: 100;\n min-width: 60px;\n margin: 4px 0 0;\n padding: 0;\n list-style: none;\n border: 1px solid var(--ff-select-background-color);\n border-radius: 4px;\n background-color: var(--primary-button-text-color);\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item {\n padding: 8px;\n color: var(--text-color);\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item:hover {\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options {\n height: 86%;\n overflow-y: auto;\n padding-right: 5px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-track {\n background-color: var(--hover-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options .ff-time-option {\n padding: 10px 12px;\n cursor: pointer;\n text-align: center;\n border-radius: 8px;\n background-color: rgb(249, 249, 249);\n margin: 10px 0;\n}";
17892
+ var css_248z$K = "@import 'react-day-picker/style.css';\n.fontXs, .ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8, .ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n/* Custom date picker styling */\n.ff-date-picker {\n position: relative;\n}\n.ff-date-picker .rdp-root {\n --rdp-accent-color: var(--brand-color);\n --rdp-day-height: 24px;\n --rdp-day-width: 36px;\n --rdp-day_button-height: 24px;\n --rdp-day_button-width: 36px;\n font-family: \"Poppins\";\n font-size: 12px;\n --rdp-font-family: \"Poppins\", sans-serif;\n}\n.ff-date-picker .ff-cursor-pointer {\n cursor: pointer;\n}\n.ff-date-picker .ff-datepicker-input-container {\n display: flex;\n gap: 10px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n padding: 4px 8px;\n padding-left: 2rem;\n height: 32px;\n border-radius: 5px;\n border: 1px solid var(--border-color);\n color: var(--status-skipped-text-color);\n line-height: 15px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input:focus,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-calendar-icon,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-clock-icon {\n position: absolute;\n top: 50%;\n transform: translate(25%, -50%);\n display: flex;\n align-items: center;\n pointer-events: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field {\n flex: 1;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input {\n width: 100%;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field {\n flex: 0 0 120px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field .ff-time-input {\n width: 100%;\n}\n.ff-date-picker .ff-date-picker-container {\n display: flex;\n flex-direction: column;\n position: absolute;\n border-radius: 8px;\n padding: 4px;\n box-sizing: border-box;\n background-color: var(--tab-bg-color);\n box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\n gap: 8px;\n z-index: 10;\n}\n.ff-date-picker .ff-date-picker-container .ff-calendar-container {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n height: 240px;\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls {\n padding: 4px;\n display: flex;\n justify-content: end;\n gap: 8px;\n border-top: 1px solid var(--border-color);\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls .ff-date-picker-button {\n font-weight: 600;\n line-height: 15px;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button {\n margin: 0 5px;\n border: 1px solid var(--border-color);\n background-color: var(--toggle-button-bg-color);\n box-shadow: 0 -1px 2px 0 var(--ff-mini-modal-box-shadow);\n padding: 0px;\n border-radius: 30%;\n cursor: pointer;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button:disabled {\n cursor: auto;\n opacity: 0.5;\n}\n.ff-date-picker .ff-calendar .ff-calendar-haeder {\n display: flex;\n align-items: center;\n gap: 5px;\n color: var(--text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid,\n.ff-date-picker .ff-calendar .ff-custom-month_grid {\n width: calc((var(--rdp-day-width) + 4px) * 7);\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n padding: 5px;\n max-width: 100%;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month {\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n border-radius: 8px;\n background-color: #f9f9f9;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--selected {\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--disabled,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--disabled,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--disabled,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--disabled {\n color: var(--text-color-light);\n cursor: default;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--disabled.ff-custom-month--selected, .ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--disabled.ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--disabled.ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--disabled.ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--disabled.ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--disabled.ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--disabled.ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--disabled.ff-custom-year--selected {\n background-color: var(--disable-color);\n}\n.ff-date-picker .ff-calendar .rdp-weekdays th {\n color: #6f7c8e;\n font-weight: 400;\n}\n.ff-date-picker .ff-calendar .rdp-day {\n padding: 2px;\n font-weight: 500;\n}\n.ff-date-picker .ff-calendar .rdp-day_button {\n border-radius: 4px;\n padding: 3px 9px;\n}\n.ff-date-picker .ff-calendar .rdp-day_button:hover {\n background-color: var(--hover-color);\n}\n.ff-date-picker .ff-calendar .rdp-selected {\n font: inherit;\n}\n.ff-date-picker .ff-calendar .rdp-selected .rdp-day_button {\n background: var(--rdp-accent-color);\n color: var(--drawer-footer-bg);\n border: none;\n}\n.ff-date-picker .ff-calendar .rdp-today:not(.rdp-outside) .rdp-day_button {\n border: 2px solid var(--rdp-accent-color);\n}\n.ff-date-picker .ff-time-picker-container {\n position: relative;\n width: 150px;\n height: 100%;\n overflow-y: hidden;\n border-left: 1px solid #ccc;\n padding: 10px 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container::-webkit-scrollbar {\n display: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields {\n display: flex;\n height: 14%;\n width: 100%;\n margin-bottom: 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container {\n display: flex;\n border: 1px solid var(--border-color);\n border-right: 0;\n border-radius: 4px 0 0 4px;\n width: 55%;\n position: relative;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n border: none;\n padding: 5px;\n width: 100%;\n text-align: center;\n border-radius: 4px 0 0 4px;\n font-weight: 400;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input-label {\n position: absolute;\n left: 10px;\n top: 50%;\n transform: translateY(-50%);\n transition: 0.2s ease all;\n color: var(--input-default-label-color);\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within {\n border-color: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--danger {\n border-color: var(--input-error-text-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container {\n position: relative;\n width: 45%;\n display: flex;\n border: 1px solid var(--border-color);\n border-radius: 0 4px 4px 0;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-select {\n display: flex;\n align-items: center;\n padding: 0 5px;\n width: 100%;\n border-radius: 4px;\n background-color: white;\n cursor: pointer;\n border: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container--active {\n border-color: var(--brand-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon {\n margin-left: auto;\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon svg path {\n fill: var(--default-icon-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover svg path {\n fill: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-options {\n position: fixed;\n z-index: 100;\n min-width: 60px;\n margin: 4px 0 0;\n padding: 0;\n list-style: none;\n border: 1px solid var(--ff-select-background-color);\n border-radius: 4px;\n background-color: var(--primary-button-text-color);\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item {\n padding: 8px;\n color: var(--text-color);\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item:hover {\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options {\n height: 86%;\n overflow-y: auto;\n padding-right: 5px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-track {\n background-color: var(--hover-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options .ff-time-option {\n padding: 10px 12px;\n cursor: pointer;\n text-align: center;\n border-radius: 8px;\n background-color: rgb(249, 249, 249);\n margin: 10px 0;\n}\n\n/* Variables declaration */\n/* prettier-ignore */\n.rdp-root {\n --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */\n --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */\n --rdp-font-family: system-ui; /* The font family used by the calendar. Note that `inherit`does not work here. */\n --rdp-day-font: inherit; /* The font used for the day cells. */\n --rdp-day-height: 2.75rem; /* The height of the day cells. */\n --rdp-day-width: 2.75rem; /* The width of the day cells. */\n --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */\n --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */\n --rdp-day_button-height: var(--rdp-day-height); /* The height of the day cells. */\n --rdp-day_button-width: var(--rdp-day-width); /* The width of the day cells. */\n --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */\n --rdp-selected-font: bold large var(--rdp-font-family); /* The font of the selected days. */\n --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */\n --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */\n --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */\n --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */\n --rdp-month_caption-font: bold larger var(--rdp-font-family); /* The font of the month caption. */\n --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */\n --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */\n --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */\n --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */\n --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */\n --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */\n --rdp-range_middle-font: normal medium var(--rdp-font-family); /* The font for days in the middle of a range. */\n --rdp-range_middle-foreground-color: white; /* The font for days in the middle of a range. */\n --rdp-range_middle-color: inherit; /* The color of the range text. */\n --rdp-range_start-color: white; /* The color of the range text. */\n --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%); /* Used for the background of the start of the selected range. */\n --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */\n --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%); /* Used for the background of the end of the selected range. */\n --rdp-range_end-color: white; /* The color of the range text. */\n --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */\n --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */\n --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */\n --rdp-week_number-font: 400 small var(--rdp-font-family); /* The font of the week number cells. */\n --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */\n --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */\n --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */\n --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */\n --rdp-weekday-font: 500 smaller var(--rdp-font-family); /* The font of the weekday. */\n --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */\n --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */\n --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */\n --rdp-gradient-direction: 90deg;\n}\n\n.rdp-root[dir=rtl] {\n --rdp-gradient-direction: -90deg;\n}\n\n/* Root of the component. */\n.rdp-root {\n position: relative; /* Required to position the navigation toolbar. */\n box-sizing: border-box;\n}\n\n.rdp-root * {\n box-sizing: border-box;\n}\n\n.rdp-day {\n width: var(--rdp-day-width);\n height: var(--rdp-day-height);\n font: var(--rdp-day-font);\n text-align: center;\n}\n\n.rdp-day_button {\n background: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n font: inherit;\n color: inherit;\n justify-content: center;\n align-items: center;\n display: flex;\n width: var(--rdp-day_button-width);\n height: var(--rdp-day_button-height);\n border: var(--rdp-day_button-border);\n border-radius: var(--rdp-day_button-border-radius);\n}\n\n.rdp-day_button:disabled {\n cursor: revert;\n}\n\n.rdp-caption_label {\n z-index: 1;\n position: relative;\n display: inline-flex;\n align-items: center;\n white-space: nowrap;\n border: 0;\n}\n\n.rdp-button_next,\n.rdp-button_previous {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n font: inherit;\n color: inherit;\n -moz-appearance: none;\n -webkit-appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n appearance: none;\n width: var(--rdp-nav_button-width);\n height: var(--rdp-nav_button-height);\n}\n\n.rdp-button_next:disabled,\n.rdp-button_previous:disabled {\n cursor: revert;\n opacity: var(--rdp-nav_button-disabled-opacity);\n}\n\n.rdp-chevron {\n display: inline-block;\n fill: var(--rdp-accent-color);\n}\n\n.rdp-root[dir=rtl] .rdp-nav .rdp-chevron {\n transform: rotate(180deg);\n}\n\n.rdp-root[dir=rtl] .rdp-nav .rdp-chevron {\n transform: rotate(180deg);\n transform-origin: 50%;\n}\n\n.rdp-dropdowns {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: var(--rdp-dropdown-gap);\n}\n\n.rdp-dropdown {\n z-index: 2;\n /* Reset */\n opacity: 0;\n appearance: none;\n position: absolute;\n inset-block-start: 0;\n inset-block-end: 0;\n inset-inline-start: 0;\n width: 100%;\n margin: 0;\n padding: 0;\n cursor: inherit;\n border: none;\n line-height: inherit;\n}\n\n.rdp-dropdown_root {\n position: relative;\n display: inline-flex;\n align-items: center;\n}\n\n.rdp-dropdown_root[data-disabled=true] .rdp-chevron {\n opacity: var(--rdp-disabled-opacity);\n}\n\n.rdp-month_caption {\n display: flex;\n align-content: center;\n height: var(--rdp-nav-height);\n font: var(--rdp-month_caption-font);\n}\n\n.rdp-months {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n gap: var(--rdp-months-gap);\n max-width: fit-content;\n}\n\n.rdp-month_grid {\n border-collapse: collapse;\n}\n\n.rdp-nav {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n display: flex;\n align-items: center;\n height: var(--rdp-nav-height);\n}\n\n.rdp-weekday {\n opacity: var(--rdp-weekday-opacity);\n padding: var(--rdp-weekday-padding);\n font: var(--rdp-weekday-font);\n text-align: var(--rdp-weekday-text-align);\n text-transform: var(--rdp-weekday-text-transform);\n}\n\n.rdp-week_number {\n opacity: var(--rdp-week_number-opacity);\n font: var(--rdp-week_number-font);\n height: var(--rdp-week_number-height);\n width: var(--rdp-week_number-width);\n border: var(--rdp-week_number-border);\n border-radius: var(--rdp-week_number-border-radius);\n text-align: var(--rdp-weeknumber-text-align);\n}\n\n/* DAY MODIFIERS */\n.rdp-today:not(.rdp-outside) {\n color: var(--rdp-today-color);\n}\n\n.rdp-selected {\n font: var(--rdp-selected-font);\n}\n\n.rdp-selected .rdp-day_button {\n border: var(--rdp-selected-border);\n}\n\n.rdp-outside {\n opacity: var(--rdp-outside-opacity);\n}\n\n.rdp-disabled {\n opacity: var(--rdp-disabled-opacity);\n}\n\n.rdp-hidden {\n visibility: hidden;\n color: var(--rdp-range_start-color);\n}\n\n.rdp-range_start {\n background: var(--rdp-range_start-background);\n}\n\n.rdp-range_start .rdp-day_button {\n background-color: var(--rdp-range_start-date-background-color);\n color: var(--rdp-range_start-color);\n}\n\n.rdp-range_middle {\n background-color: var(--rdp-range_middle-background-color);\n font: var(--rdp-range_middle-font);\n}\n\n.rdp-range_middle .rdp-day_button {\n border-color: transparent;\n border: unset;\n border-radius: unset;\n color: var(--rdp-range_middle-color);\n}\n\n.rdp-range_end {\n background: var(--rdp-range_end-background);\n color: var(--rdp-range_end-color);\n}\n\n.rdp-range_end .rdp-day_button {\n color: var(--rdp-range_start-color);\n background-color: var(--rdp-range_end-date-background-color);\n}\n\n.rdp-range_start.rdp-range_end {\n background: revert;\n}\n\n.rdp-focusable {\n cursor: pointer;\n}";
17839
17893
  styleInject(css_248z$K);
17840
17894
 
17841
17895
  const CustomDatePicker = ({
@@ -18860,6 +18914,8 @@ function LiveRegion(_ref) {
18860
18914
  // Hide element visually but keep it readable by screen readers
18861
18915
  const visuallyHidden = {
18862
18916
  position: 'fixed',
18917
+ top: 0,
18918
+ left: 0,
18863
18919
  width: 1,
18864
18920
  height: 1,
18865
18921
  margin: -1,
@@ -20152,6 +20208,9 @@ class AbstractPointerSensor {
20152
20208
  passive: false
20153
20209
  });
20154
20210
  this.listeners.add(events.end.name, this.handleEnd);
20211
+ if (events.cancel) {
20212
+ this.listeners.add(events.cancel.name, this.handleCancel);
20213
+ }
20155
20214
  this.windowListeners.add(EventName.Resize, this.handleCancel);
20156
20215
  this.windowListeners.add(EventName.DragStart, preventDefault);
20157
20216
  this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
@@ -20271,6 +20330,9 @@ class AbstractPointerSensor {
20271
20330
  }
20272
20331
  }
20273
20332
  const events = {
20333
+ cancel: {
20334
+ name: 'pointercancel'
20335
+ },
20274
20336
  move: {
20275
20337
  name: 'pointermove'
20276
20338
  },
@@ -20343,6 +20405,9 @@ MouseSensor.activators = [{
20343
20405
  }
20344
20406
  }];
20345
20407
  const events$2 = {
20408
+ cancel: {
20409
+ name: 'touchcancel'
20410
+ },
20346
20411
  move: {
20347
20412
  name: 'touchmove'
20348
20413
  },
@@ -20544,11 +20609,11 @@ function useScrollIntent(_ref2) {
20544
20609
  }, [disabled, delta, previousDelta]);
20545
20610
  }
20546
20611
  function useCachedNode(draggableNodes, id) {
20547
- const draggableNode = id !== null ? draggableNodes.get(id) : undefined;
20612
+ const draggableNode = id != null ? draggableNodes.get(id) : undefined;
20548
20613
  const node = draggableNode ? draggableNode.node.current : null;
20549
20614
  return useLazyMemo(cachedNode => {
20550
20615
  var _ref;
20551
- if (id === null) {
20616
+ if (id == null) {
20552
20617
  return null;
20553
20618
  } // In some cases, the draggable node can unmount while dragging
20554
20619
  // This is the case for virtualized lists. In those situations,
@@ -20756,7 +20821,26 @@ function useRect(element, measure, fallbackRect) {
20756
20821
  if (measure === void 0) {
20757
20822
  measure = defaultMeasure;
20758
20823
  }
20759
- const [rect, measureRect] = React.useReducer(reducer, null);
20824
+ const [rect, setRect] = React.useState(null);
20825
+ function measureRect() {
20826
+ setRect(currentRect => {
20827
+ if (!element) {
20828
+ return null;
20829
+ }
20830
+ if (element.isConnected === false) {
20831
+ var _ref;
20832
+
20833
+ // Fall back to last rect we measured if the element is
20834
+ // no longer connected to the DOM.
20835
+ return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
20836
+ }
20837
+ const newRect = measure(element);
20838
+ if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
20839
+ return currentRect;
20840
+ }
20841
+ return newRect;
20842
+ });
20843
+ }
20760
20844
  const mutationObserver = useMutationObserver({
20761
20845
  callback(records) {
20762
20846
  if (!element) {
@@ -20791,23 +20875,6 @@ function useRect(element, measure, fallbackRect) {
20791
20875
  }
20792
20876
  }, [element]);
20793
20877
  return rect;
20794
- function reducer(currentRect) {
20795
- if (!element) {
20796
- return null;
20797
- }
20798
- if (element.isConnected === false) {
20799
- var _ref;
20800
-
20801
- // Fall back to last rect we measured if the element is
20802
- // no longer connected to the DOM.
20803
- return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
20804
- }
20805
- const newRect = measure(element);
20806
- if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
20807
- return currentRect;
20808
- }
20809
- return newRect;
20810
- }
20811
20878
  }
20812
20879
  function useRectDelta(rect) {
20813
20880
  const initialRect = useInitialValue(rect);
@@ -20953,28 +21020,24 @@ function useRects(elements, measure) {
20953
21020
  }
20954
21021
  const [firstElement] = elements;
20955
21022
  const windowRect = useWindowRect(firstElement ? getWindow(firstElement) : null);
20956
- const [rects, measureRects] = React.useReducer(reducer, defaultValue$2);
21023
+ const [rects, setRects] = React.useState(defaultValue$2);
21024
+ function measureRects() {
21025
+ setRects(() => {
21026
+ if (!elements.length) {
21027
+ return defaultValue$2;
21028
+ }
21029
+ return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
21030
+ });
21031
+ }
20957
21032
  const resizeObserver = useResizeObserver({
20958
21033
  callback: measureRects
20959
21034
  });
20960
- if (elements.length > 0 && rects === defaultValue$2) {
20961
- measureRects();
20962
- }
20963
21035
  useIsomorphicLayoutEffect$1(() => {
20964
- if (elements.length) {
20965
- elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
20966
- } else {
20967
- resizeObserver == null ? void 0 : resizeObserver.disconnect();
20968
- measureRects();
20969
- }
21036
+ resizeObserver == null ? void 0 : resizeObserver.disconnect();
21037
+ measureRects();
21038
+ elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
20970
21039
  }, [elements]);
20971
21040
  return rects;
20972
- function reducer() {
20973
- if (!elements.length) {
20974
- return defaultValue$2;
20975
- }
20976
- return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
20977
- }
20978
21041
  }
20979
21042
  function getMeasurableNode(node) {
20980
21043
  if (!node) {
@@ -21141,7 +21204,7 @@ function reducer$1(state, action) {
21141
21204
  }
21142
21205
  };
21143
21206
  case Action.DragMove:
21144
- if (!state.draggable.active) {
21207
+ if (state.draggable.active == null) {
21145
21208
  return state;
21146
21209
  }
21147
21210
  return {
@@ -21413,7 +21476,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21413
21476
  containers: droppableContainers
21414
21477
  }
21415
21478
  } = state;
21416
- const node = activeId ? draggableNodes.get(activeId) : null;
21479
+ const node = activeId != null ? draggableNodes.get(activeId) : null;
21417
21480
  const activeRects = React.useRef({
21418
21481
  initial: null,
21419
21482
  translated: null
@@ -21448,7 +21511,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21448
21511
  const autoScrollOptions = getAutoScrollerOptions();
21449
21512
  const initialActiveNodeRect = useInitialRect(activeNode, measuringConfiguration.draggable.measure);
21450
21513
  useLayoutShiftScrollCompensation({
21451
- activeNode: activeId ? draggableNodes.get(activeId) : null,
21514
+ activeNode: activeId != null ? draggableNodes.get(activeId) : null,
21452
21515
  config: autoScrollOptions.layoutShiftCompensation,
21453
21516
  initialRect: initialActiveNodeRect,
21454
21517
  measure: measuringConfiguration.draggable.measure
@@ -21526,6 +21589,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21526
21589
 
21527
21590
  const appliedTranslate = usesDragOverlay ? modifiedTranslate : add(modifiedTranslate, activeNodeScrollDelta);
21528
21591
  const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? void 0 : over.rect) != null ? _over$rect : null, activeNodeRect);
21592
+ const activeSensorRef = React.useRef(null);
21529
21593
  const instantiateSensor = React.useCallback((event, _ref2) => {
21530
21594
  let {
21531
21595
  sensor: Sensor,
@@ -21560,6 +21624,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21560
21624
  onDragStart
21561
21625
  } = latestProps.current;
21562
21626
  const event = {
21627
+ activatorEvent,
21563
21628
  active: {
21564
21629
  id,
21565
21630
  data: draggableNode.data,
@@ -21578,6 +21643,8 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21578
21643
  type: 'onDragStart',
21579
21644
  event
21580
21645
  });
21646
+ setActiveSensor(activeSensorRef.current);
21647
+ setActivatorEvent(activatorEvent);
21581
21648
  });
21582
21649
  },
21583
21650
  onMove(coordinates) {
@@ -21589,10 +21656,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21589
21656
  onEnd: createHandler(Action.DragEnd),
21590
21657
  onCancel: createHandler(Action.DragCancel)
21591
21658
  });
21592
- reactDom.unstable_batchedUpdates(() => {
21593
- setActiveSensor(sensorInstance);
21594
- setActivatorEvent(event.nativeEvent);
21595
- });
21659
+ activeSensorRef.current = sensorInstance;
21596
21660
  function createHandler(type) {
21597
21661
  return async function handler() {
21598
21662
  const {
@@ -21629,6 +21693,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21629
21693
  setOver(null);
21630
21694
  setActiveSensor(null);
21631
21695
  setActivatorEvent(null);
21696
+ activeSensorRef.current = null;
21632
21697
  const eventName = type === Action.DragEnd ? 'onDragEnd' : 'onDragCancel';
21633
21698
  if (event) {
21634
21699
  const handler = latestProps.current[eventName];
@@ -21850,7 +21915,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21850
21915
  });
21851
21916
  const NullContext = /*#__PURE__*/React.createContext(null);
21852
21917
  const defaultRole = 'button';
21853
- const ID_PREFIX$1 = 'Droppable';
21918
+ const ID_PREFIX$1 = 'Draggable';
21854
21919
  function useDraggable(_ref) {
21855
21920
  let {
21856
21921
  id,
@@ -21997,7 +22062,7 @@ function useDroppable(_ref) {
21997
22062
  resizeObserverConnected.current = false;
21998
22063
  resizeObserver.observe(nodeRef.current);
21999
22064
  }, [nodeRef, resizeObserver]);
22000
- useIsomorphicLayoutEffect$1(() => {
22065
+ React.useEffect(() => {
22001
22066
  dispatch({
22002
22067
  type: Action.RegisterDroppable,
22003
22068
  element: {
@@ -22412,6 +22477,7 @@ var DNDCore = /*#__PURE__*/Object.freeze({
22412
22477
  defaultCoordinates: defaultCoordinates,
22413
22478
  defaultDropAnimation: defaultDropAnimationConfiguration,
22414
22479
  defaultDropAnimationSideEffects: defaultDropAnimationSideEffects,
22480
+ defaultKeyboardCoordinateGetter: defaultKeyboardCoordinateGetter,
22415
22481
  defaultScreenReaderInstructions: defaultScreenReaderInstructions,
22416
22482
  getClientRect: getClientRect,
22417
22483
  getFirstCollision: getFirstCollision,
@@ -26685,7 +26751,7 @@ const IconRadioGroup = ({
26685
26751
  });
26686
26752
  };
26687
26753
 
26688
- var css_248z$x = ".ff-machine-input-field-wrapper {\n min-width: 100px;\n height: 32px;\n position: relative;\n cursor: pointer;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse {\n height: 100%;\n width: 100%;\n border: 1px solid var(--ff-machine-input-field-border-color);\n padding: 0 8px 0 0;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse {\n display: flex;\n align-items: center;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-icon {\n margin-left: 4px;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-text,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text {\n max-width: fit-content;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse {\n direction: ltr;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse {\n flex-direction: row-reverse;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse {\n flex-direction: row-reverse;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-label {\n position: absolute;\n top: -6px;\n left: 8px;\n background-color: var(--ff-machine-input-field-border-color);\n border-radius: 4px;\n padding: 1px 2px;\n height: 12px;\n}";
26754
+ var css_248z$x = ".ff-machine-input-field-wrapper {\n min-width: 100px;\n height: 32px;\n position: relative;\n cursor: pointer;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse {\n height: 100%;\n width: 100%;\n border: 1px solid var(--ff-machine-input-field-border-color);\n padding: 0 8px 0 0;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field:hover,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse:hover {\n border-color: var(--ff-connecting-branch-color);\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse {\n display: flex;\n align-items: center;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-icon {\n margin-left: 4px;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-text,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text {\n max-width: fit-content;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse {\n direction: ltr;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse {\n flex-direction: row-reverse;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse {\n flex-direction: row-reverse;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-label {\n position: absolute;\n top: -6px;\n left: 8px;\n background-color: var(--ff-machine-input-field-label-color);\n border-radius: 4px;\n padding: 1px 2px;\n height: 12px;\n}";
26689
26755
  styleInject(css_248z$x);
26690
26756
 
26691
26757
  const MachineInputField = ({
@@ -26703,6 +26769,7 @@ const MachineInputField = ({
26703
26769
  sauceLabs: 'sause_lab',
26704
26770
  lambdaTest: 'lambda_icon',
26705
26771
  mac: 'mac_icon',
26772
+ mac_icon: 'mac_icon',
26706
26773
  android: 'android_icon',
26707
26774
  linux: 'linux',
26708
26775
  'google chrome': 'chrome_icon',
@@ -26774,7 +26841,8 @@ const Branches = ({
26774
26841
  onUpdateAddBrowserInstance,
26775
26842
  addInstanceLabel = '',
26776
26843
  scriptType = '',
26777
- projectType = ''
26844
+ projectType = '',
26845
+ readOnly
26778
26846
  }) => {
26779
26847
  const evenRow = rowIndex % 2 === 0;
26780
26848
  const lastMachineInstance = checkEmpty(machineInstances[machineColumnCount - 1]);
@@ -26891,39 +26959,41 @@ const Branches = ({
26891
26959
  runCount: numberOfRuns,
26892
26960
  options: getMachineLabelOptionList(projectType, machineInstance),
26893
26961
  contentReverse: !evenRow,
26894
- modalId: `${machineInstanceId}-runCount-${numberOfRuns}`,
26962
+ modalId: `${machineInstanceId}-runCount-${numberOfRuns - 1}`,
26895
26963
  onClick: () => onUpdateAddBrowserInstance(`${machineInstanceId}-runCount-0`, machineInstance)
26896
26964
  }, ffid())]
26897
- }), jsxRuntime.jsxs("div", {
26965
+ }), !readOnly && jsxRuntime.jsxs("div", {
26898
26966
  className: classNames({
26899
26967
  'ff-connecting-branch-datalist': evenRow,
26900
26968
  'ff-connecting-branch-datalist-reverse': !evenRow
26901
26969
  }),
26902
- children: [hideDataSet && jsxRuntime.jsxs("div", {
26903
- id: `ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`,
26904
- className: "ff-dataset-list-branch",
26905
- onClick: () => onUpdateDataSetList(`ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`, {
26906
- peVariableSetId: peVariableSetId,
26907
- globalVariableSetId: globalVariableSetId,
26908
- testDataSetId: testDataSetId
26909
- }, true, numberOfRuns, machineInstanceId),
26910
- children: [jsxRuntime.jsx(Icon, {
26911
- name: "datalist_icon",
26912
- className: "ff-connecting-icon"
26970
+ children: [hideDataSet && jsxRuntime.jsxs(jsxRuntime.Fragment, {
26971
+ children: [jsxRuntime.jsxs("div", {
26972
+ id: `ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`,
26973
+ className: "ff-dataset-list-branch",
26974
+ onClick: () => onUpdateDataSetList(`ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`, {
26975
+ peVariableSetId: peVariableSetId,
26976
+ globalVariableSetId: globalVariableSetId,
26977
+ testDataSetId: testDataSetId
26978
+ }, true, numberOfRuns, machineInstanceId),
26979
+ children: [jsxRuntime.jsx(Icon, {
26980
+ name: "datalist_icon",
26981
+ className: "ff-connecting-icon"
26982
+ }), jsxRuntime.jsx(Typography, {
26983
+ className: "ff-connecting-text",
26984
+ color: "var(--ff-connecting-branch-color)",
26985
+ children: "Dataset List"
26986
+ })]
26987
+ }), jsxRuntime.jsx(Icon, {
26988
+ name: "plus_icon",
26989
+ className: "ff-connecting-icon",
26990
+ onClick: () => onAddRunBrowser(machineInstanceId),
26991
+ color: "var(--ff-connecting-branch-color)"
26913
26992
  }), jsxRuntime.jsx(Typography, {
26914
26993
  className: "ff-connecting-text",
26915
26994
  color: "var(--ff-connecting-branch-color)",
26916
- children: "Dataset List"
26995
+ children: "Run"
26917
26996
  })]
26918
- }), jsxRuntime.jsx(Icon, {
26919
- name: "plus_icon",
26920
- className: "ff-connecting-icon",
26921
- onClick: () => onAddRunBrowser(machineInstanceId),
26922
- color: "var(--ff-connecting-branch-color)"
26923
- }), jsxRuntime.jsx(Typography, {
26924
- className: "ff-connecting-text",
26925
- color: "var(--ff-connecting-branch-color)",
26926
- children: "Run"
26927
26997
  }), jsxRuntime.jsx(Icon, {
26928
26998
  name: "delete",
26929
26999
  className: "ff-connecting-delete-icon",
@@ -26981,7 +27051,8 @@ const ConnectingBranches = ({
26981
27051
  onUpdateAddBrowserInstance,
26982
27052
  addInstanceLabel = '',
26983
27053
  scriptType = '',
26984
- projectType = 'Web'
27054
+ projectType = 'Web',
27055
+ readOnly = false
26985
27056
  }) => {
26986
27057
  const [machineInstance, setMachineInstance] = React.useState(machineBranchInstances);
26987
27058
  React.useEffect(() => {
@@ -27012,7 +27083,8 @@ const ConnectingBranches = ({
27012
27083
  onUpdateAddBrowserInstance: onUpdateAddBrowserInstance,
27013
27084
  addInstanceLabel: addInstanceLabel,
27014
27085
  scriptType: scriptType,
27015
- projectType: projectType
27086
+ projectType: projectType,
27087
+ readOnly: readOnly
27016
27088
  })
27017
27089
  }, ffid()))
27018
27090
  });
@@ -27038,7 +27110,8 @@ const SequentialConnectingBranch = ({
27038
27110
  onUpdateAddBrowserInstance = () => {},
27039
27111
  addInstanceLabel = 'Add Environment',
27040
27112
  scriptType = 'Automation',
27041
- projectType = 'Web'
27113
+ projectType = 'Web',
27114
+ readOnly = true
27042
27115
  }) => {
27043
27116
  const [selectedMachineInstance, setSelectedMachineInstance] = React.useState({});
27044
27117
  const selectButtonRef = React.useRef(null);
@@ -27153,7 +27226,8 @@ const SequentialConnectingBranch = ({
27153
27226
  onUpdateAddBrowserInstance: onUpdateAddBrowserInstance,
27154
27227
  addInstanceLabel: addInstanceLabel,
27155
27228
  scriptType: scriptType,
27156
- projectType: projectType
27229
+ projectType: projectType,
27230
+ readOnly: readOnly
27157
27231
  })
27158
27232
  })]
27159
27233
  });
@@ -27397,7 +27471,7 @@ const Avatar = ({
27397
27471
  });
27398
27472
  };
27399
27473
 
27400
- var css_248z$q = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-label-edit-text-field .ff-text-field,\n.ff-label-edit-text-field .dropdown, .ff-label-edit-text-field .ff-text-dropdown-field {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8, .ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-label-edit-text-field {\n display: flex;\n flex-direction: column;\n position: relative;\n width: 100%;\n}\n.ff-label-edit-text-field .ff-label-text-field {\n display: flex;\n gap: 5px;\n}\n.ff-label-edit-text-field .ff-label-text-field-with-dropdown,\n.ff-label-edit-text-field .ff-label-text-field-without-dropdown {\n position: relative;\n display: flex;\n align-items: center;\n}\n.ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n position: absolute;\n top: 0;\n left: 10px;\n transform: translateY(-50%);\n transition: all 0.2s ease;\n color: var(--label-edit-text-label-color);\n background: var(--label-edit-text-background-color);\n padding: 0 4px;\n}\n.ff-label-edit-text-field .ff-textfield-label {\n top: 5px;\n}\n.ff-label-edit-text-field .display-text {\n padding: 4px;\n border-radius: 4px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.ff-label-edit-text-field .ff-text-field,\n.ff-label-edit-text-field .dropdown {\n border: 1px solid var(--label-edit-text-label-color);\n outline: none;\n width: fit-content;\n}\n.ff-label-edit-text-field .ff-text-field {\n position: relative;\n padding: 0 4px;\n border-radius: 4px;\n}\n.ff-label-edit-text-field .ff-text-dropdown-field {\n flex: 2;\n border: 1px solid var(--label-edit-text-label-color);\n border-radius: 4px 0 0 4px;\n border-right: none;\n border-width: thin;\n padding-left: 5px;\n}\n.ff-label-edit-text-field .ff-text-dropdown-field:focus-visible {\n outline: none;\n}\n.ff-label-edit-text-field .dropdown {\n border-radius: 0 4px 4px 0;\n flex: 1;\n height: inherit;\n}\n.ff-label-edit-text-field .ff-icon-container {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.ff-label-edit-text-field .ff-icon-container .confirm-icon,\n.ff-label-edit-text-field .ff-icon-container .cancel-icon {\n cursor: pointer;\n}\n.ff-label-edit-text-field .error-text {\n margin: 0;\n color: var(--label-edit-error-text);\n}";
27474
+ var css_248z$q = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-label-edit-text-field .ff-text-field,\n.ff-label-edit-text-field .dropdown, .ff-label-edit-text-field .ff-text-dropdown-field {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8, .ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-label-edit-text-field {\n display: flex;\n flex-direction: column;\n position: relative;\n width: 100%;\n}\n.ff-label-edit-text-field .ff-label-text-field {\n display: flex;\n gap: 5px;\n}\n.ff-label-edit-text-field .ff-label-text-field-with-dropdown,\n.ff-label-edit-text-field .ff-label-text-field-without-dropdown {\n position: relative;\n display: flex;\n align-items: center;\n}\n.ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n position: absolute;\n top: 0;\n left: 10px;\n transform: translateY(-50%);\n transition: all 0.2s ease;\n color: var(--label-edit-text-label-color);\n background: var(--label-edit-text-background-color);\n padding: 0 4px;\n}\n.ff-label-edit-text-field .ff-textfield-label {\n top: 5px;\n}\n.ff-label-edit-text-field .display-text {\n padding: 4px;\n border-radius: 4px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.ff-label-edit-text-field .ff-text-field,\n.ff-label-edit-text-field .dropdown {\n border: 1px solid var(--label-edit-text-label-color);\n outline: none;\n width: fit-content;\n}\n.ff-label-edit-text-field .ff-text-field {\n position: relative;\n padding: 0 4px;\n border-radius: 4px;\n}\n.ff-label-edit-text-field .ff-text-dropdown-field {\n flex: 2;\n border: 1px solid var(--label-edit-text-label-color);\n border-radius: 4px 0 0 4px;\n border-right: none;\n border-width: thin;\n padding-left: 5px;\n}\n.ff-label-edit-text-field .ff-text-dropdown-field:focus-visible {\n outline: none;\n}\n.ff-label-edit-text-field .dropdown {\n border-radius: 0 4px 4px 0;\n flex: 1;\n height: inherit;\n}\n.ff-label-edit-text-field .ff-icon-container {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.ff-label-edit-text-field .ff-icon-container .confirm-icon,\n.ff-label-edit-text-field .ff-icon-container .cancel-icon {\n cursor: pointer;\n}\n.ff-label-edit-text-field .ff-icon-container .disabled-confirm-icon {\n cursor: default;\n opacity: 0.5;\n}\n.ff-label-edit-text-field .error-text {\n margin: 0;\n color: var(--label-edit-error-text);\n}\n\n.custom-edit-text-field {\n height: 10px;\n width: 100px;\n}";
27401
27475
  styleInject(css_248z$q);
27402
27476
 
27403
27477
  const getErrorMessage$1 = (inputValue, text, customError, customErrorCondition) => {
@@ -27414,6 +27488,7 @@ const LabelEditTextField = ({
27414
27488
  label,
27415
27489
  placeholder,
27416
27490
  text,
27491
+ showText = true,
27417
27492
  highlightText,
27418
27493
  customError,
27419
27494
  confirmIcon,
@@ -27423,6 +27498,7 @@ const LabelEditTextField = ({
27423
27498
  onInputChange,
27424
27499
  dropdownData = [],
27425
27500
  // width,
27501
+ className,
27426
27502
  height,
27427
27503
  isOpen = false,
27428
27504
  confirmAction,
@@ -27433,11 +27509,13 @@ const LabelEditTextField = ({
27433
27509
  const [inputValue, setInputValue] = React.useState(text ?? '');
27434
27510
  const [dropdownValue, setDropdownValue] = React.useState(dropdownData[0]?.value ?? '');
27435
27511
  const [showError, setShowError] = React.useState('');
27512
+ const [disabled, isDisabled] = React.useState(true);
27436
27513
  const [isTextFieldModified, setIsTextFieldModified] = React.useState(false);
27437
27514
  const isThrowingError = showError && isEditing ? true : false;
27438
27515
  const containerRef = React.useRef(null);
27439
- const cancelRef = React.useRef(null); // New ref for cancel icon
27516
+ const cancelRef = React.useRef(null);
27440
27517
  const [clickTimeout, setClickTimeout] = React.useState(null);
27518
+ const handleEsc = useEscapeKey('Escape');
27441
27519
  React.useEffect(() => {
27442
27520
  return () => {
27443
27521
  if (clickTimeout) {
@@ -27494,6 +27572,7 @@ const LabelEditTextField = ({
27494
27572
  const handleTextFieldChange = e => {
27495
27573
  const newValue = e.target.value;
27496
27574
  setInputValue(newValue);
27575
+ isDisabled(false);
27497
27576
  if (newValue.length === 0 || newValue.trim().length === 0) {
27498
27577
  setShowError('Please type any text.');
27499
27578
  } else if (newValue.length < 3) {
@@ -27525,6 +27604,7 @@ const LabelEditTextField = ({
27525
27604
  document.removeEventListener('click', handleBlur);
27526
27605
  };
27527
27606
  }, [inputValue]);
27607
+ handleEsc(handleCancel);
27528
27608
  return jsxRuntime.jsxs("div", {
27529
27609
  className: "ff-label-edit-text-field",
27530
27610
  ref: containerRef,
@@ -27544,7 +27624,7 @@ const LabelEditTextField = ({
27544
27624
  placeholder: placeholder ? placeholder : '',
27545
27625
  value: inputValue,
27546
27626
  onChange: handleTextFieldChange,
27547
- className: `
27627
+ className: `${className}
27548
27628
 
27549
27629
  ${isTextFieldModified ? 'modified' : ''}`
27550
27630
  }), jsxRuntime.jsx(Select$1, {
@@ -27566,7 +27646,7 @@ const LabelEditTextField = ({
27566
27646
  placeholder: placeholder ? placeholder : '',
27567
27647
  value: inputValue,
27568
27648
  onChange: handleTextFieldChange,
27569
- className: `
27649
+ className: `${className}
27570
27650
 
27571
27651
  ${isTextFieldModified ? 'modified' : ''}`
27572
27652
  })
@@ -27577,7 +27657,8 @@ const LabelEditTextField = ({
27577
27657
  height: 20,
27578
27658
  width: 20,
27579
27659
  name: confirmIcon.name,
27580
- className: "confirm-icon",
27660
+ disabled: disabled,
27661
+ className: `${disabled ? 'disabled-confirm-icon' : 'confirm-icon'}`,
27581
27662
  onClick: handleConfirm
27582
27663
  }), cancelIcon && jsxRuntime.jsx(Icon, {
27583
27664
  color: "var(--label-edit-cancel-icon)",
@@ -27592,7 +27673,7 @@ const LabelEditTextField = ({
27592
27673
  }) : jsxRuntime.jsx(Tooltip, {
27593
27674
  title: tooltip?.tooltipTitle ? tooltip?.tooltipTitle : '',
27594
27675
  placement: 'bottom',
27595
- children: jsxRuntime.jsx("span", {
27676
+ children: showText && jsxRuntime.jsx("span", {
27596
27677
  className: "display-text",
27597
27678
  onDoubleClick: handleDoubleClick,
27598
27679
  role: "button",
@@ -31987,6 +32068,10 @@ const DataEditor = ({
31987
32068
  const value = cell?.value ?? '';
31988
32069
  return jsxRuntime.jsx("div", {
31989
32070
  className: "ff-spreadsheet-data-editor",
32071
+ style: {
32072
+ ...cell?.style,
32073
+ border: 'none'
32074
+ },
31990
32075
  children: jsxRuntime.jsx("input", {
31991
32076
  ref: inputRef,
31992
32077
  type: "text",
@@ -32001,6 +32086,7 @@ const ActiveCell = props => {
32001
32086
  const rootRef = React__namespace.useRef(null);
32002
32087
  const dispatch = useDispatch();
32003
32088
  const setCellData$1 = React__namespace.useCallback((active, data) => dispatch(setCellData(active, data)), [dispatch]);
32089
+ const activate$1 = React__namespace.useCallback(point => dispatch(activate(point)), [dispatch]);
32004
32090
  const edit = React__namespace.useCallback(() => dispatch(edit$1()), [dispatch]);
32005
32091
  const autoFill$1 = React__namespace.useCallback(value => dispatch(autoFill(value)), [dispatch]);
32006
32092
  const commit = React__namespace.useCallback(changes => dispatch(commit$1(changes)), [dispatch]);
@@ -32065,8 +32151,11 @@ const ActiveCell = props => {
32065
32151
  const DataEditor = cell && cell.DataEditor || props.DataEditor;
32066
32152
  const readOnly = cell && cell.readOnly;
32067
32153
  const handleMouseDown = React__namespace.useCallback(() => {
32068
- mode === 'view' ? autoFill$1(true) : autoFill$1(false);
32069
- }, [mode, autoFill$1]);
32154
+ if (active) {
32155
+ autoFill$1(true);
32156
+ activate$1(active);
32157
+ }
32158
+ }, [activate$1, autoFill$1, active]);
32070
32159
  return hidden ? null : jsxRuntime.jsxs("div", {
32071
32160
  ref: rootRef,
32072
32161
  className: classNames('ff-spreadsheet-active-cell', `ff-spreadsheet-active-cell--${mode}`),
@@ -50004,6 +50093,103 @@ const PhoneInputField = ({
50004
50093
  });
50005
50094
  };
50006
50095
 
50096
+ // Validation Regex Collection
50097
+ // Email Validation
50098
+ const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
50099
+ // URL Validation
50100
+ const URL_REGEX = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w.-]*)*\/?$/;
50101
+ // Phone Number Validation
50102
+ const PHONE_REGEX = /^\+?[\d\s\-()]{7,15}$/;
50103
+ // Postal Code Validation (Generic)
50104
+ const POSTAL_CODE_REGEX = /^[A-Za-z\d\s\-]{3,10}$/;
50105
+ // IPv4 Address Validation
50106
+ const IPV4_REGEX = /^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
50107
+ // IPv6 Address Validation
50108
+ const IPV6_REGEX = /^(?:[a-fA-F0-9]{1,4}:){7}[a-fA-F0-9]{1,4}$/;
50109
+ // Hexadecimal Color Code Validation
50110
+ const HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/;
50111
+ // Password Validation (At least 8 chars, one letter, one number)
50112
+ const PASSWORD_SIMPLE_REGEX = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
50113
+ // Password Validation (At least 8 chars, one uppercase, one lowercase, one number, one special character)
50114
+ const PASSWORD_COMPLEX_REGEX = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
50115
+ // Only Alphabets Validation
50116
+ const ALPHABET_ONLY_REGEX = /^[A-Za-z]+$/;
50117
+ // Only Numbers Validation
50118
+ const NUMBERS_ONLY_REGEX = /^\d+$/;
50119
+ // Alphanumeric Validation
50120
+ const ALPHANUMERIC_REGEX = /^[A-Za-z0-9]+$/;
50121
+ // Date Validation (YYYY-MM-DD)
50122
+ const DATE_REGEX = /^\d{4}-\d{2}-\d{2}$/;
50123
+ // Time Validation (HH:MM:SS)
50124
+ const TIME_REGEX = /^\d{2}:\d{2}:\d{2}$/;
50125
+ // File Extension Validation (e.g., .jpg, .png, .gif, .bmp)
50126
+ const FILE_EXTENSION_REGEX = /\.(jpg|png|gif|bmp)$/i;
50127
+ // MAC Address Validation
50128
+ const MAC_ADDRESS_REGEX = /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/;
50129
+ // Credit Card Number Validation (Basic)
50130
+ const CREDIT_CARD_REGEX = /^\d{4}-?\d{4}-?\d{4}-?\d{4}$/;
50131
+ // Social Security Number (SSN) Validation (US Format)
50132
+ const SSN_REGEX = /^\d{3}-\d{2}-\d{4}$/;
50133
+ // UUID Validation
50134
+ const UUID_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
50135
+ // HTML Tags Validation
50136
+ const HTML_TAG_REGEX = /<\/?[\w\s=\"'\/\.:;#-]*>/g;
50137
+ // Whitespace Validation (Leading or Trailing)
50138
+ const WHITESPACE_REGEX = /^\s+|\s+$/g;
50139
+ // US ZIP Code Validation (5 or 9 digits)
50140
+ const US_ZIP_CODE_REGEX = /^\d{5}(-\d{4})?$/;
50141
+ // Username Validation (Alphanumeric, underscores, 3-16 characters)
50142
+ const USERNAME_REGEX = /^[a-zA-Z0-9_]{3,16}$/;
50143
+ // Indian Specific Validations
50144
+ // Indian Phone Number Validation
50145
+ const INDIAN_PHONE_REGEX = /^[6-9]\d{9}$/;
50146
+ // Indian PIN Code Validation
50147
+ const INDIAN_PIN_CODE_REGEX = /^\d{6}$/;
50148
+ // GSTIN Validation
50149
+ const GSTIN_REGEX = /^\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}$/;
50150
+ // PAN Card Validation
50151
+ const PAN_CARD_REGEX = /^[A-Z]{5}\d{4}[A-Z]{1}$/;
50152
+ // Aadhaar Number Validation
50153
+ const AADHAAR_REGEX = /^\d{12}$/;
50154
+ // Vehicle Registration Validation
50155
+ const VEHICLE_REGISTRATION_REGEX = /^[A-Z]{2}\d{2}[A-Z]{0,2}\d{4}$/;
50156
+ // Indian Currency Format Validation
50157
+ const INDIAN_CURRENCY_REGEX = /^\u20B9?\s?\d{1,3}(,\d{3})*(\.\d{1,2})?$/;
50158
+ // Additional Generic and Specific Validations
50159
+ // International Phone Number Validation
50160
+ const INTERNATIONAL_PHONE_REGEX = /^\+?[1-9]\d{1,14}$/;
50161
+ // Passport Number Validation (India)
50162
+ const INDIAN_PASSPORT_REGEX = /^[A-Z]{1}-?\d{7}$/;
50163
+ // Driving License Validation (India)
50164
+ const DRIVING_LICENSE_REGEX = /^[A-Z]{2}-\d{2}-\d{4}-\d{7}$/;
50165
+ // Username with Special Characters
50166
+ const USERNAME_SPECIAL_REGEX = /^[a-zA-Z0-9._-]{3,16}$/;
50167
+ // Decimal Number Validation
50168
+ const DECIMAL_NUMBER_REGEX = /^-?\d+(\.\d+)?$/;
50169
+ // HTML Attributes Validation
50170
+ const HTML_ATTRIBUTE_REGEX = /\b[a-zA-Z-]+(="[^"]*"|='[^']*'|=[^\s>]*)?/g;
50171
+ // RGB Color Code Validation
50172
+ const RGB_COLOR_REGEX = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;
50173
+ // HSL Color Code Validation
50174
+ const HSL_COLOR_REGEX = /^hsl\((\d{1,3}),\s*(\d{1,3})%,\s*(\d{1,3})%\)$/;
50175
+ // Base64 String Validation
50176
+ const BASE64_REGEX = /^(?:[A-Za-z0-9+\/]{4})*(?:[A-Za-z0-9+\/]{2}==|[A-Za-z0-9+\/]{3}=)?$/;
50177
+ // Binary Number Validation
50178
+ const BINARY_NUMBER_REGEX = /^[01]+$/;
50179
+ // Hexadecimal Number Validation
50180
+ const HEXADECIMAL_NUMBER_REGEX = /^[0-9A-Fa-f]+$/;
50181
+ // Roman Numerals Validation
50182
+ const ROMAN_NUMERALS_REGEX = /^(?=[MDCLXVI])M*(C[MD]|D?C{0,3})(X[CL]|L?X{0,3})(I[XV]|V?I{0,3})$/;
50183
+ // Currency Validation (Generic)
50184
+ const CURRENCY_GENERIC_REGEX = /^[\u0024-\u20B9]?\d+(,\d{3})*(\.\d{1,2})?$/;
50185
+ // LinkedIn Profile URL Validation
50186
+ const LINKEDIN_PROFILE_REGEX = /^https?:\/\/(www\.)?linkedin\.com\/in\/([a-zA-Z0-9-]{5,30})$/;
50187
+ // Twitter Handle Validation
50188
+ const TWITTER_HANDLE_REGEX = /^@?([a-zA-Z0-9_]{1,15})$/;
50189
+
50190
+ exports.AADHAAR_REGEX = AADHAAR_REGEX;
50191
+ exports.ALPHABET_ONLY_REGEX = ALPHABET_ONLY_REGEX;
50192
+ exports.ALPHANUMERIC_REGEX = ALPHANUMERIC_REGEX;
50007
50193
  exports.Accordion = Accordion;
50008
50194
  exports.AddResourceButton = AddButton;
50009
50195
  exports.AllProjectsDropdown = AllProjectsDropdown;
@@ -50011,8 +50197,12 @@ exports.AppHeader = AppHeader;
50011
50197
  exports.AttachImage = AttachImage;
50012
50198
  exports.AttachmentButton = AttachmentButton;
50013
50199
  exports.Avatar = Avatar;
50200
+ exports.BASE64_REGEX = BASE64_REGEX;
50201
+ exports.BINARY_NUMBER_REGEX = BINARY_NUMBER_REGEX;
50014
50202
  exports.BarChart = BarChart;
50015
50203
  exports.Button = Button$2;
50204
+ exports.CREDIT_CARD_REGEX = CREDIT_CARD_REGEX;
50205
+ exports.CURRENCY_GENERIC_REGEX = CURRENCY_GENERIC_REGEX;
50016
50206
  exports.Checkbox = Checkbox;
50017
50207
  exports.Chip = Chip;
50018
50208
  exports.ChooseFile = ChooseFile$1;
@@ -50022,6 +50212,9 @@ exports.ConditionalDropdown = ConditionalDropdown;
50022
50212
  exports.ConnectingBranch = ConnectingBranch;
50023
50213
  exports.Container = Container;
50024
50214
  exports.CreateVariableSlider = CreateVariableSlider;
50215
+ exports.DATE_REGEX = DATE_REGEX;
50216
+ exports.DECIMAL_NUMBER_REGEX = DECIMAL_NUMBER_REGEX;
50217
+ exports.DRIVING_LICENSE_REGEX = DRIVING_LICENSE_REGEX;
50025
50218
  exports.DashboardDonutChart = DashboardDonutChart;
50026
50219
  exports.DatePicker = CustomDatePicker;
50027
50220
  exports.DonutChart = DonutChart;
@@ -50029,25 +50222,42 @@ exports.DownloadClient = DownloadClient;
50029
50222
  exports.DragAndDrop = DragAndDrop;
50030
50223
  exports.Drawer = Drawer;
50031
50224
  exports.Dropzone = Dropzone;
50225
+ exports.EMAIL_REGEX = EMAIL_REGEX;
50032
50226
  exports.EditTextField = EditTextField;
50033
50227
  exports.Editor = Editor;
50034
50228
  exports.Excel = ExcelFile;
50035
50229
  exports.ExpandableMenu = ExpandableMenu;
50230
+ exports.FILE_EXTENSION_REGEX = FILE_EXTENSION_REGEX;
50036
50231
  exports.FieldSet = FieldSet;
50037
50232
  exports.FileDropzone = FileDropzone;
50038
50233
  exports.FilePreview = FilePreview;
50039
50234
  exports.Form = ForwardedForms;
50040
50235
  exports.FormatString = formatString;
50236
+ exports.GSTIN_REGEX = GSTIN_REGEX;
50237
+ exports.HEXADECIMAL_NUMBER_REGEX = HEXADECIMAL_NUMBER_REGEX;
50238
+ exports.HEX_COLOR_REGEX = HEX_COLOR_REGEX;
50239
+ exports.HSL_COLOR_REGEX = HSL_COLOR_REGEX;
50240
+ exports.HTML_ATTRIBUTE_REGEX = HTML_ATTRIBUTE_REGEX;
50241
+ exports.HTML_TAG_REGEX = HTML_TAG_REGEX;
50041
50242
  exports.HighlightText = HighlightText;
50243
+ exports.INDIAN_CURRENCY_REGEX = INDIAN_CURRENCY_REGEX;
50244
+ exports.INDIAN_PASSPORT_REGEX = INDIAN_PASSPORT_REGEX;
50245
+ exports.INDIAN_PHONE_REGEX = INDIAN_PHONE_REGEX;
50246
+ exports.INDIAN_PIN_CODE_REGEX = INDIAN_PIN_CODE_REGEX;
50247
+ exports.INTERNATIONAL_PHONE_REGEX = INTERNATIONAL_PHONE_REGEX;
50248
+ exports.IPV4_REGEX = IPV4_REGEX;
50249
+ exports.IPV6_REGEX = IPV6_REGEX;
50042
50250
  exports.Icon = Icon;
50043
50251
  exports.IconButton = IconButton;
50044
50252
  exports.IconRadialChart = IconRadialChart;
50045
50253
  exports.IconRadioGroup = IconRadioGroup;
50046
50254
  exports.Input = Input;
50047
50255
  exports.InputWithDropdown = InputWithDropdown;
50256
+ exports.LINKEDIN_PROFILE_REGEX = LINKEDIN_PROFILE_REGEX;
50048
50257
  exports.LabelEditTextField = LabelEditTextField;
50049
50258
  exports.LazyLoad = LazyLoad;
50050
50259
  exports.LineChart = LineChart;
50260
+ exports.MAC_ADDRESS_REGEX = MAC_ADDRESS_REGEX;
50051
50261
  exports.MachineInputField = MachineInputField;
50052
50262
  exports.MenuOption = MenuOption;
50053
50263
  exports.MiniModal = MiniModal;
@@ -50056,16 +50266,25 @@ exports.ModuleChip = ModuleChip;
50056
50266
  exports.MultiRadialChart = MultiRadialChart;
50057
50267
  exports.MultiSelect = MultiSelect;
50058
50268
  exports.NLPInput = NlpInput;
50269
+ exports.NUMBERS_ONLY_REGEX = NUMBERS_ONLY_REGEX;
50270
+ exports.PAN_CARD_REGEX = PAN_CARD_REGEX;
50271
+ exports.PASSWORD_COMPLEX_REGEX = PASSWORD_COMPLEX_REGEX;
50272
+ exports.PASSWORD_SIMPLE_REGEX = PASSWORD_SIMPLE_REGEX;
50273
+ exports.PHONE_REGEX = PHONE_REGEX;
50274
+ exports.POSTAL_CODE_REGEX = POSTAL_CODE_REGEX;
50059
50275
  exports.Paper = Paper;
50060
50276
  exports.PhoneInputField = PhoneInputField;
50061
50277
  exports.PieChart = PieChart;
50062
50278
  exports.PopUpModal = PopUpModal;
50063
50279
  exports.ProgressBar = ProgressBar;
50280
+ exports.RGB_COLOR_REGEX = RGB_COLOR_REGEX;
50281
+ exports.ROMAN_NUMERALS_REGEX = ROMAN_NUMERALS_REGEX;
50064
50282
  exports.RadialChart = RadialChart;
50065
50283
  exports.RadioButton = RadioButton;
50066
50284
  exports.RadioGroup = RadioGroup;
50067
50285
  exports.Recaptcha = Recaptcha;
50068
50286
  exports.Row = Row$1;
50287
+ exports.SSN_REGEX = SSN_REGEX;
50069
50288
  exports.ScriptSwitchButton = ScriptSwitchButton;
50070
50289
  exports.Search = Search;
50071
50290
  exports.Select = Select$1;
@@ -50073,6 +50292,8 @@ exports.SequentialConnectingBranch = SequentialConnectingBranch;
50073
50292
  exports.StateDropdown = StateDropdown;
50074
50293
  exports.StatusButton = StatusButton;
50075
50294
  exports.StatusCard = StatusCard;
50295
+ exports.TIME_REGEX = TIME_REGEX;
50296
+ exports.TWITTER_HANDLE_REGEX = TWITTER_HANDLE_REGEX;
50076
50297
  exports.Table = Table$1;
50077
50298
  exports.TableTree = TableTree;
50078
50299
  exports.TableWithAccordion = TableWithAccordion;
@@ -50085,8 +50306,15 @@ exports.Toggle = Toggle;
50085
50306
  exports.ToggleSwitch = ToggleSwitch;
50086
50307
  exports.Tooltip = Tooltip;
50087
50308
  exports.Typography = Typography;
50309
+ exports.URL_REGEX = URL_REGEX;
50310
+ exports.USERNAME_REGEX = USERNAME_REGEX;
50311
+ exports.USERNAME_SPECIAL_REGEX = USERNAME_SPECIAL_REGEX;
50312
+ exports.US_ZIP_CODE_REGEX = US_ZIP_CODE_REGEX;
50313
+ exports.UUID_REGEX = UUID_REGEX;
50314
+ exports.VEHICLE_REGISTRATION_REGEX = VEHICLE_REGISTRATION_REGEX;
50088
50315
  exports.VariableDropdown = VariableDropdown;
50089
50316
  exports.VariableInput = VariableInput;
50317
+ exports.WHITESPACE_REGEX = WHITESPACE_REGEX;
50090
50318
  exports.capitalize = capitalize;
50091
50319
  exports.checkEmpty = checkEmpty;
50092
50320
  exports.compareArrays = compareArrays;