pixel-react 1.8.2 → 1.8.4

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 (804) 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/1fb4472b34e4fe07.css +1 -0
  10. package/lib/components/AddVariables/AddVariables.d.ts +5 -0
  11. package/lib/components/AddVariables/index.d.ts +1 -0
  12. package/lib/components/AddVariables/types.d.ts +99 -0
  13. package/lib/components/Charts/LineChart/types.d.ts +1 -0
  14. package/lib/components/ConditionalDropdown/types.d.ts +4 -0
  15. package/lib/components/Input/types.d.ts +4 -0
  16. package/lib/components/LabelEditTextField/types.d.ts +2 -0
  17. package/lib/components/Select/components/types.d.ts +2 -2
  18. package/lib/components/Select/types.d.ts +2 -2
  19. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
  20. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +1 -0
  21. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
  22. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +1 -0
  23. package/lib/components/SequentialConnectingBranch/types.d.ts +1 -0
  24. package/lib/components/TableTree/types.d.ts +4 -4
  25. package/lib/index.css +1 -0
  26. package/lib/index.d.ts +13 -1
  27. package/lib/index.esm.css +1 -0
  28. package/lib/index.esm.js +361 -364
  29. package/lib/index.esm.js.map +1 -1
  30. package/lib/index.js +361 -364
  31. package/lib/index.js.map +1 -1
  32. package/lib/tsconfig.tsbuildinfo +1 -1
  33. package/lib/utils/formData/ConvertFormDataToObject.d.ts +1 -0
  34. package/lib/validations/regex.d.ts +10 -1
  35. package/package.json +81 -81
  36. package/rollup.config.mjs +67 -67
  37. package/src/StyleGuide/ColorPalette/ColorPalette.scss +62 -62
  38. package/src/StyleGuide/ColorPalette/ColorPalette.stories.tsx +16 -16
  39. package/src/StyleGuide/ColorPalette/ColorPalette.tsx +67 -67
  40. package/src/StyleGuide/ColorPalette/colorPaletteList.ts +304 -304
  41. package/src/StyleGuide/ColorPalette/index.ts +1 -1
  42. package/src/StyleGuide/ColorPalette/types.ts +19 -19
  43. package/src/StyleGuide/Typography/Typography.scss +99 -99
  44. package/src/StyleGuide/Typography/Typography.stories.tsx +16 -16
  45. package/src/StyleGuide/Typography/Typography.tsx +60 -60
  46. package/src/StyleGuide/Typography/TypographyList.ts +3 -3
  47. package/src/StyleGuide/Typography/types.ts +9 -9
  48. package/src/assets/Themes/BaseTheme.scss +306 -304
  49. package/src/assets/Themes/BlueTheme.scss +279 -279
  50. package/src/assets/Themes/DarkTheme.scss +319 -310
  51. package/src/assets/Themes/Theme.scss +21 -21
  52. package/src/assets/icons/Arrow.svg +4 -4
  53. package/src/assets/icons/Header_preset.svg +18 -18
  54. package/src/assets/icons/accordion_header_icon.svg +10 -10
  55. package/src/assets/icons/active_license_icon.svg +3 -3
  56. package/src/assets/icons/add_archive.svg +9 -9
  57. package/src/assets/icons/add_file.svg +4 -4
  58. package/src/assets/icons/add_label_icon.svg +3 -3
  59. package/src/assets/icons/add_locator.svg +4 -4
  60. package/src/assets/icons/add_testcase.svg +3 -3
  61. package/src/assets/icons/add_user.svg +9 -9
  62. package/src/assets/icons/add_variable.svg +11 -11
  63. package/src/assets/icons/add_variable_icon.svg +4 -4
  64. package/src/assets/icons/ai_search.svg +9 -9
  65. package/src/assets/icons/alert.svg +17 -17
  66. package/src/assets/icons/all_borders.svg +3 -3
  67. package/src/assets/icons/all_projects.svg +3 -3
  68. package/src/assets/icons/android.svg +9 -9
  69. package/src/assets/icons/android_icon.svg +6 -6
  70. package/src/assets/icons/apk_file_type.svg +4 -4
  71. package/src/assets/icons/app_switch.svg +11 -11
  72. package/src/assets/icons/approval_pending.svg +8 -8
  73. package/src/assets/icons/arrow_down.svg +3 -3
  74. package/src/assets/icons/arrow_right.svg +4 -4
  75. package/src/assets/icons/arrow_up.svg +3 -3
  76. package/src/assets/icons/arrows_down_icon.svg +3 -3
  77. package/src/assets/icons/arrows_right_icon.svg +10 -10
  78. package/src/assets/icons/arrows_top_icon.svg +3 -3
  79. package/src/assets/icons/attachment_icon.svg +3 -3
  80. package/src/assets/icons/authorization.svg +4 -4
  81. package/src/assets/icons/authorization_icon.svg +4 -4
  82. package/src/assets/icons/auto_save_icon.svg +4 -4
  83. package/src/assets/icons/automation_testcase.svg +4 -4
  84. package/src/assets/icons/back_icon.svg +3 -3
  85. package/src/assets/icons/backward.svg +10 -10
  86. package/src/assets/icons/backward_icon.svg +3 -3
  87. package/src/assets/icons/beautify_icon.svg +3 -3
  88. package/src/assets/icons/bold.svg +3 -3
  89. package/src/assets/icons/border_bottom.svg +3 -3
  90. package/src/assets/icons/border_left.svg +3 -3
  91. package/src/assets/icons/border_right.svg +3 -3
  92. package/src/assets/icons/border_top.svg +3 -3
  93. package/src/assets/icons/browser_stack.svg +9 -9
  94. package/src/assets/icons/browserstack_icon.svg +24 -24
  95. package/src/assets/icons/calendar_icon.svg +9 -9
  96. package/src/assets/icons/capture_icon.svg +2 -2
  97. package/src/assets/icons/check_mark.svg +3 -3
  98. package/src/assets/icons/chrome.svg +12 -12
  99. package/src/assets/icons/client_profile.svg +4 -4
  100. package/src/assets/icons/clock_icon.svg +11 -11
  101. package/src/assets/icons/clone_icon.svg +3 -3
  102. package/src/assets/icons/close_pill.svg +3 -3
  103. package/src/assets/icons/cloud_server_host_icon.svg +3 -3
  104. package/src/assets/icons/collapse-icon.svg +6 -6
  105. package/src/assets/icons/compressed_file_type.svg +4 -4
  106. package/src/assets/icons/configuration.svg +3 -3
  107. package/src/assets/icons/continue_without_sign.svg +3 -3
  108. package/src/assets/icons/copy-icon.svg +3 -3
  109. package/src/assets/icons/csv_file_type.svg +4 -4
  110. package/src/assets/icons/dashboard_icon.svg +31 -31
  111. package/src/assets/icons/dashboard_mobile_icon.svg +47 -47
  112. package/src/assets/icons/dashboard_web_icon.svg +9 -9
  113. package/src/assets/icons/data_provider.svg +8 -8
  114. package/src/assets/icons/dataset_list.svg +3 -3
  115. package/src/assets/icons/defects.svg +8 -8
  116. package/src/assets/icons/delete.svg +3 -3
  117. package/src/assets/icons/delete_info.svg +17 -17
  118. package/src/assets/icons/depends_on_script.svg +7 -7
  119. package/src/assets/icons/details.svg +3 -3
  120. package/src/assets/icons/double_underline.svg +5 -5
  121. package/src/assets/icons/download-icon.svg +3 -3
  122. package/src/assets/icons/download_file_icon.svg +3 -3
  123. package/src/assets/icons/download_icon.svg +4 -4
  124. package/src/assets/icons/drag_icon.svg +4 -4
  125. package/src/assets/icons/drawer_maximize.svg +6 -6
  126. package/src/assets/icons/dropzone_icon.svg +18 -18
  127. package/src/assets/icons/edge.svg +30 -30
  128. package/src/assets/icons/edit_icon.svg +5 -5
  129. package/src/assets/icons/element.svg +4 -4
  130. package/src/assets/icons/email_group.svg +3 -3
  131. package/src/assets/icons/error.svg +17 -17
  132. package/src/assets/icons/excel_corner_menu.svg +3 -3
  133. package/src/assets/icons/executions_icon.svg +3 -3
  134. package/src/assets/icons/expand-icon.svg +6 -6
  135. package/src/assets/icons/export.svg +4 -4
  136. package/src/assets/icons/export_collection_icon.svg +13 -13
  137. package/src/assets/icons/external_user.svg +13 -0
  138. package/src/assets/icons/eye_closed.svg +3 -3
  139. package/src/assets/icons/eye_open_icon.svg +3 -3
  140. package/src/assets/icons/failed_status_icon.svg +12 -12
  141. package/src/assets/icons/file.svg +11 -11
  142. package/src/assets/icons/fill_color.svg +7 -7
  143. package/src/assets/icons/filter.svg +4 -4
  144. package/src/assets/icons/fire_fox.svg +106 -106
  145. package/src/assets/icons/fireflink_finder_logo.svg +7 -7
  146. package/src/assets/icons/fireflink_icon.svg +4 -4
  147. package/src/assets/icons/fireflink_logo.svg +13 -13
  148. package/src/assets/icons/fireflink_platform.svg +4 -4
  149. package/src/assets/icons/firefox.svg +84 -84
  150. package/src/assets/icons/flaky_status_icon.svg +12 -12
  151. package/src/assets/icons/formate_painter.svg +5 -5
  152. package/src/assets/icons/formula_icon.svg +3 -3
  153. package/src/assets/icons/forward.svg +3 -3
  154. package/src/assets/icons/forward_icon.svg +3 -3
  155. package/src/assets/icons/full_access_icon.svg +4 -4
  156. package/src/assets/icons/gif_file_type.svg +4 -4
  157. package/src/assets/icons/global_variable_icon.svg +4 -4
  158. package/src/assets/icons/group_user.svg +12 -0
  159. package/src/assets/icons/hamburger_menu.svg +3 -3
  160. package/src/assets/icons/help_icon.svg +10 -10
  161. package/src/assets/icons/hide_access_icon.svg +3 -3
  162. package/src/assets/icons/hide_icon.svg +9 -9
  163. package/src/assets/icons/history_icon.svg +19 -19
  164. package/src/assets/icons/html_file_type.svg +4 -4
  165. package/src/assets/icons/impact_list.svg +6 -6
  166. package/src/assets/icons/import.svg +4 -4
  167. package/src/assets/icons/import_icon.svg +4 -4
  168. package/src/assets/icons/info.svg +17 -17
  169. package/src/assets/icons/info_icon.svg +5 -5
  170. package/src/assets/icons/info_user.svg +5 -5
  171. package/src/assets/icons/internet_explorer.svg +3 -3
  172. package/src/assets/icons/ios_icon.svg +11 -11
  173. package/src/assets/icons/ipk_file_type.svg +4 -4
  174. package/src/assets/icons/italic.svg +3 -3
  175. package/src/assets/icons/jira.svg +3 -3
  176. package/src/assets/icons/jpg_file_type.svg +4 -4
  177. package/src/assets/icons/json_file_type.svg +4 -4
  178. package/src/assets/icons/label_icon.svg +8 -8
  179. package/src/assets/icons/label_plus.svg +3 -3
  180. package/src/assets/icons/labels.svg +8 -8
  181. package/src/assets/icons/lambda_icon.svg +3 -3
  182. package/src/assets/icons/left_arrow_icon.svg +3 -3
  183. package/src/assets/icons/license_expired.svg +20 -20
  184. package/src/assets/icons/license_info.svg +28 -28
  185. package/src/assets/icons/license_warning.svg +10 -10
  186. package/src/assets/icons/link_expired.svg +186 -186
  187. package/src/assets/icons/linked_defects.svg +11 -11
  188. package/src/assets/icons/linux.svg +42 -42
  189. package/src/assets/icons/local.svg +3 -3
  190. package/src/assets/icons/local_variable_icon.svg +4 -4
  191. package/src/assets/icons/logo.svg +17 -17
  192. package/src/assets/icons/mac.svg +9 -9
  193. package/src/assets/icons/machine_disable_icon.svg +18 -18
  194. package/src/assets/icons/machine_enable_icon.svg +10 -10
  195. package/src/assets/icons/manage_apps.svg +3 -3
  196. package/src/assets/icons/manual_locator.svg +7 -7
  197. package/src/assets/icons/manual_testcase.svg +3 -3
  198. package/src/assets/icons/maximize_icon.svg +5 -5
  199. package/src/assets/icons/maximize_script.svg +12 -12
  200. package/src/assets/icons/maximize_tree.svg +3 -3
  201. package/src/assets/icons/minimize_script.svg +5 -5
  202. package/src/assets/icons/mobile_icon.svg +3 -3
  203. package/src/assets/icons/moon_stars.svg +10 -10
  204. package/src/assets/icons/more.svg +10 -10
  205. package/src/assets/icons/move_icon.svg +5 -5
  206. package/src/assets/icons/ms_dynamic.svg +4 -4
  207. package/src/assets/icons/ms_dynamic_icon.svg +15 -15
  208. package/src/assets/icons/nlp_help_icon.svg +3 -3
  209. package/src/assets/icons/no_access_icon.svg +4 -4
  210. package/src/assets/icons/no_border.svg +3 -3
  211. package/src/assets/icons/no_data.svg +13 -13
  212. package/src/assets/icons/no_license_found.svg +22 -22
  213. package/src/assets/icons/notification_icon.svg +3 -3
  214. package/src/assets/icons/opera.svg +9 -9
  215. package/src/assets/icons/parameters.svg +3 -3
  216. package/src/assets/icons/passed_status_icon.svg +12 -12
  217. package/src/assets/icons/pdf_file_type.svg +4 -4
  218. package/src/assets/icons/plus_icon.svg +11 -11
  219. package/src/assets/icons/plus_round_icon.svg +38 -38
  220. package/src/assets/icons/plus_user_icon.svg +3 -3
  221. package/src/assets/icons/png_file_type.svg +4 -4
  222. package/src/assets/icons/pre_post_condition.svg +8 -8
  223. package/src/assets/icons/program_element.svg +8 -8
  224. package/src/assets/icons/project_element.svg +4 -4
  225. package/src/assets/icons/project_env_variable_icon.svg +4 -4
  226. package/src/assets/icons/project_status_icon.svg +10 -10
  227. package/src/assets/icons/quick_run_setting_icon.svg +5 -5
  228. package/src/assets/icons/refresh-icon.svg +4 -4
  229. package/src/assets/icons/refresh_icon.svg +4 -4
  230. package/src/assets/icons/reload.svg +3 -3
  231. package/src/assets/icons/remove.svg +11 -11
  232. package/src/assets/icons/remove_user.svg +3 -3
  233. package/src/assets/icons/replace.svg +11 -11
  234. package/src/assets/icons/replace_file.svg +13 -13
  235. package/src/assets/icons/replace_icon.svg +6 -6
  236. package/src/assets/icons/reset-link.svg +52 -52
  237. package/src/assets/icons/right_arrow_icon.svg +4 -4
  238. package/src/assets/icons/rotate_icon.svg +10 -10
  239. package/src/assets/icons/run_automation_scripts_icon.svg +33 -33
  240. package/src/assets/icons/run_icon.svg +26 -26
  241. package/src/assets/icons/run_manual_testcase_icon.svg +4 -4
  242. package/src/assets/icons/safari.svg +93 -93
  243. package/src/assets/icons/safari_icon.svg +12 -12
  244. package/src/assets/icons/sales_force.svg +7 -7
  245. package/src/assets/icons/salesforce_icon.svg +14 -14
  246. package/src/assets/icons/sample_template_first.svg +29 -29
  247. package/src/assets/icons/sample_template_second.svg +47 -47
  248. package/src/assets/icons/sause_lab.svg +3 -3
  249. package/src/assets/icons/save_as_step.svg +3 -3
  250. package/src/assets/icons/search.svg +3 -3
  251. package/src/assets/icons/send_step.svg +4 -4
  252. package/src/assets/icons/settings.svg +3 -3
  253. package/src/assets/icons/single_user.svg +12 -0
  254. package/src/assets/icons/skipped_status_icon.svg +12 -12
  255. package/src/assets/icons/standard_template.svg +30 -30
  256. package/src/assets/icons/step_group.svg +10 -10
  257. package/src/assets/icons/strike_through.svg +3 -3
  258. package/src/assets/icons/success.svg +17 -17
  259. package/src/assets/icons/suites_icon.svg +3 -3
  260. package/src/assets/icons/sun_icon.svg +10 -10
  261. package/src/assets/icons/swipe_icon.svg +9 -9
  262. package/src/assets/icons/switch_license_icon.svg +123 -123
  263. package/src/assets/icons/system_warning.svg +61 -61
  264. package/src/assets/icons/tap_icon.svg +3 -3
  265. package/src/assets/icons/test_data.svg +5 -5
  266. package/src/assets/icons/test_data_set.svg +7 -7
  267. package/src/assets/icons/test_freshers_logo.svg +8 -0
  268. package/src/assets/icons/text_align_center.svg +3 -3
  269. package/src/assets/icons/text_align_left.svg +3 -3
  270. package/src/assets/icons/text_align_right.svg +3 -3
  271. package/src/assets/icons/text_color.svg +3 -3
  272. package/src/assets/icons/tick_icon.svg +4 -4
  273. package/src/assets/icons/toast_close.svg +3 -3
  274. package/src/assets/icons/txt_file_type.svg +4 -4
  275. package/src/assets/icons/underline.svg +4 -4
  276. package/src/assets/icons/unfollow_icon.svg +3 -0
  277. package/src/assets/icons/update_icon.svg +3 -3
  278. package/src/assets/icons/user_password_lock.svg +220 -220
  279. package/src/assets/icons/user_profile.svg +3 -3
  280. package/src/assets/icons/user_warning.svg +235 -235
  281. package/src/assets/icons/user_with_system.svg +637 -637
  282. package/src/assets/icons/variable.svg +3 -3
  283. package/src/assets/icons/variable_icon.svg +4 -4
  284. package/src/assets/icons/variable_set.svg +5 -5
  285. package/src/assets/icons/vertical_separator.svg +3 -3
  286. package/src/assets/icons/view_access_icon.svg +4 -4
  287. package/src/assets/icons/view_icon.svg +3 -3
  288. package/src/assets/icons/warning.svg +17 -17
  289. package/src/assets/icons/warning_status_icon.svg +12 -12
  290. package/src/assets/icons/web&mobile_icon.svg +3 -3
  291. package/src/assets/icons/web_icon.svg +3 -3
  292. package/src/assets/icons/web_mobile_icon.svg +29 -29
  293. package/src/assets/icons/web_service_icon.svg +3 -3
  294. package/src/assets/icons/web_services_icon.svg +30 -30
  295. package/src/assets/icons/window_maximize.svg +3 -3
  296. package/src/assets/icons/window_minimize.svg +3 -3
  297. package/src/assets/icons/window_restore.svg +4 -4
  298. package/src/assets/icons/windows.svg +10 -10
  299. package/src/assets/icons/wrong_mark.svg +3 -3
  300. package/src/assets/icons/wswb_delete_icon.svg +3 -3
  301. package/src/assets/icons/wswb_plus_icon.svg +4 -4
  302. package/src/assets/icons/xls_file_type.svg +4 -4
  303. package/src/assets/icons/xlsx_file_type.svg +4 -4
  304. package/src/assets/icons/xml_file_type.svg +4 -4
  305. package/src/assets/styles/_colors.scss +150 -150
  306. package/src/assets/styles/_fonts.scss +45 -45
  307. package/src/assets/styles/_mixins.scss +21 -21
  308. package/src/assets/utils/functionUtils.ts +96 -96
  309. package/src/components/Accordion/Accordion.scss +46 -46
  310. package/src/components/Accordion/Accordion.stories.tsx +48 -48
  311. package/src/components/Accordion/Accordion.tsx +69 -69
  312. package/src/components/Accordion/index.ts +1 -1
  313. package/src/components/Accordion/types.ts +44 -44
  314. package/src/components/AddResourceButton/AddButton.scss +36 -36
  315. package/src/components/AddResourceButton/AddButton.stories.tsx +126 -126
  316. package/src/components/AddResourceButton/AddButton.tsx +121 -121
  317. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.scss +161 -161
  318. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +38 -38
  319. package/src/components/AddResourceButton/index.ts +1 -1
  320. package/src/components/AddResourceButton/type.ts +92 -92
  321. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +189 -189
  322. package/src/components/AllProjectsDropdown/AllProjectsDropdown.stories.tsx +117 -117
  323. package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +152 -152
  324. package/src/components/AllProjectsDropdown/types.ts +14 -14
  325. package/src/components/AppHeader/AppHeader.scss +218 -218
  326. package/src/components/AppHeader/AppHeader.stories.tsx +553 -553
  327. package/src/components/AppHeader/AppHeader.tsx +199 -199
  328. package/src/components/AppHeader/index.ts +1 -1
  329. package/src/components/AppHeader/types.ts +54 -54
  330. package/src/components/AttachImage/AttachImage.scss +76 -76
  331. package/src/components/AttachImage/AttachImage.stories.tsx +24 -24
  332. package/src/components/AttachImage/AttachImage.tsx +60 -60
  333. package/src/components/AttachImage/index.ts +2 -2
  334. package/src/components/AttachImage/types.ts +26 -26
  335. package/src/components/AttachmentButton/AttachmentButton.scss +9 -9
  336. package/src/components/AttachmentButton/AttachmentButton.stories.tsx +81 -81
  337. package/src/components/AttachmentButton/AttachmentButton.tsx +129 -129
  338. package/src/components/AttachmentButton/types.ts +13 -13
  339. package/src/components/Avatar/Avatar.scss +27 -27
  340. package/src/components/Avatar/Avatar.stories.tsx +76 -76
  341. package/src/components/Avatar/Avatar.tsx +41 -41
  342. package/src/components/Avatar/types.ts +35 -35
  343. package/src/components/Button/Button.scss +166 -166
  344. package/src/components/Button/Button.stories.tsx +81 -81
  345. package/src/components/Button/Button.tsx +91 -91
  346. package/src/components/Button/index.ts +1 -1
  347. package/src/components/Button/types.ts +90 -90
  348. package/src/components/Charts/BarChart/BarChart.scss +69 -69
  349. package/src/components/Charts/BarChart/BarChart.stories.tsx +70 -70
  350. package/src/components/Charts/BarChart/BarChart.tsx +349 -349
  351. package/src/components/Charts/BarChart/types.ts +12 -12
  352. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +221 -221
  353. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.tsx +58 -58
  354. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +554 -554
  355. package/src/components/Charts/DashboardDonutChart/types.ts +60 -60
  356. package/src/components/Charts/DonutChart/DonutChart.scss +76 -76
  357. package/src/components/Charts/DonutChart/DonutChart.stories.tsx +30 -30
  358. package/src/components/Charts/DonutChart/DonutChart.tsx +246 -246
  359. package/src/components/Charts/DonutChart/index.ts +1 -1
  360. package/src/components/Charts/DonutChart/type.ts +23 -23
  361. package/src/components/Charts/IconRadialChart/IconRadialChart.scss +25 -25
  362. package/src/components/Charts/IconRadialChart/IconRadialChart.stories.tsx +51 -51
  363. package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +173 -173
  364. package/src/components/Charts/IconRadialChart/types.ts +28 -28
  365. package/src/components/Charts/LineChart/LineChart.scss +92 -92
  366. package/src/components/Charts/LineChart/LineChart.stories.tsx +198 -259
  367. package/src/components/Charts/LineChart/LineChart.tsx +391 -295
  368. package/src/components/Charts/LineChart/index.ts +1 -1
  369. package/src/components/Charts/LineChart/types.ts +31 -30
  370. package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +85 -85
  371. package/src/components/Charts/MultiRadialChart/MultiRadialChart.stories.tsx +117 -117
  372. package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +306 -306
  373. package/src/components/Charts/MultiRadialChart/index.ts +1 -1
  374. package/src/components/Charts/MultiRadialChart/types.ts +28 -28
  375. package/src/components/Charts/PieChart/PieChart.scss +41 -41
  376. package/src/components/Charts/PieChart/PieChart.stories.tsx +46 -46
  377. package/src/components/Charts/PieChart/PieChart.tsx +192 -192
  378. package/src/components/Charts/PieChart/index.ts +1 -1
  379. package/src/components/Charts/PieChart/types.ts +28 -28
  380. package/src/components/Charts/RadialChart/RadialChart.scss +16 -16
  381. package/src/components/Charts/RadialChart/RadialChart.stories.tsx +36 -36
  382. package/src/components/Charts/RadialChart/RadialChart.tsx +180 -180
  383. package/src/components/Charts/RadialChart/index.ts +1 -1
  384. package/src/components/Charts/RadialChart/types.ts +32 -32
  385. package/src/components/Checkbox/Checkbox.scss +148 -148
  386. package/src/components/Checkbox/Checkbox.stories.tsx +78 -78
  387. package/src/components/Checkbox/Checkbox.tsx +57 -57
  388. package/src/components/Checkbox/types.ts +34 -34
  389. package/src/components/Chip/Chip.scss +95 -95
  390. package/src/components/Chip/Chip.stories.tsx +125 -125
  391. package/src/components/Chip/Chip.tsx +39 -39
  392. package/src/components/Chip/index.ts +1 -1
  393. package/src/components/Chip/types.ts +19 -19
  394. package/src/components/ChooseFile/ChooseFile.stories.tsx +190 -190
  395. package/src/components/ChooseFile/ChooseFile.tsx +46 -46
  396. package/src/components/ChooseFile/types.ts +78 -78
  397. package/src/components/Comment/Comments.scss +166 -166
  398. package/src/components/Comment/Comments.stories.tsx +212 -212
  399. package/src/components/Comment/Comments.tsx +51 -51
  400. package/src/components/Comment/comment/Comment.tsx +206 -206
  401. package/src/components/Comment/comment/useNode.ts +51 -51
  402. package/src/components/Comment/index.ts +1 -1
  403. package/src/components/Comment/type.ts +36 -36
  404. package/src/components/ConditionalDropdown/ConditionalDropdown.scss +17 -17
  405. package/src/components/ConditionalDropdown/ConditionalDropdown.stories.tsx +151 -150
  406. package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +157 -156
  407. package/src/components/ConditionalDropdown/OptionsDropdown.tsx +43 -43
  408. package/src/components/ConditionalDropdown/index.ts +1 -1
  409. package/src/components/ConditionalDropdown/types.ts +163 -159
  410. package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +143 -143
  411. package/src/components/ConnectingBranch/ConnectingBranch.scss +221 -221
  412. package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +53 -53
  413. package/src/components/ConnectingBranch/ConnectingBranch.tsx +196 -196
  414. package/src/components/ConnectingBranch/data.tsx +226 -226
  415. package/src/components/ConnectingBranch/index.ts +1 -1
  416. package/src/components/ConnectingBranch/types.ts +42 -42
  417. package/src/components/CreateVariable/CreateVariableSlider.scss +18 -18
  418. package/src/components/CreateVariable/CreateVariableSlider.stories.tsx +66 -66
  419. package/src/components/CreateVariable/CreateVariableSlider.tsx +95 -95
  420. package/src/components/CreateVariable/index.ts +1 -1
  421. package/src/components/CreateVariable/types.ts +58 -58
  422. package/src/components/DatePicker/DatePicker.scss +723 -723
  423. package/src/components/DatePicker/DatePicker.stories.tsx +193 -193
  424. package/src/components/DatePicker/DatePicker.tsx +502 -502
  425. package/src/components/DatePicker/Timepicker.tsx +372 -372
  426. package/src/components/DatePicker/types.ts +105 -105
  427. package/src/components/DownloadClient/DownloadClient.scss +67 -67
  428. package/src/components/DownloadClient/DownloadClient.stories.tsx +26 -26
  429. package/src/components/DownloadClient/DownloadClient.tsx +90 -90
  430. package/src/components/DownloadClient/type.ts +33 -33
  431. package/src/components/DragAndDrop/DragAndDrop.d.ts +5 -5
  432. package/src/components/DragAndDrop/DragAndDrop.stories.tsx +25 -25
  433. package/src/components/DragAndDrop/DragAndDrop.ts +7 -7
  434. package/src/components/DragAndDrop/DragAndDropList.scss +69 -69
  435. package/src/components/DragAndDrop/DragAndDropList.tsx +151 -151
  436. package/src/components/Drawer/Drawer.scss +139 -139
  437. package/src/components/Drawer/Drawer.stories.tsx +156 -156
  438. package/src/components/Drawer/Drawer.tsx +233 -233
  439. package/src/components/Drawer/Types.ts +161 -161
  440. package/src/components/EditTextField/EditTextField.scss +97 -97
  441. package/src/components/EditTextField/EditTextField.stories.tsx +127 -127
  442. package/src/components/EditTextField/EditTextField.tsx +175 -175
  443. package/src/components/EditTextField/index.ts +1 -1
  444. package/src/components/EditTextField/types.ts +55 -55
  445. package/src/components/Editor/Editor.scss +61 -56
  446. package/src/components/Editor/Editor.stories.tsx +54 -54
  447. package/src/components/Editor/Editor.tsx +250 -250
  448. package/src/components/Editor/VariableDropdown.scss +28 -28
  449. package/src/components/Editor/VariableDropdown.tsx +57 -57
  450. package/src/components/Editor/constants.ts +180 -180
  451. package/src/components/Editor/types.ts +89 -89
  452. package/src/components/Excel/ColorBarSelector/ColorBarSelector.scss +15 -15
  453. package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +43 -43
  454. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.scss +27 -27
  455. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.tsx +42 -42
  456. package/src/components/Excel/ExcelFile/ExcelFile.scss +56 -56
  457. package/src/components/Excel/ExcelFile/ExcelFile.tsx +512 -512
  458. package/src/components/Excel/ExcelFile/ExcelFileComponents/ActiveCell.tsx +155 -148
  459. package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx +206 -206
  460. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +176 -176
  461. package/src/components/Excel/ExcelFile/ExcelFileComponents/Copied.tsx +25 -25
  462. package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx +56 -56
  463. package/src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx +40 -37
  464. package/src/components/Excel/ExcelFile/ExcelFileComponents/DataViewer.tsx +85 -85
  465. package/src/components/Excel/ExcelFile/ExcelFileComponents/FloatingRect.tsx +61 -61
  466. package/src/components/Excel/ExcelFile/ExcelFileComponents/HeaderRow.tsx +7 -7
  467. package/src/components/Excel/ExcelFile/ExcelFileComponents/Row.tsx +5 -5
  468. package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +157 -157
  469. package/src/components/Excel/ExcelFile/ExcelFileComponents/Selected.tsx +32 -32
  470. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +201 -201
  471. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +531 -531
  472. package/src/components/Excel/ExcelFile/ExcelFileComponents/Table.tsx +19 -19
  473. package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +575 -575
  474. package/src/components/Excel/ExcelFile/ExcelFileComponents/areModelsEqual.ts +18 -18
  475. package/src/components/Excel/ExcelFile/ExcelFileComponents/context.ts +12 -12
  476. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/engine.ts +153 -153
  477. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/formula.ts +31 -31
  478. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/index.ts +2 -2
  479. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-graph.ts +152 -152
  480. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-hash.ts +10 -10
  481. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-set.ts +69 -69
  482. package/src/components/Excel/ExcelFile/ExcelFileComponents/index.ts +49 -49
  483. package/src/components/Excel/ExcelFile/ExcelFileComponents/matrix.ts +382 -382
  484. package/src/components/Excel/ExcelFile/ExcelFileComponents/point-range.ts +82 -82
  485. package/src/components/Excel/ExcelFile/ExcelFileComponents/point.ts +15 -15
  486. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +716 -716
  487. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +886 -886
  488. package/src/components/Excel/ExcelFile/ExcelFileComponents/selection.ts +257 -257
  489. package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +266 -266
  490. package/src/components/Excel/ExcelFile/ExcelFileComponents/typings/fast-formula-parser.d.ts +58 -58
  491. package/src/components/Excel/ExcelFile/ExcelFileComponents/use-dispatch.ts +8 -8
  492. package/src/components/Excel/ExcelFile/ExcelFileComponents/use-selector.ts +9 -9
  493. package/src/components/Excel/ExcelFile/ExcelFileComponents/util.ts +172 -172
  494. package/src/components/Excel/ExcelFile.stories.tsx +168 -168
  495. package/src/components/Excel/ExcelToolBar/ExcelToolBar.scss +96 -96
  496. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +434 -434
  497. package/src/components/Excel/Types.ts +196 -196
  498. package/src/components/Excel/dataConversion.ts +196 -196
  499. package/src/components/Excel/index.ts +1 -1
  500. package/src/components/ExpandableMenu/ExpandableMenu.scss +110 -110
  501. package/src/components/ExpandableMenu/ExpandableMenu.stories.tsx +67 -67
  502. package/src/components/ExpandableMenu/ExpandableMenu.tsx +101 -101
  503. package/src/components/ExpandableMenu/index.ts +1 -1
  504. package/src/components/ExpandableMenu/types.ts +34 -34
  505. package/src/components/FF_Captcha/Recaptcha.scss +10 -10
  506. package/src/components/FF_Captcha/Recaptcha.tsx +40 -40
  507. package/src/components/FF_Captcha/captcha.stories.tsx +40 -40
  508. package/src/components/FF_Captcha/types.ts +22 -22
  509. package/src/components/FieldSet/FieldSet.scss +10 -10
  510. package/src/components/FieldSet/FieldSet.stories.tsx +104 -104
  511. package/src/components/FieldSet/FieldSet.tsx +29 -29
  512. package/src/components/FieldSet/index.ts +1 -1
  513. package/src/components/FieldSet/types.ts +8 -8
  514. package/src/components/FileDropzone/Dropzone.tsx +108 -108
  515. package/src/components/FileDropzone/FileDropzone.scss +180 -180
  516. package/src/components/FileDropzone/FileDropzone.stories.tsx +273 -273
  517. package/src/components/FileDropzone/FileDropzone.tsx +166 -166
  518. package/src/components/FileDropzone/FilePreview.tsx +77 -77
  519. package/src/components/FileDropzone/RadioFilePreview.tsx +80 -80
  520. package/src/components/FileDropzone/index.ts +1 -1
  521. package/src/components/FileDropzone/types.ts +207 -207
  522. package/src/components/Form/Form.d.ts +2 -2
  523. package/src/components/Form/Form.scss +158 -158
  524. package/src/components/Form/Form.stories.tsx +508 -508
  525. package/src/components/Form/Form.ts +2 -2
  526. package/src/components/Form/Forms.tsx +39 -39
  527. package/src/components/Form/validation.json +29 -29
  528. package/src/components/GridLayout/GridLayout.scss +69 -69
  529. package/src/components/GridLayout/GridLayout.stories.tsx +90 -90
  530. package/src/components/GridLayout/GridLayout.tsx +39 -39
  531. package/src/components/GridLayout/GridLayoutStory.scss +25 -25
  532. package/src/components/GridLayout/types.ts +84 -84
  533. package/src/components/HighlightText/HighlightText.scss +3 -3
  534. package/src/components/HighlightText/HighlightText.stories.tsx +22 -22
  535. package/src/components/HighlightText/HighlightText.tsx +33 -33
  536. package/src/components/HighlightText/index.ts +1 -1
  537. package/src/components/HighlightText/types.ts +4 -4
  538. package/src/components/Icon/Icon.stories.tsx +113 -65
  539. package/src/components/Icon/Icon.tsx +88 -88
  540. package/src/components/Icon/Icons.scss +50 -50
  541. package/src/components/Icon/iconList.ts +515 -505
  542. package/src/components/Icon/index.ts +1 -1
  543. package/src/components/Icon/types.ts +14 -14
  544. package/src/components/IconButton/IconButton.scss +54 -54
  545. package/src/components/IconButton/IconButton.stories.tsx +34 -34
  546. package/src/components/IconButton/IconButton.tsx +32 -32
  547. package/src/components/IconButton/index.ts +1 -1
  548. package/src/components/IconButton/types.ts +5 -5
  549. package/src/components/IconRadioGroup/IconRadioGroup.scss +64 -64
  550. package/src/components/IconRadioGroup/IconRadioGroup.stories.tsx +108 -108
  551. package/src/components/IconRadioGroup/IconRadioGroup.tsx +73 -73
  552. package/src/components/IconRadioGroup/index.ts +1 -1
  553. package/src/components/IconRadioGroup/type.ts +49 -49
  554. package/src/components/Input/Input.scss +170 -170
  555. package/src/components/Input/Input.stories.tsx +153 -141
  556. package/src/components/Input/Input.tsx +122 -120
  557. package/src/components/Input/types.ts +89 -85
  558. package/src/components/InputWithDropdown/InputWithDropdown.scss +220 -220
  559. package/src/components/InputWithDropdown/InputWithDropdown.stories.tsx +169 -169
  560. package/src/components/InputWithDropdown/InputWithDropdown.tsx +129 -129
  561. package/src/components/InputWithDropdown/index.ts +1 -1
  562. package/src/components/InputWithDropdown/types.ts +113 -113
  563. package/src/components/LabelEditTextField/LabelEditTextField.scss +94 -90
  564. package/src/components/LabelEditTextField/LabelEditTextField.stories.tsx +198 -197
  565. package/src/components/LabelEditTextField/LabelEditTextField.tsx +267 -263
  566. package/src/components/LabelEditTextField/index.ts +1 -1
  567. package/src/components/LabelEditTextField/types.ts +51 -49
  568. package/src/components/LazyLoad/LazyLoad.d.ts +3 -3
  569. package/src/components/LazyLoad/LazyLoad.stories.tsx +33 -33
  570. package/src/components/LazyLoad/LazyLoad.ts +2 -2
  571. package/src/components/LazyLoad/LazyLoading.tsx +19 -19
  572. package/src/components/LazyLoad/index.ts +1 -1
  573. package/src/components/MachineInputField/MachineInputField.scss +59 -55
  574. package/src/components/MachineInputField/MachineInputField.stories.tsx +33 -33
  575. package/src/components/MachineInputField/MachineInputField.tsx +85 -84
  576. package/src/components/MachineInputField/index.ts +1 -1
  577. package/src/components/MachineInputField/types.ts +15 -15
  578. package/src/components/MenuOption/MenuOption.scss +97 -97
  579. package/src/components/MenuOption/MenuOption.stories.tsx +212 -212
  580. package/src/components/MenuOption/MenuOption.tsx +222 -222
  581. package/src/components/MenuOption/types.ts +231 -231
  582. package/src/components/MiniModal/MiniModal.scss +169 -169
  583. package/src/components/MiniModal/MiniModal.stories.tsx +740 -740
  584. package/src/components/MiniModal/MiniModal.tsx +346 -346
  585. package/src/components/MiniModal/index.ts +1 -1
  586. package/src/components/MiniModal/types.ts +124 -124
  587. package/src/components/Modal/Modal.stories.tsx +70 -70
  588. package/src/components/Modal/Modal.tsx +100 -100
  589. package/src/components/Modal/index.tsx +1 -1
  590. package/src/components/Modal/modal.scss +51 -51
  591. package/src/components/Modal/types.ts +43 -43
  592. package/src/components/ModulesChip/ModuleChip.scss +33 -33
  593. package/src/components/ModulesChip/ModuleChip.stories.tsx +41 -41
  594. package/src/components/ModulesChip/ModuleChip.tsx +28 -28
  595. package/src/components/ModulesChip/types.ts +14 -14
  596. package/src/components/MultiSelect/Dropdown.scss +77 -77
  597. package/src/components/MultiSelect/Dropdown.tsx +169 -169
  598. package/src/components/MultiSelect/MultiSelect.scss +247 -247
  599. package/src/components/MultiSelect/MultiSelect.stories.tsx +290 -290
  600. package/src/components/MultiSelect/MultiSelect.tsx +486 -486
  601. package/src/components/MultiSelect/MultiSelectTypes.ts +49 -49
  602. package/src/components/MultiSelect/dropdownTypes.ts +21 -21
  603. package/src/components/MultiSelect/index.ts +1 -1
  604. package/src/components/NLPInput/NLPInput.scss +302 -302
  605. package/src/components/NLPInput/NlpInput.stories.tsx +70 -70
  606. package/src/components/NLPInput/NlpInput.tsx +410 -410
  607. package/src/components/NLPInput/components/NlpDropDown/NlpDropDownType.ts +62 -62
  608. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.scss +134 -134
  609. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.tsx +320 -320
  610. package/src/components/NLPInput/index.ts +1 -1
  611. package/src/components/NLPInput/sampleData.ts +161 -161
  612. package/src/components/NLPInput/types.tsx +136 -136
  613. package/src/components/Paper/Paper.scss +13 -13
  614. package/src/components/Paper/Paper.stories.tsx +77 -77
  615. package/src/components/Paper/Paper.tsx +14 -14
  616. package/src/components/Paper/types.ts +19 -19
  617. package/src/components/PhoneInput/PhoneInput.d.ts +3 -3
  618. package/src/components/PhoneInput/PhoneInput.stories.tsx +70 -70
  619. package/src/components/PhoneInput/PhoneInput.tsx +98 -98
  620. package/src/components/PhoneInput/index.ts +1 -1
  621. package/src/components/PhoneInput/phoneInput.scss +901 -901
  622. package/src/components/PhoneInput/types.ts +16 -16
  623. package/src/components/PopUpModal/PopUpModal.scss +36 -36
  624. package/src/components/PopUpModal/PopUpModal.stories.tsx +67 -67
  625. package/src/components/PopUpModal/PopUpModal.tsx +87 -87
  626. package/src/components/PopUpModal/types.ts +17 -17
  627. package/src/components/ProgressBar/ProgressBar.scss +46 -46
  628. package/src/components/ProgressBar/ProgressBar.stories.tsx +22 -22
  629. package/src/components/ProgressBar/ProgressBar.tsx +61 -61
  630. package/src/components/ProgressBar/types.ts +12 -12
  631. package/src/components/RadioButton/RadioButton.scss +106 -106
  632. package/src/components/RadioButton/RadioButton.stories.tsx +43 -43
  633. package/src/components/RadioButton/RadioButton.tsx +41 -41
  634. package/src/components/RadioButton/index.ts +1 -1
  635. package/src/components/RadioButton/radioButtonTypes.tsx +62 -62
  636. package/src/components/RadioGroup/RadioGroup.scss +11 -11
  637. package/src/components/RadioGroup/RadioGroup.stories.tsx +150 -150
  638. package/src/components/RadioGroup/RadioGroup.tsx +49 -49
  639. package/src/components/RadioGroup/index.ts +1 -1
  640. package/src/components/RadioGroup/radioGroupTypes.tsx +96 -96
  641. package/src/components/ScriptSwitchButton/ScriptSwitchButton.scss +33 -33
  642. package/src/components/ScriptSwitchButton/ScriptSwitchButton.stories.tsx +48 -48
  643. package/src/components/ScriptSwitchButton/ScriptSwitchButton.tsx +65 -65
  644. package/src/components/ScriptSwitchButton/index.ts +1 -1
  645. package/src/components/Search/Search.scss +103 -103
  646. package/src/components/Search/Search.stories.tsx +44 -44
  647. package/src/components/Search/Search.tsx +138 -138
  648. package/src/components/Search/index.ts +1 -1
  649. package/src/components/Search/types.ts +19 -19
  650. package/src/components/Select/Select.scss +213 -213
  651. package/src/components/Select/Select.stories.tsx +355 -355
  652. package/src/components/Select/Select.tsx +278 -278
  653. package/src/components/Select/components/Dropdown.scss +61 -61
  654. package/src/components/Select/components/Dropdown.tsx +140 -140
  655. package/src/components/Select/components/types.ts +24 -24
  656. package/src/components/Select/index.ts +1 -1
  657. package/src/components/Select/types.ts +134 -134
  658. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +128 -128
  659. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +67 -67
  660. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +186 -184
  661. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +191 -191
  662. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +326 -318
  663. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +33 -32
  664. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.scss +3 -3
  665. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +78 -76
  666. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +25 -24
  667. package/src/components/SequentialConnectingBranch/index.ts +1 -1
  668. package/src/components/SequentialConnectingBranch/types.ts +66 -62
  669. package/src/components/StateDropdown/StateDropdown.stories.tsx +104 -104
  670. package/src/components/StateDropdown/StateDropdown.tsx +245 -245
  671. package/src/components/StateDropdown/StateDropdownTypes.tsx +27 -27
  672. package/src/components/StatusButton/StatusButton.scss +90 -90
  673. package/src/components/StatusButton/StatusButton.stories.tsx +91 -91
  674. package/src/components/StatusButton/StatusButton.tsx +46 -46
  675. package/src/components/StatusButton/index.ts +1 -1
  676. package/src/components/StatusButton/types.ts +45 -45
  677. package/src/components/StatusCard/StatusCard.scss +138 -138
  678. package/src/components/StatusCard/StatusCard.stories.tsx +117 -117
  679. package/src/components/StatusCard/StatusCard.tsx +80 -80
  680. package/src/components/StatusCard/index.ts +1 -1
  681. package/src/components/StatusCard/types.ts +18 -18
  682. package/src/components/Table/Table.scss +118 -118
  683. package/src/components/Table/Table.stories.tsx +373 -373
  684. package/src/components/Table/Table.tsx +178 -178
  685. package/src/components/Table/Types.ts +124 -124
  686. package/src/components/Table/index.ts +1 -1
  687. package/src/components/TableTree/Components/TableBody.tsx +41 -41
  688. package/src/components/TableTree/Components/TableCell.tsx +75 -75
  689. package/src/components/TableTree/Components/TableHead.tsx +39 -39
  690. package/src/components/TableTree/Components/TableRow.tsx +41 -41
  691. package/src/components/TableTree/TableTree.scss +210 -217
  692. package/src/components/TableTree/TableTree.stories.tsx +176 -176
  693. package/src/components/TableTree/TableTree.tsx +72 -91
  694. package/src/components/TableTree/TableTreeStories.scss +22 -22
  695. package/src/components/TableTree/Utils/getAllChildIds.ts +14 -14
  696. package/src/components/TableTree/data.ts +368 -368
  697. package/src/components/TableTree/index.ts +1 -1
  698. package/src/components/TableTree/types.ts +72 -72
  699. package/src/components/TableWithAccordion/TableWithAccordion.scss +54 -54
  700. package/src/components/TableWithAccordion/TableWithAccordion.stories.tsx +94 -94
  701. package/src/components/TableWithAccordion/TableWithAccordion.tsx +174 -174
  702. package/src/components/TableWithAccordion/data.ts +36 -36
  703. package/src/components/TableWithAccordion/types.ts +69 -69
  704. package/src/components/Tabs/Tabs.scss +132 -132
  705. package/src/components/Tabs/Tabs.stories.tsx +153 -153
  706. package/src/components/Tabs/Tabs.tsx +71 -71
  707. package/src/components/Tabs/index.ts +1 -1
  708. package/src/components/Tabs/types.ts +48 -48
  709. package/src/components/TextArea/Textarea.scss +144 -144
  710. package/src/components/TextArea/Textarea.stories.tsx +92 -92
  711. package/src/components/TextArea/Textarea.tsx +86 -86
  712. package/src/components/TextArea/Types.ts +85 -85
  713. package/src/components/TextArea/index.tsx +1 -1
  714. package/src/components/ThemeProvider/ThemeProvider.tsx +27 -27
  715. package/src/components/ThemeProvider/index.ts +1 -1
  716. package/src/components/ThemeProvider/types.ts +14 -14
  717. package/src/components/Toast/Toast.scss +121 -121
  718. package/src/components/Toast/Toast.stories.tsx +144 -144
  719. package/src/components/Toast/Toast.tsx +117 -117
  720. package/src/components/Toast/index.ts +1 -1
  721. package/src/components/Toast/types.ts +27 -27
  722. package/src/components/Toastify/Toastify.stories.tsx +71 -71
  723. package/src/components/Toastify/Toastify.tsx +95 -95
  724. package/src/components/Toastify/index.ts +1 -1
  725. package/src/components/Toastify/types.ts +9 -9
  726. package/src/components/Toggle/Toggle.scss +133 -133
  727. package/src/components/Toggle/Toggle.stories.tsx +132 -132
  728. package/src/components/Toggle/Toggle.tsx +96 -96
  729. package/src/components/Toggle/index.ts +1 -1
  730. package/src/components/Toggle/types.ts +43 -43
  731. package/src/components/ToggleSwitch/ToggleSwitch.scss +58 -58
  732. package/src/components/ToggleSwitch/ToggleSwitch.stories.tsx +52 -52
  733. package/src/components/ToggleSwitch/ToggleSwitch.tsx +30 -30
  734. package/src/components/ToggleSwitch/index.ts +1 -1
  735. package/src/components/Tooltip/Tooltip.scss +27 -27
  736. package/src/components/Tooltip/Tooltip.stories.tsx +98 -98
  737. package/src/components/Tooltip/Tooltip.tsx +194 -194
  738. package/src/components/Tooltip/index.ts +1 -1
  739. package/src/components/Tooltip/types.ts +66 -66
  740. package/src/components/Typography/Typography.scss +25 -25
  741. package/src/components/Typography/Typography.stories.tsx +59 -59
  742. package/src/components/Typography/Typography.tsx +41 -41
  743. package/src/components/Typography/index.ts +1 -1
  744. package/src/components/Typography/types.ts +57 -57
  745. package/src/components/VariableInput/VariableInput.scss +127 -127
  746. package/src/components/VariableInput/VariableInput.stories.tsx +32 -32
  747. package/src/components/VariableInput/VariableInput.tsx +352 -352
  748. package/src/components/VariableInput/types.ts +56 -56
  749. package/src/hooks/keyboardevents/useEscKeyEvent.tsx +30 -30
  750. package/src/hooks/useClickOutside.tsx +30 -30
  751. package/src/hooks/useFileDropzone.tsx +275 -275
  752. package/src/hooks/useIntersectionObserver.tsx +56 -56
  753. package/src/hooks/usePortalPosition.tsx +53 -53
  754. package/src/hooks/useTheme.tsx +13 -13
  755. package/src/index.ts +302 -302
  756. package/src/utils/FormatString/FormatString.stories.tsx +58 -58
  757. package/src/utils/FormatString/FormatString.tsx +41 -41
  758. package/src/utils/TableCell/TableCell.ts +16 -16
  759. package/src/utils/capitalize/capitalize.stories.tsx +44 -44
  760. package/src/utils/capitalize/capitalize.tsx +4 -4
  761. package/src/utils/checkDuplicates/CheckDuplicates.stories.tsx +40 -40
  762. package/src/utils/checkDuplicates/checkDuplicates.ts +13 -13
  763. package/src/utils/checkEmpty/checkEmpty.stories.tsx +34 -34
  764. package/src/utils/checkEmpty/checkEmpty.ts +24 -24
  765. package/src/utils/compareArrays/compareArrays.stories.tsx +62 -62
  766. package/src/utils/compareArrays/compareArrays.ts +31 -31
  767. package/src/utils/compareObjects/compareObjects.stories.tsx +51 -51
  768. package/src/utils/compareObjects/compareObjects.ts +53 -53
  769. package/src/utils/debounce/debounce.stories.tsx +81 -81
  770. package/src/utils/debounce/debounce.ts +28 -28
  771. package/src/utils/downloadFile/saveFileFromBlob.stories.tsx +62 -62
  772. package/src/utils/downloadFile/saveFileFromBlob.ts +40 -40
  773. package/src/utils/ffID/ffID.stories.tsx +35 -35
  774. package/src/utils/ffID/ffid.ts +7 -7
  775. package/src/utils/findAndInsert/findAndInsert.stories.tsx +119 -119
  776. package/src/utils/findAndInsert/findAndInsert.ts +49 -49
  777. package/src/utils/formData/ConvertFormDataToObject.stories.tsx +27 -0
  778. package/src/utils/formData/ConvertFormDataToObject.ts +14 -0
  779. package/src/utils/functionCheck/functionCheck.ts +8 -8
  780. package/src/utils/getEncryptedData/getEncryptedData.stories.tsx +55 -55
  781. package/src/utils/getEncryptedData/getEncryptedData.ts +8 -8
  782. package/src/utils/getExtension/getExtension.stories.tsx +24 -23
  783. package/src/utils/getExtension/getExtension.ts +28 -28
  784. package/src/utils/getSelectOptionValue/getSelectOptionValue.ts +31 -31
  785. package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +72 -72
  786. package/src/utils/getSequentialPayload/getSequentialPayload.ts +16 -16
  787. package/src/utils/getSequentialPayload/types.ts +33 -33
  788. package/src/utils/throttle/throttle.stories.tsx +100 -100
  789. package/src/utils/throttle/throttle.ts +33 -33
  790. package/src/utils/truncateText/truncateText.stories.tsx +37 -37
  791. package/src/utils/truncateText/truncateText.ts +4 -4
  792. package/src/utils/validateFile/validateFile.stories.tsx +49 -49
  793. package/src/utils/validateFile/validateFile.ts +39 -39
  794. package/src/validations/regex.stories.tsx +418 -362
  795. package/src/validations/regex.ts +224 -194
  796. package/tsconfig.json +55 -55
  797. package/vite.config.js +14 -14
  798. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  799. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  800. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  801. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  802. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
  803. package/lib/components/TableTree/TableTree copy.d.ts +0 -25
  804. package/src/assets/images/photo.png +0 -0
package/lib/index.js CHANGED
@@ -641,6 +641,16 @@ 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 SvgUnfollowIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 8C0 3.58853 3.58916 0 8 0C12.4108 0 16 3.58853 16 8C16 12.4115 12.4115 16 8 16C3.58916 16 0 12.4115 0 8ZM1.23934 8C1.23934 11.728 4.27203 14.7607 8 14.7607C11.728 14.7607 14.7607 11.728 14.7607 8C14.7607 4.27203 11.728 1.23934 8 1.23934C4.27203 1.23934 1.23934 4.27203 1.23934 8ZM4.90161 7.32455H11.0984C11.4404 7.32455 11.718 7.60218 11.718 7.94424C11.718 8.2863 11.4404 8.56393 11.0984 8.56393H4.90161C4.55955 8.56393 4.28192 8.2863 4.28192 7.94424C4.28192 7.60218 4.55955 7.32455 4.90161 7.32455Z", fill: "currentColor" }));
645
+
646
+ const SvgExternalUser = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip0_9582_16046)" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, rx: 8, fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12 7.86207V11.1724C12 11.3919 11.9128 11.6024 11.7576 11.7576C11.6024 11.9128 11.3919 12 11.1724 12H4.82759C4.6081 12 4.3976 11.9128 4.24239 11.7576C4.08719 11.6024 4 11.3919 4 11.1724V4.82759C4 4.6081 4.08719 4.3976 4.24239 4.24239C4.3976 4.08719 4.6081 4 4.82759 4H8.13793C8.24768 4 8.35293 4.0436 8.43053 4.1212C8.50813 4.1988 8.55172 4.30405 8.55172 4.41379C8.55172 4.52354 8.50813 4.62879 8.43053 4.70639C8.35293 4.78399 8.24768 4.82759 8.13793 4.82759H5.10345C5.03035 4.8278 4.96031 4.85694 4.90863 4.90863C4.85694 4.96031 4.8278 5.03035 4.82759 5.10345V10.8966C4.8278 10.9696 4.85694 11.0397 4.90863 11.0914C4.96031 11.1431 5.03035 11.1722 5.10345 11.1724H10.8966C10.9696 11.1722 11.0397 11.1431 11.0914 11.0914C11.1431 11.0397 11.1722 10.9696 11.1724 10.8966V7.86207C11.1724 7.75232 11.216 7.64707 11.2936 7.56947C11.3712 7.49187 11.4765 7.44828 11.5862 7.44828C11.696 7.44828 11.8012 7.49187 11.8788 7.56947C11.9564 7.64707 12 7.75232 12 7.86207Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12 4.27586V6.2069C12 6.31664 11.9564 6.42189 11.8788 6.49949C11.8012 6.57709 11.6959 6.62069 11.5862 6.62069C11.4764 6.62069 11.3712 6.57709 11.2936 6.49949C11.216 6.42189 11.1724 6.31664 11.1724 6.2069V5.41241L8.68411 7.90069C8.60566 7.97378 8.50191 8.01357 8.39471 8.01168C8.28751 8.00979 8.18523 7.96636 8.10942 7.89055C8.0336 7.81474 7.99018 7.71245 7.98828 7.60525C7.98639 7.49805 8.02619 7.3943 8.09928 7.31586L10.5876 4.82759H9.79307C9.68333 4.82759 9.57808 4.78399 9.50047 4.70639C9.42287 4.62879 9.37928 4.52354 9.37928 4.41379C9.37928 4.30405 9.42287 4.1988 9.50047 4.1212C9.57808 4.0436 9.68333 4 9.79307 4H11.7241C11.7972 4.00022 11.8672 4.02935 11.9189 4.08104C11.9706 4.13273 11.9997 4.20277 12 4.27586Z", fill: "white" })), /* @__PURE__ */ React__namespace.createElement("rect", { x: 0.5, y: 0.5, width: 15, height: 15, rx: 7.5, stroke: "white" }), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_9582_16046" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, rx: 8, fill: "white" }))));
647
+
648
+ const SvgSingleUser = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip0_9582_16045)" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, rx: 8, fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.2222 5.22222C10.2222 6.44952 9.22729 7.44444 7.99999 7.44444C6.77269 7.44444 5.77777 6.44952 5.77777 5.22222C5.77777 3.99492 6.77269 3 7.99999 3C9.22729 3 10.2222 3.99492 10.2222 5.22222ZM11.3334 11.3333V10.7778C11.3334 10.0411 11.0407 9.33453 10.5198 8.81359C9.99883 8.29266 9.29229 8 8.55558 8H7.44446C6.70775 8 6.00121 8.29266 5.48028 8.81359C4.95934 9.33453 4.66669 10.0411 4.66669 10.7778V11.3333C4.66801 11.775 4.84402 12.1981 5.1563 12.5104C5.46857 12.8227 5.89173 12.9987 6.33335 13H9.66669C10.1083 12.9987 10.5315 12.8227 10.8437 12.5104C11.156 12.1981 11.332 11.775 11.3334 11.3333Z", fill: "white" })), /* @__PURE__ */ React__namespace.createElement("rect", { x: 0.5, y: 0.5, width: 15, height: 15, rx: 7.5, stroke: "white" }), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_9582_16045" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, rx: 8, fill: "white" }))));
649
+
650
+ const SvgGroupUser = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip0_9582_16047)" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, rx: 8, fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.91666 5.80792C5.91666 6.49828 5.35702 7.05792 4.66666 7.05792C3.97631 7.05792 3.41666 6.49828 3.41666 5.80792C3.41666 5.11757 3.97631 4.55792 4.66666 4.55792C5.35702 4.55792 5.91666 5.11757 5.91666 5.80792ZM5.03243 8.97849C5.27225 8.54623 5.61812 8.18212 6.0375 7.92042C5.92048 7.78116 5.77447 7.66911 5.60966 7.59211C5.44486 7.51511 5.26524 7.475 5.08333 7.47459H4.25C3.91878 7.47558 3.60142 7.60759 3.36721 7.8418C3.133 8.076 3.00099 8.39337 3 8.72459V9.55792C3.00066 9.77873 3.08867 9.99031 3.24481 10.1465C3.40094 10.3026 3.61252 10.3906 3.83333 10.3913H4.66667C4.66674 9.89693 4.79261 9.41075 5.03243 8.97849ZM11.3333 7.05792C12.0237 7.05792 12.5833 6.49828 12.5833 5.80792C12.5833 5.11757 12.0237 4.55792 11.3333 4.55792C10.643 4.55792 10.0833 5.11757 10.0833 5.80792C10.0833 6.49828 10.643 7.05792 11.3333 7.05792ZM13 9.55792V8.72459C12.999 8.39337 12.867 8.076 12.6328 7.8418C12.3986 7.60759 12.0812 7.47558 11.75 7.47459H10.9167C10.7348 7.475 10.5551 7.51511 10.3903 7.59211C10.2255 7.66911 10.0795 7.78116 9.9625 7.92042C10.3819 8.18212 10.7278 8.54623 10.9676 8.97849C11.2074 9.41075 11.3333 9.89693 11.3333 10.3913H12.1667C12.3875 10.3906 12.5991 10.3026 12.7552 10.1465C12.9113 9.99031 12.9993 9.77873 13 9.55792ZM8 7.89126C8.92047 7.89126 9.66667 7.14506 9.66667 6.22459C9.66667 5.30411 8.92047 4.55792 8 4.55792C7.07953 4.55792 6.33333 5.30411 6.33333 6.22459C6.33333 7.14506 7.07953 7.89126 8 7.89126ZM10.5 10.8079V10.3913C10.5 9.83872 10.2805 9.30882 9.88981 8.91812C9.49911 8.52742 8.9692 8.30792 8.41667 8.30792H7.58334C7.0308 8.30792 6.5009 8.52742 6.1102 8.91812C5.7195 9.30882 5.5 9.83872 5.5 10.3913V10.8079C5.50099 11.1391 5.63301 11.4565 5.86721 11.6907C6.10142 11.9249 6.41879 12.0569 6.75 12.0579H9.25C9.58122 12.0569 9.89859 11.9249 10.1328 11.6907C10.367 11.4565 10.499 11.1391 10.5 10.8079Z", fill: "white" })), /* @__PURE__ */ React__namespace.createElement("rect", { x: 0.5, y: 0.5, width: 15, height: 15, rx: 7.5, stroke: "white" }), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_9582_16047" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, rx: 8, fill: "white" }))));
651
+
652
+ 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" }));
653
+
644
654
  let Components = {};
645
655
  Components['success'] = SvgSuccess;
646
656
  Components['alert'] = SvgAlert;
@@ -888,6 +898,11 @@ Components['executions_icon'] = SvgExecutionsIcon;
888
898
  Components['suites_icon'] = SvgSuitesIcon;
889
899
  Components['import_icon'] = SvgImportIcon;
890
900
  Components['settings'] = SvgSettings;
901
+ Components['test_freshers_logo'] = SvgTestFreshersLogo;
902
+ Components['unfollow_icon'] = SvgUnfollowIcon;
903
+ Components['external_user'] = SvgExternalUser;
904
+ Components['single_user'] = SvgSingleUser;
905
+ Components['group_user'] = SvgGroupUser;
891
906
 
892
907
  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
908
  styleInject(css_248z$1h);
@@ -973,7 +988,7 @@ const Typography = ({
973
988
  fontWeight = 'regular',
974
989
  fontSize = 12,
975
990
  lineHeight = 'normal',
976
- color = '',
991
+ color = 'var(--text-color)',
977
992
  textAlign = 'left',
978
993
  as: Element = 'span',
979
994
  letterSpacing = '',
@@ -1085,7 +1100,7 @@ function useEscapeKey(key) {
1085
1100
  };
1086
1101
  }
1087
1102
 
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_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: #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}\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: #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}\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}";
1103
+ 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 --panel-shadow: rgba(0, 0, 0, 0.1019607843);\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 --panel-shadow: rgba(0, 0, 0, 0.1019607843);\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 --panel-shadow: rgba(0, 0, 0, 0.1019607843);\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 --panel-shadow: rgba(0, 0, 0, 0.1019607843);\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
1104
  styleInject(css_248z$1e);
1090
1105
 
1091
1106
  const ThemeContext = /*#__PURE__*/React.createContext(undefined);
@@ -2399,6 +2414,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
2399
2414
  onBlur,
2400
2415
  onFocus,
2401
2416
  autoComplete = 'off',
2417
+ autoFocus = false,
2402
2418
  minValue = -Infinity,
2403
2419
  maxValue = Infinity,
2404
2420
  transparentBackground = false,
@@ -2417,10 +2433,10 @@ const Input = /*#__PURE__*/React.forwardRef(({
2417
2433
  'ff-input-container--disabled': !!disabled
2418
2434
  }),
2419
2435
  children: [isLabelRequired && jsxRuntime.jsxs("label", {
2420
- htmlFor: name,
2421
2436
  className: classNames(`ff-input-label-container ff-input-label-container--${size}`, {
2422
2437
  'ff-input-label-container--danger': !!error
2423
2438
  }),
2439
+ htmlFor: name,
2424
2440
  children: [required && jsxRuntime.jsx("span", {
2425
2441
  className: "required-asterisk",
2426
2442
  children: "*"
@@ -2453,6 +2469,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
2453
2469
  onFocus: onFocus,
2454
2470
  onBlur: onBlur,
2455
2471
  autoComplete: autoComplete,
2472
+ autoFocus: autoFocus,
2456
2473
  min: minValue,
2457
2474
  max: maxValue,
2458
2475
  ...props
@@ -9514,7 +9531,7 @@ const MiniModal = /*#__PURE__*/React.forwardRef(({
9514
9531
  }), document.body);
9515
9532
  });
9516
9533
 
9517
- 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\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}";
9534
+ 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}";
9518
9535
  styleInject(css_248z$O);
9519
9536
 
9520
9537
  const TableHead = /*#__PURE__*/React.memo(({
@@ -9574,12 +9591,12 @@ const TableCell = /*#__PURE__*/React.memo(({
9574
9591
  className: "tree-table-td-content",
9575
9592
  children: [col.isTree && select === 'checkbox' && jsxRuntime.jsx(Checkbox, {
9576
9593
  checked: selected.includes(node.id),
9577
- onChange: () => onCheckBoxChange('checkbox', node)
9594
+ onChange: e => onCheckBoxChange(e, node)
9578
9595
  }), col.isTree && select === 'radio' && jsxRuntime.jsx(RadioButton, {
9579
9596
  name: node.title,
9580
9597
  checked: selected.includes(node.id),
9581
9598
  value: node.id,
9582
- onChange: () => onCheckBoxChange('radio', node)
9599
+ onChange: e => onCheckBoxChange(e, node)
9583
9600
  }), prepareData(node, col)]
9584
9601
  })]
9585
9602
  }), col.actions && jsxRuntime.jsx("div", {
@@ -9651,19 +9668,6 @@ const TableBody = /*#__PURE__*/React.memo(({
9651
9668
  })]
9652
9669
  }));
9653
9670
 
9654
- const getAllChildIds = (nodeId, data) => {
9655
- let result = [nodeId];
9656
- // Traverse the tree and find children based on parentId
9657
- data.forEach(({
9658
- node
9659
- }) => {
9660
- if (node.parentId === nodeId) {
9661
- result = result.concat(getAllChildIds(node.id, data)); // Add children recursively
9662
- }
9663
- });
9664
- return result;
9665
- };
9666
-
9667
9671
  const functionCheck = functionToCheck => !checkEmpty(functionToCheck) && functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
9668
9672
 
9669
9673
  const TreeTable = ({
@@ -9694,22 +9698,9 @@ const TreeTable = ({
9694
9698
  }
9695
9699
  });
9696
9700
  const handleToggleExpand = React.useCallback(node => onExpand?.(true, node?.id), [onExpand]);
9697
- const handleCheckBoxChange = React.useCallback((type, node) => {
9698
- const nodeId = node.id;
9699
- if (type === 'radio') {
9700
- onChange?.('true', [nodeId]);
9701
- } else {
9702
- let updatedSelected = [...selected];
9703
- if (!updatedSelected.includes(nodeId)) {
9704
- const childIds = getAllChildIds(nodeId, treeData);
9705
- updatedSelected = [...new Set([...updatedSelected, ...childIds])]; // Add children
9706
- } else {
9707
- const childIds = getAllChildIds(nodeId, treeData);
9708
- updatedSelected = updatedSelected.filter(id => !childIds.includes(id));
9709
- }
9710
- onChange?.('true', updatedSelected);
9711
- }
9712
- }, [selected, treeData, onChange]);
9701
+ const handleCheckBoxChange = React.useCallback((e, node) => {
9702
+ onChange?.(e, node);
9703
+ }, [onChange]);
9713
9704
  const handleRowClick = React.useCallback((e, node) => onClick?.(e, node), [onClick]);
9714
9705
  return jsxRuntime.jsx("div", {
9715
9706
  className: "tree-table-wrap",
@@ -13313,53 +13304,6 @@ function setYear(date, year, options) {
13313
13304
  return date_;
13314
13305
  }
13315
13306
 
13316
- const FIVE_WEEKS = 5;
13317
- const FOUR_WEEKS = 4;
13318
- /**
13319
- * Return the number of weeks to display in the broadcast calendar.
13320
- *
13321
- * @since 9.4.0
13322
- */
13323
- function getBroadcastWeeksInMonth(month, dateLib) {
13324
- // Get the first day of the month
13325
- const firstDayOfMonth = dateLib.startOfMonth(month);
13326
- // Get the day of the week for the first day of the month (1-7, where 1 is Monday)
13327
- const firstDayOfWeek = firstDayOfMonth.getDay() > 0 ? firstDayOfMonth.getDay() : 7;
13328
- const broadcastStartDate = dateLib.addDays(month, -firstDayOfWeek + 1);
13329
- const lastDateOfLastWeek = dateLib.addDays(broadcastStartDate, FIVE_WEEKS * 7 - 1);
13330
- const numberOfWeeks = month.getMonth() === lastDateOfLastWeek.getMonth() ? FIVE_WEEKS : FOUR_WEEKS;
13331
- return numberOfWeeks;
13332
- }
13333
-
13334
- /**
13335
- * Return the start date of the week in the broadcast calendar.
13336
- *
13337
- * @since 9.4.0
13338
- */
13339
- function startOfBroadcastWeek(date, dateLib) {
13340
- const firstOfMonth = dateLib.startOfMonth(date);
13341
- const dayOfWeek = firstOfMonth.getDay();
13342
- if (dayOfWeek === 1) {
13343
- return firstOfMonth;
13344
- } else if (dayOfWeek === 0) {
13345
- return dateLib.addDays(firstOfMonth, -1 * 6);
13346
- } else {
13347
- return dateLib.addDays(firstOfMonth, -1 * (dayOfWeek - 1));
13348
- }
13349
- }
13350
-
13351
- /**
13352
- * Return the end date of the week in the broadcast calendar.
13353
- *
13354
- * @since 9.4.0
13355
- */
13356
- function endOfBroadcastWeek(date, dateLib) {
13357
- const startDate = startOfBroadcastWeek(date, dateLib);
13358
- const numberOfWeeks = getBroadcastWeeksInMonth(date, dateLib);
13359
- const endDate = dateLib.addDays(startDate, numberOfWeeks * 7 - 1);
13360
- return endDate;
13361
- }
13362
-
13363
13307
  /**
13364
13308
  * A wrapper class around [date-fns](http://date-fns.org) sharing the same
13365
13309
  * options. Methods of this class can be overridden using the
@@ -13440,15 +13384,6 @@ class DateLib {
13440
13384
  this.differenceInCalendarMonths = (dateLeft, dateRight) => {
13441
13385
  return this.overrides?.differenceInCalendarMonths ? this.overrides.differenceInCalendarMonths(dateLeft, dateRight) : differenceInCalendarMonths(dateLeft, dateRight);
13442
13386
  };
13443
- /**
13444
- * Returns the end of the broadcast week for the given date.
13445
- *
13446
- * @param date The original date.
13447
- * @returns The end of the broadcast week.
13448
- */
13449
- this.endOfBroadcastWeek = date => {
13450
- return this.overrides?.endOfBroadcastWeek ? this.overrides.endOfBroadcastWeek(date, this) : endOfBroadcastWeek(date, this);
13451
- };
13452
13387
  /**
13453
13388
  * Returns the end of the ISO week for the given date.
13454
13389
  *
@@ -13610,15 +13545,6 @@ class DateLib {
13610
13545
  this.setYear = (date, year) => {
13611
13546
  return this.overrides?.setYear ? this.overrides.setYear(date, year) : setYear(date, year);
13612
13547
  };
13613
- /**
13614
- * Returns the start of the broadcast week for the given date.
13615
- *
13616
- * @param date The original date.
13617
- * @returns The start of the broadcast week.
13618
- */
13619
- this.startOfBroadcastWeek = date => {
13620
- return this.overrides?.startOfBroadcastWeek ? this.overrides.startOfBroadcastWeek(date, this) : startOfBroadcastWeek(date, this);
13621
- };
13622
13548
  /**
13623
13549
  * Returns the start of the day for the given date.
13624
13550
  *
@@ -14204,8 +14130,7 @@ function getDataAttributes(props) {
14204
14130
  "data-mode": props.mode ?? undefined,
14205
14131
  "data-required": "required" in props ? props.required : undefined,
14206
14132
  "data-multiple-months": props.numberOfMonths && props.numberOfMonths > 1 || undefined,
14207
- "data-week-numbers": props.showWeekNumber || undefined,
14208
- "data-broadcast-calendar": props.broadcastCalendar || undefined
14133
+ "data-week-numbers": props.showWeekNumber || undefined
14209
14134
  };
14210
14135
  Object.entries(props).forEach(([key, val]) => {
14211
14136
  if (key.startsWith("data-")) {
@@ -14271,7 +14196,7 @@ function formatDay(date, options, dateLib) {
14271
14196
  */
14272
14197
  function formatMonthDropdown(/** The month number to format. */
14273
14198
  monthNumber, /** The locale to use for formatting. */
14274
- locale) {
14199
+ locale = enUS) {
14275
14200
  return locale.localize?.month(monthNumber);
14276
14201
  }
14277
14202
 
@@ -14375,7 +14300,7 @@ function getMonthOptions(displayMonth, navStart, navEnd, formatters, dateLib) {
14375
14300
  return a - b;
14376
14301
  });
14377
14302
  const options = sortedMonths.map(value => {
14378
- const label = formatters.formatMonthDropdown(value, dateLib.options.locale ?? enUS);
14303
+ const label = formatters.formatMonthDropdown(value, dateLib.options.locale);
14379
14304
  const month = dateLib.Date ? new dateLib.Date(year, value) : new Date(year, value);
14380
14305
  const disabled = navStart && month < startOfMonth(navStart) || navEnd && month > startOfMonth(navEnd) || false;
14381
14306
  return {
@@ -14750,8 +14675,7 @@ function tzName(tz, date) {
14750
14675
  */
14751
14676
  function getWeekdays(/** The date library. */
14752
14677
  dateLib, /** Use ISOWeek instead of locale/ */
14753
- ISOWeek, timeZone, /** @since 9.4.0 */
14754
- broadcastCalendar) {
14678
+ ISOWeek, timeZone) {
14755
14679
  const date = timeZone ? TZDate.tz(timeZone) : dateLib.Date ? new dateLib.Date() : new Date();
14756
14680
  const start = ISOWeek ? dateLib.startOfISOWeek(date) : dateLib.startOfWeek(date);
14757
14681
  const days = [];
@@ -14954,30 +14878,29 @@ var defaultLabels = /*#__PURE__*/Object.freeze({
14954
14878
  labelYearDropdown: labelYearDropdown
14955
14879
  });
14956
14880
 
14881
+ /** The number of days in a month when having 6 weeks. */
14882
+ const NrOfDaysWithFixedWeeks = 42;
14957
14883
  /** Return all the dates to display in the calendar. */
14958
14884
  function getDates(displayMonths, maxDate, props, dateLib) {
14959
14885
  const firstMonth = displayMonths[0];
14960
14886
  const lastMonth = displayMonths[displayMonths.length - 1];
14961
14887
  const {
14962
14888
  ISOWeek,
14963
- fixedWeeks,
14964
- broadcastCalendar
14889
+ fixedWeeks
14965
14890
  } = props ?? {};
14966
14891
  const {
14892
+ startOfWeek,
14893
+ endOfWeek,
14894
+ startOfISOWeek,
14895
+ endOfISOWeek,
14967
14896
  addDays,
14968
14897
  differenceInCalendarDays,
14969
14898
  differenceInCalendarMonths,
14970
- endOfBroadcastWeek,
14971
- endOfISOWeek,
14972
- endOfMonth,
14973
- endOfWeek,
14974
14899
  isAfter,
14975
- startOfBroadcastWeek,
14976
- startOfISOWeek,
14977
- startOfWeek
14900
+ endOfMonth
14978
14901
  } = dateLib;
14979
- const startWeekFirstDate = broadcastCalendar ? startOfBroadcastWeek(firstMonth, dateLib) : ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
14980
- const endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek(lastMonth, dateLib) : ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
14902
+ const startWeekFirstDate = ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
14903
+ const endWeekLastDate = ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
14981
14904
  const nOfDays = differenceInCalendarDays(endWeekLastDate, startWeekFirstDate);
14982
14905
  const nOfMonths = differenceInCalendarMonths(lastMonth, firstMonth) + 1;
14983
14906
  const dates = [];
@@ -14989,11 +14912,9 @@ function getDates(displayMonths, maxDate, props, dateLib) {
14989
14912
  dates.push(date);
14990
14913
  }
14991
14914
  // If fixed weeks is enabled, add the extra dates to the array
14992
- const nrOfDaysWithFixedWeeks = broadcastCalendar ? 35 : 42;
14993
- const extraDates = nrOfDaysWithFixedWeeks * nOfMonths;
14915
+ const extraDates = NrOfDaysWithFixedWeeks * nOfMonths;
14994
14916
  if (fixedWeeks && dates.length < extraDates) {
14995
- const daysToAdd = extraDates - dates.length;
14996
- for (let i = 0; i < daysToAdd; i++) {
14917
+ for (let i = 0; i < 7; i++) {
14997
14918
  const date = addDays(dates[dates.length - 1], 1);
14998
14919
  dates.push(date);
14999
14920
  }
@@ -15104,29 +15025,25 @@ displayMonths, /** The dates to display in the calendar. */
15104
15025
  dates, /** Options from the props context. */
15105
15026
  props, dateLib) {
15106
15027
  const {
15107
- addDays,
15108
- endOfBroadcastWeek,
15028
+ startOfWeek,
15029
+ endOfWeek,
15030
+ startOfISOWeek,
15109
15031
  endOfISOWeek,
15110
15032
  endOfMonth,
15111
- endOfWeek,
15112
- getISOWeek,
15033
+ addDays,
15113
15034
  getWeek,
15114
- startOfBroadcastWeek,
15115
- startOfISOWeek,
15116
- startOfWeek
15035
+ getISOWeek
15117
15036
  } = dateLib;
15118
15037
  const dayPickerMonths = displayMonths.reduce((months, month) => {
15119
- const firstDateOfFirstWeek = props.broadcastCalendar ? startOfBroadcastWeek(month, dateLib) : props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
15120
- const lastDateOfLastWeek = props.broadcastCalendar ? endOfBroadcastWeek(month, dateLib) : props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
15038
+ const firstDateOfFirstWeek = props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
15039
+ const lastDateOfLastWeek = props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
15121
15040
  /** The dates to display in the month. */
15122
15041
  const monthDates = dates.filter(date => {
15123
15042
  return date >= firstDateOfFirstWeek && date <= lastDateOfLastWeek;
15124
15043
  });
15125
- const nrOfDaysWithFixedWeeks = props.broadcastCalendar ? 35 : 42;
15126
- if (props.fixedWeeks && monthDates.length < nrOfDaysWithFixedWeeks) {
15044
+ if (props.fixedWeeks && monthDates.length < 42) {
15127
15045
  const extraDates = dates.filter(date => {
15128
- const daysToAdd = nrOfDaysWithFixedWeeks - monthDates.length;
15129
- return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, daysToAdd);
15046
+ return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, 7);
15130
15047
  });
15131
15048
  monthDates.push(...extraDates);
15132
15049
  }
@@ -15564,30 +15481,27 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
15564
15481
  /** Return the next date that should be focused. */
15565
15482
  function getFocusableDate(moveBy, moveDir, refDate, navStart, navEnd, props, dateLib) {
15566
15483
  const {
15567
- ISOWeek,
15568
- broadcastCalendar
15484
+ ISOWeek
15569
15485
  } = props;
15570
15486
  const {
15571
15487
  addDays,
15572
15488
  addMonths,
15573
- addWeeks,
15574
15489
  addYears,
15575
- endOfBroadcastWeek,
15490
+ addWeeks,
15491
+ startOfISOWeek,
15576
15492
  endOfISOWeek,
15493
+ startOfWeek,
15577
15494
  endOfWeek,
15578
15495
  max,
15579
- min,
15580
- startOfBroadcastWeek,
15581
- startOfISOWeek,
15582
- startOfWeek
15496
+ min
15583
15497
  } = dateLib;
15584
15498
  const moveFns = {
15585
15499
  day: addDays,
15586
15500
  week: addWeeks,
15587
15501
  month: addMonths,
15588
15502
  year: addYears,
15589
- startOfWeek: date => broadcastCalendar ? startOfBroadcastWeek(date, dateLib) : ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
15590
- endOfWeek: date => broadcastCalendar ? endOfBroadcastWeek(date, dateLib) : ISOWeek ? endOfISOWeek(date) : endOfWeek(date)
15503
+ startOfWeek: date => ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
15504
+ endOfWeek: date => ISOWeek ? endOfISOWeek(date) : endOfWeek(date)
15591
15505
  };
15592
15506
  let focusableDate = moveFns[moveBy](refDate, moveDir === "after" ? 1 : -1);
15593
15507
  if (moveDir === "before" && navStart) {
@@ -15653,8 +15567,6 @@ function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
15653
15567
  /**
15654
15568
  * Return a function to get the modifiers for a given day.
15655
15569
  *
15656
- * NOTE: this is not an hook, but a factory for `getModifiers`.
15657
- *
15658
15570
  * @private
15659
15571
  */
15660
15572
  function useGetModifiers(days, props, dateLib) {
@@ -15663,19 +15575,12 @@ function useGetModifiers(days, props, dateLib) {
15663
15575
  hidden,
15664
15576
  modifiers,
15665
15577
  showOutsideDays,
15666
- broadcastCalendar,
15667
15578
  today
15668
15579
  } = props;
15669
15580
  const {
15670
15581
  isSameDay,
15671
- isSameMonth,
15672
- startOfMonth,
15673
- isBefore,
15674
- endOfMonth,
15675
- isAfter
15582
+ isSameMonth
15676
15583
  } = dateLib;
15677
- const startMonth = props.startMonth && startOfMonth(props.startMonth);
15678
- const endMonth = props.endMonth && endOfMonth(props.endMonth);
15679
15584
  const internalModifiersMap = {
15680
15585
  [DayFlag.focused]: [],
15681
15586
  [DayFlag.outside]: [],
@@ -15684,18 +15589,20 @@ function useGetModifiers(days, props, dateLib) {
15684
15589
  [DayFlag.today]: []
15685
15590
  };
15686
15591
  const customModifiersMap = {};
15592
+ const selectionModifiersMap = {
15593
+ [SelectionState.range_end]: [],
15594
+ [SelectionState.range_middle]: [],
15595
+ [SelectionState.range_start]: [],
15596
+ [SelectionState.selected]: []
15597
+ };
15687
15598
  for (const day of days) {
15688
15599
  const {
15689
15600
  date,
15690
15601
  displayMonth
15691
15602
  } = day;
15692
15603
  const isOutside = Boolean(displayMonth && !isSameMonth(date, displayMonth));
15693
- const isBeforeStartMonth = Boolean(startMonth && isBefore(date, startMonth));
15694
- const isAfterEndMonth = Boolean(endMonth && isAfter(date, endMonth));
15695
15604
  const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
15696
- const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || isBeforeStartMonth || isAfterEndMonth ||
15697
- // Broadcast calendar will show outside days as default
15698
- !broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
15605
+ const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || !showOutsideDays && isOutside;
15699
15606
  const isToday = isSameDay(date, today ?? (props.timeZone ? TZDate.tz(props.timeZone) : dateLib.Date ? new dateLib.Date() : new Date()));
15700
15607
  if (isOutside) internalModifiersMap.outside.push(day);
15701
15608
  if (isDisabled) internalModifiersMap.disabled.push(day);
@@ -15724,16 +15631,27 @@ function useGetModifiers(days, props, dateLib) {
15724
15631
  [DayFlag.outside]: false,
15725
15632
  [DayFlag.today]: false
15726
15633
  };
15634
+ const selectionStates = {
15635
+ [SelectionState.range_end]: false,
15636
+ [SelectionState.range_middle]: false,
15637
+ [SelectionState.range_start]: false,
15638
+ [SelectionState.selected]: false
15639
+ };
15727
15640
  const customModifiers = {};
15728
15641
  // Find the modifiers for the given day
15729
15642
  for (const name in internalModifiersMap) {
15730
15643
  const days = internalModifiersMap[name];
15731
15644
  dayFlags[name] = days.some(d => d === day);
15732
15645
  }
15646
+ for (const name in selectionModifiersMap) {
15647
+ const days = selectionModifiersMap[name];
15648
+ selectionStates[name] = days.some(d => d === day);
15649
+ }
15733
15650
  for (const name in customModifiersMap) {
15734
15651
  customModifiers[name] = customModifiersMap[name].some(d => d === day);
15735
15652
  }
15736
15653
  return {
15654
+ ...selectionStates,
15737
15655
  ...dayFlags,
15738
15656
  // custom modifiers should override all the previous ones
15739
15657
  ...customModifiers
@@ -16138,7 +16056,7 @@ function DayPicker(props) {
16138
16056
  };
16139
16057
  const dateLib = new DateLib({
16140
16058
  locale,
16141
- weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
16059
+ weekStartsOn: props.weekStartsOn,
16142
16060
  firstWeekContainsDate: props.firstWeekContainsDate,
16143
16061
  useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
16144
16062
  useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens
@@ -16157,7 +16075,7 @@ function DayPicker(props) {
16157
16075
  ...props.classNames
16158
16076
  }
16159
16077
  };
16160
- }, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn, props.broadcastCalendar]);
16078
+ }, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn]);
16161
16079
  const {
16162
16080
  captionLayout,
16163
16081
  mode,
@@ -18935,8 +18853,6 @@ function LiveRegion(_ref) {
18935
18853
  // Hide element visually but keep it readable by screen readers
18936
18854
  const visuallyHidden = {
18937
18855
  position: 'fixed',
18938
- top: 0,
18939
- left: 0,
18940
18856
  width: 1,
18941
18857
  height: 1,
18942
18858
  margin: -1,
@@ -20229,9 +20145,6 @@ class AbstractPointerSensor {
20229
20145
  passive: false
20230
20146
  });
20231
20147
  this.listeners.add(events.end.name, this.handleEnd);
20232
- if (events.cancel) {
20233
- this.listeners.add(events.cancel.name, this.handleCancel);
20234
- }
20235
20148
  this.windowListeners.add(EventName.Resize, this.handleCancel);
20236
20149
  this.windowListeners.add(EventName.DragStart, preventDefault);
20237
20150
  this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
@@ -20351,9 +20264,6 @@ class AbstractPointerSensor {
20351
20264
  }
20352
20265
  }
20353
20266
  const events = {
20354
- cancel: {
20355
- name: 'pointercancel'
20356
- },
20357
20267
  move: {
20358
20268
  name: 'pointermove'
20359
20269
  },
@@ -20426,9 +20336,6 @@ MouseSensor.activators = [{
20426
20336
  }
20427
20337
  }];
20428
20338
  const events$2 = {
20429
- cancel: {
20430
- name: 'touchcancel'
20431
- },
20432
20339
  move: {
20433
20340
  name: 'touchmove'
20434
20341
  },
@@ -20630,11 +20537,11 @@ function useScrollIntent(_ref2) {
20630
20537
  }, [disabled, delta, previousDelta]);
20631
20538
  }
20632
20539
  function useCachedNode(draggableNodes, id) {
20633
- const draggableNode = id != null ? draggableNodes.get(id) : undefined;
20540
+ const draggableNode = id !== null ? draggableNodes.get(id) : undefined;
20634
20541
  const node = draggableNode ? draggableNode.node.current : null;
20635
20542
  return useLazyMemo(cachedNode => {
20636
20543
  var _ref;
20637
- if (id == null) {
20544
+ if (id === null) {
20638
20545
  return null;
20639
20546
  } // In some cases, the draggable node can unmount while dragging
20640
20547
  // This is the case for virtualized lists. In those situations,
@@ -20842,26 +20749,7 @@ function useRect(element, measure, fallbackRect) {
20842
20749
  if (measure === void 0) {
20843
20750
  measure = defaultMeasure;
20844
20751
  }
20845
- const [rect, setRect] = React.useState(null);
20846
- function measureRect() {
20847
- setRect(currentRect => {
20848
- if (!element) {
20849
- return null;
20850
- }
20851
- if (element.isConnected === false) {
20852
- var _ref;
20853
-
20854
- // Fall back to last rect we measured if the element is
20855
- // no longer connected to the DOM.
20856
- return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
20857
- }
20858
- const newRect = measure(element);
20859
- if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
20860
- return currentRect;
20861
- }
20862
- return newRect;
20863
- });
20864
- }
20752
+ const [rect, measureRect] = React.useReducer(reducer, null);
20865
20753
  const mutationObserver = useMutationObserver({
20866
20754
  callback(records) {
20867
20755
  if (!element) {
@@ -20896,6 +20784,23 @@ function useRect(element, measure, fallbackRect) {
20896
20784
  }
20897
20785
  }, [element]);
20898
20786
  return rect;
20787
+ function reducer(currentRect) {
20788
+ if (!element) {
20789
+ return null;
20790
+ }
20791
+ if (element.isConnected === false) {
20792
+ var _ref;
20793
+
20794
+ // Fall back to last rect we measured if the element is
20795
+ // no longer connected to the DOM.
20796
+ return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
20797
+ }
20798
+ const newRect = measure(element);
20799
+ if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
20800
+ return currentRect;
20801
+ }
20802
+ return newRect;
20803
+ }
20899
20804
  }
20900
20805
  function useRectDelta(rect) {
20901
20806
  const initialRect = useInitialValue(rect);
@@ -21041,24 +20946,28 @@ function useRects(elements, measure) {
21041
20946
  }
21042
20947
  const [firstElement] = elements;
21043
20948
  const windowRect = useWindowRect(firstElement ? getWindow(firstElement) : null);
21044
- const [rects, setRects] = React.useState(defaultValue$2);
21045
- function measureRects() {
21046
- setRects(() => {
21047
- if (!elements.length) {
21048
- return defaultValue$2;
21049
- }
21050
- return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
21051
- });
21052
- }
20949
+ const [rects, measureRects] = React.useReducer(reducer, defaultValue$2);
21053
20950
  const resizeObserver = useResizeObserver({
21054
20951
  callback: measureRects
21055
20952
  });
21056
- useIsomorphicLayoutEffect$1(() => {
21057
- resizeObserver == null ? void 0 : resizeObserver.disconnect();
20953
+ if (elements.length > 0 && rects === defaultValue$2) {
21058
20954
  measureRects();
21059
- elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
20955
+ }
20956
+ useIsomorphicLayoutEffect$1(() => {
20957
+ if (elements.length) {
20958
+ elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
20959
+ } else {
20960
+ resizeObserver == null ? void 0 : resizeObserver.disconnect();
20961
+ measureRects();
20962
+ }
21060
20963
  }, [elements]);
21061
20964
  return rects;
20965
+ function reducer() {
20966
+ if (!elements.length) {
20967
+ return defaultValue$2;
20968
+ }
20969
+ return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
20970
+ }
21062
20971
  }
21063
20972
  function getMeasurableNode(node) {
21064
20973
  if (!node) {
@@ -21225,7 +21134,7 @@ function reducer$1(state, action) {
21225
21134
  }
21226
21135
  };
21227
21136
  case Action.DragMove:
21228
- if (state.draggable.active == null) {
21137
+ if (!state.draggable.active) {
21229
21138
  return state;
21230
21139
  }
21231
21140
  return {
@@ -21497,7 +21406,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21497
21406
  containers: droppableContainers
21498
21407
  }
21499
21408
  } = state;
21500
- const node = activeId != null ? draggableNodes.get(activeId) : null;
21409
+ const node = activeId ? draggableNodes.get(activeId) : null;
21501
21410
  const activeRects = React.useRef({
21502
21411
  initial: null,
21503
21412
  translated: null
@@ -21532,7 +21441,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21532
21441
  const autoScrollOptions = getAutoScrollerOptions();
21533
21442
  const initialActiveNodeRect = useInitialRect(activeNode, measuringConfiguration.draggable.measure);
21534
21443
  useLayoutShiftScrollCompensation({
21535
- activeNode: activeId != null ? draggableNodes.get(activeId) : null,
21444
+ activeNode: activeId ? draggableNodes.get(activeId) : null,
21536
21445
  config: autoScrollOptions.layoutShiftCompensation,
21537
21446
  initialRect: initialActiveNodeRect,
21538
21447
  measure: measuringConfiguration.draggable.measure
@@ -21610,7 +21519,6 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21610
21519
 
21611
21520
  const appliedTranslate = usesDragOverlay ? modifiedTranslate : add(modifiedTranslate, activeNodeScrollDelta);
21612
21521
  const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? void 0 : over.rect) != null ? _over$rect : null, activeNodeRect);
21613
- const activeSensorRef = React.useRef(null);
21614
21522
  const instantiateSensor = React.useCallback((event, _ref2) => {
21615
21523
  let {
21616
21524
  sensor: Sensor,
@@ -21645,7 +21553,6 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21645
21553
  onDragStart
21646
21554
  } = latestProps.current;
21647
21555
  const event = {
21648
- activatorEvent,
21649
21556
  active: {
21650
21557
  id,
21651
21558
  data: draggableNode.data,
@@ -21664,8 +21571,6 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21664
21571
  type: 'onDragStart',
21665
21572
  event
21666
21573
  });
21667
- setActiveSensor(activeSensorRef.current);
21668
- setActivatorEvent(activatorEvent);
21669
21574
  });
21670
21575
  },
21671
21576
  onMove(coordinates) {
@@ -21677,7 +21582,10 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21677
21582
  onEnd: createHandler(Action.DragEnd),
21678
21583
  onCancel: createHandler(Action.DragCancel)
21679
21584
  });
21680
- activeSensorRef.current = sensorInstance;
21585
+ reactDom.unstable_batchedUpdates(() => {
21586
+ setActiveSensor(sensorInstance);
21587
+ setActivatorEvent(event.nativeEvent);
21588
+ });
21681
21589
  function createHandler(type) {
21682
21590
  return async function handler() {
21683
21591
  const {
@@ -21714,7 +21622,6 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21714
21622
  setOver(null);
21715
21623
  setActiveSensor(null);
21716
21624
  setActivatorEvent(null);
21717
- activeSensorRef.current = null;
21718
21625
  const eventName = type === Action.DragEnd ? 'onDragEnd' : 'onDragCancel';
21719
21626
  if (event) {
21720
21627
  const handler = latestProps.current[eventName];
@@ -21936,7 +21843,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
21936
21843
  });
21937
21844
  const NullContext = /*#__PURE__*/React.createContext(null);
21938
21845
  const defaultRole = 'button';
21939
- const ID_PREFIX$1 = 'Draggable';
21846
+ const ID_PREFIX$1 = 'Droppable';
21940
21847
  function useDraggable(_ref) {
21941
21848
  let {
21942
21849
  id,
@@ -22083,7 +21990,7 @@ function useDroppable(_ref) {
22083
21990
  resizeObserverConnected.current = false;
22084
21991
  resizeObserver.observe(nodeRef.current);
22085
21992
  }, [nodeRef, resizeObserver]);
22086
- React.useEffect(() => {
21993
+ useIsomorphicLayoutEffect$1(() => {
22087
21994
  dispatch({
22088
21995
  type: Action.RegisterDroppable,
22089
21996
  element: {
@@ -22498,7 +22405,6 @@ var DNDCore = /*#__PURE__*/Object.freeze({
22498
22405
  defaultCoordinates: defaultCoordinates,
22499
22406
  defaultDropAnimation: defaultDropAnimationConfiguration,
22500
22407
  defaultDropAnimationSideEffects: defaultDropAnimationSideEffects,
22501
- defaultKeyboardCoordinateGetter: defaultKeyboardCoordinateGetter,
22502
22408
  defaultScreenReaderInstructions: defaultScreenReaderInstructions,
22503
22409
  getClientRect: getClientRect,
22504
22410
  getFirstCollision: getFirstCollision,
@@ -26772,7 +26678,7 @@ const IconRadioGroup = ({
26772
26678
  });
26773
26679
  };
26774
26680
 
26775
- 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}";
26681
+ 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}";
26776
26682
  styleInject(css_248z$x);
26777
26683
 
26778
26684
  const MachineInputField = ({
@@ -26790,6 +26696,7 @@ const MachineInputField = ({
26790
26696
  sauceLabs: 'sause_lab',
26791
26697
  lambdaTest: 'lambda_icon',
26792
26698
  mac: 'mac_icon',
26699
+ mac_icon: 'mac_icon',
26793
26700
  android: 'android_icon',
26794
26701
  linux: 'linux',
26795
26702
  'google chrome': 'chrome_icon',
@@ -26861,7 +26768,8 @@ const Branches = ({
26861
26768
  onUpdateAddBrowserInstance,
26862
26769
  addInstanceLabel = '',
26863
26770
  scriptType = '',
26864
- projectType = ''
26771
+ projectType = '',
26772
+ readOnly
26865
26773
  }) => {
26866
26774
  const evenRow = rowIndex % 2 === 0;
26867
26775
  const lastMachineInstance = checkEmpty(machineInstances[machineColumnCount - 1]);
@@ -26978,39 +26886,41 @@ const Branches = ({
26978
26886
  runCount: numberOfRuns,
26979
26887
  options: getMachineLabelOptionList(projectType, machineInstance),
26980
26888
  contentReverse: !evenRow,
26981
- modalId: `${machineInstanceId}-runCount-${numberOfRuns}`,
26889
+ modalId: `${machineInstanceId}-runCount-${numberOfRuns - 1}`,
26982
26890
  onClick: () => onUpdateAddBrowserInstance(`${machineInstanceId}-runCount-0`, machineInstance)
26983
26891
  }, ffid())]
26984
- }), jsxRuntime.jsxs("div", {
26892
+ }), !readOnly && jsxRuntime.jsxs("div", {
26985
26893
  className: classNames({
26986
26894
  'ff-connecting-branch-datalist': evenRow,
26987
26895
  'ff-connecting-branch-datalist-reverse': !evenRow
26988
26896
  }),
26989
- children: [hideDataSet && jsxRuntime.jsxs("div", {
26990
- id: `ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`,
26991
- className: "ff-dataset-list-branch",
26992
- onClick: () => onUpdateDataSetList(`ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`, {
26993
- peVariableSetId: peVariableSetId,
26994
- globalVariableSetId: globalVariableSetId,
26995
- testDataSetId: testDataSetId
26996
- }, true, numberOfRuns, machineInstanceId),
26997
- children: [jsxRuntime.jsx(Icon, {
26998
- name: "datalist_icon",
26999
- className: "ff-connecting-icon"
26897
+ children: [hideDataSet && jsxRuntime.jsxs(jsxRuntime.Fragment, {
26898
+ children: [jsxRuntime.jsxs("div", {
26899
+ id: `ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`,
26900
+ className: "ff-dataset-list-branch",
26901
+ onClick: () => onUpdateDataSetList(`ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`, {
26902
+ peVariableSetId: peVariableSetId,
26903
+ globalVariableSetId: globalVariableSetId,
26904
+ testDataSetId: testDataSetId
26905
+ }, true, numberOfRuns, machineInstanceId),
26906
+ children: [jsxRuntime.jsx(Icon, {
26907
+ name: "datalist_icon",
26908
+ className: "ff-connecting-icon"
26909
+ }), jsxRuntime.jsx(Typography, {
26910
+ className: "ff-connecting-text",
26911
+ color: "var(--ff-connecting-branch-color)",
26912
+ children: "Dataset List"
26913
+ })]
26914
+ }), jsxRuntime.jsx(Icon, {
26915
+ name: "plus_icon",
26916
+ className: "ff-connecting-icon",
26917
+ onClick: () => onAddRunBrowser(machineInstanceId),
26918
+ color: "var(--ff-connecting-branch-color)"
27000
26919
  }), jsxRuntime.jsx(Typography, {
27001
26920
  className: "ff-connecting-text",
27002
26921
  color: "var(--ff-connecting-branch-color)",
27003
- children: "Dataset List"
26922
+ children: "Run"
27004
26923
  })]
27005
- }), jsxRuntime.jsx(Icon, {
27006
- name: "plus_icon",
27007
- className: "ff-connecting-icon",
27008
- onClick: () => onAddRunBrowser(machineInstanceId),
27009
- color: "var(--ff-connecting-branch-color)"
27010
- }), jsxRuntime.jsx(Typography, {
27011
- className: "ff-connecting-text",
27012
- color: "var(--ff-connecting-branch-color)",
27013
- children: "Run"
27014
26924
  }), jsxRuntime.jsx(Icon, {
27015
26925
  name: "delete",
27016
26926
  className: "ff-connecting-delete-icon",
@@ -27068,7 +26978,8 @@ const ConnectingBranches = ({
27068
26978
  onUpdateAddBrowserInstance,
27069
26979
  addInstanceLabel = '',
27070
26980
  scriptType = '',
27071
- projectType = 'Web'
26981
+ projectType = 'Web',
26982
+ readOnly = false
27072
26983
  }) => {
27073
26984
  const [machineInstance, setMachineInstance] = React.useState(machineBranchInstances);
27074
26985
  React.useEffect(() => {
@@ -27099,7 +27010,8 @@ const ConnectingBranches = ({
27099
27010
  onUpdateAddBrowserInstance: onUpdateAddBrowserInstance,
27100
27011
  addInstanceLabel: addInstanceLabel,
27101
27012
  scriptType: scriptType,
27102
- projectType: projectType
27013
+ projectType: projectType,
27014
+ readOnly: readOnly
27103
27015
  })
27104
27016
  }, ffid()))
27105
27017
  });
@@ -27125,7 +27037,8 @@ const SequentialConnectingBranch = ({
27125
27037
  onUpdateAddBrowserInstance = () => {},
27126
27038
  addInstanceLabel = 'Add Environment',
27127
27039
  scriptType = 'Automation',
27128
- projectType = 'Web'
27040
+ projectType = 'Web',
27041
+ readOnly = true
27129
27042
  }) => {
27130
27043
  const [selectedMachineInstance, setSelectedMachineInstance] = React.useState({});
27131
27044
  const selectButtonRef = React.useRef(null);
@@ -27240,7 +27153,8 @@ const SequentialConnectingBranch = ({
27240
27153
  onUpdateAddBrowserInstance: onUpdateAddBrowserInstance,
27241
27154
  addInstanceLabel: addInstanceLabel,
27242
27155
  scriptType: scriptType,
27243
- projectType: projectType
27156
+ projectType: projectType,
27157
+ readOnly: readOnly
27244
27158
  })
27245
27159
  })]
27246
27160
  });
@@ -27484,7 +27398,7 @@ const Avatar = ({
27484
27398
  });
27485
27399
  };
27486
27400
 
27487
- 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}";
27401
+ 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}";
27488
27402
  styleInject(css_248z$q);
27489
27403
 
27490
27404
  const getErrorMessage$1 = (inputValue, text, customError, customErrorCondition) => {
@@ -27501,6 +27415,7 @@ const LabelEditTextField = ({
27501
27415
  label,
27502
27416
  placeholder,
27503
27417
  text,
27418
+ showText = true,
27504
27419
  highlightText,
27505
27420
  customError,
27506
27421
  confirmIcon,
@@ -27510,6 +27425,7 @@ const LabelEditTextField = ({
27510
27425
  onInputChange,
27511
27426
  dropdownData = [],
27512
27427
  // width,
27428
+ className,
27513
27429
  height,
27514
27430
  isOpen = false,
27515
27431
  confirmAction,
@@ -27635,7 +27551,7 @@ const LabelEditTextField = ({
27635
27551
  placeholder: placeholder ? placeholder : '',
27636
27552
  value: inputValue,
27637
27553
  onChange: handleTextFieldChange,
27638
- className: `
27554
+ className: `${className}
27639
27555
 
27640
27556
  ${isTextFieldModified ? 'modified' : ''}`
27641
27557
  }), jsxRuntime.jsx(Select$1, {
@@ -27657,7 +27573,7 @@ const LabelEditTextField = ({
27657
27573
  placeholder: placeholder ? placeholder : '',
27658
27574
  value: inputValue,
27659
27575
  onChange: handleTextFieldChange,
27660
- className: `
27576
+ className: `${className}
27661
27577
 
27662
27578
  ${isTextFieldModified ? 'modified' : ''}`
27663
27579
  })
@@ -27684,7 +27600,7 @@ const LabelEditTextField = ({
27684
27600
  }) : jsxRuntime.jsx(Tooltip, {
27685
27601
  title: tooltip?.tooltipTitle ? tooltip?.tooltipTitle : '',
27686
27602
  placement: 'bottom',
27687
- children: jsxRuntime.jsx("span", {
27603
+ children: showText && jsxRuntime.jsx("span", {
27688
27604
  className: "display-text",
27689
27605
  onDoubleClick: handleDoubleClick,
27690
27606
  role: "button",
@@ -32079,6 +31995,10 @@ const DataEditor = ({
32079
31995
  const value = cell?.value ?? '';
32080
31996
  return jsxRuntime.jsx("div", {
32081
31997
  className: "ff-spreadsheet-data-editor",
31998
+ style: {
31999
+ ...cell?.style,
32000
+ border: 'none'
32001
+ },
32082
32002
  children: jsxRuntime.jsx("input", {
32083
32003
  ref: inputRef,
32084
32004
  type: "text",
@@ -32093,6 +32013,7 @@ const ActiveCell = props => {
32093
32013
  const rootRef = React__namespace.useRef(null);
32094
32014
  const dispatch = useDispatch();
32095
32015
  const setCellData$1 = React__namespace.useCallback((active, data) => dispatch(setCellData(active, data)), [dispatch]);
32016
+ const activate$1 = React__namespace.useCallback(point => dispatch(activate(point)), [dispatch]);
32096
32017
  const edit = React__namespace.useCallback(() => dispatch(edit$1()), [dispatch]);
32097
32018
  const autoFill$1 = React__namespace.useCallback(value => dispatch(autoFill(value)), [dispatch]);
32098
32019
  const commit = React__namespace.useCallback(changes => dispatch(commit$1(changes)), [dispatch]);
@@ -32157,8 +32078,11 @@ const ActiveCell = props => {
32157
32078
  const DataEditor = cell && cell.DataEditor || props.DataEditor;
32158
32079
  const readOnly = cell && cell.readOnly;
32159
32080
  const handleMouseDown = React__namespace.useCallback(() => {
32160
- mode === 'view' ? autoFill$1(true) : autoFill$1(false);
32161
- }, [mode, autoFill$1]);
32081
+ if (active) {
32082
+ autoFill$1(true);
32083
+ activate$1(active);
32084
+ }
32085
+ }, [activate$1, autoFill$1, active]);
32162
32086
  return hidden ? null : jsxRuntime.jsxs("div", {
32163
32087
  ref: rootRef,
32164
32088
  className: classNames('ff-spreadsheet-active-cell', `ff-spreadsheet-active-cell--${mode}`),
@@ -33889,6 +33813,106 @@ const VariableDropdown = ({
33889
33813
  var css_248z$e = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-line-chart-inner-tooltip, .ff--line-chart-x-line-data, .ff-line-chart-y-axis-text, .ff-line-chart-date {\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-line-chart-x-axis-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-line-chart-container {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.ff-line-chart-text {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n.ff-line-chart-text .smooth-dot {\n transition: cx 0.2s ease, cy 0.2s ease;\n}\n\n.ff-line-chart-yAxisLabel-warpper {\n position: relative;\n min-width: 20px;\n height: 100%;\n}\n.ff-line-chart-yAxisLabel-warpper .ff-line-chart-yAxisLabel {\n position: absolute;\n right: 0;\n top: 50%;\n display: flex;\n white-space: nowrap;\n transform: rotate(270deg) translateX(60%);\n transform-origin: right center;\n}\n\n.ff-line-chart-text1 {\n transform-origin: center;\n transform: rotate(-90deg);\n transition: transform 1s ease-in-out;\n position: relative;\n left: 163px;\n min-width: 10px;\n color: var(--drawer-title-color);\n}\n\n.ff-line-chart-tooltip {\n position: absolute;\n background-color: var(--tooltip-bg-color);\n border-radius: 4px;\n pointer-events: none;\n display: flex;\n flex-direction: column;\n min-width: 30px;\n min-height: 30px;\n justify-content: center;\n align-items: flex-start;\n row-gap: 10px;\n padding: 8px !important;\n}\n\n.ff-line-chart-status-dot {\n width: 16px;\n height: 16px;\n border-radius: 100%;\n}\n\n.ff-line-chart-inner-tooltip {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5px;\n color: var(--arrow-button-bg-color);\n}\n\n.ff-line-chart-date {\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n border-bottom: 1px solid var(--arrow-button-bg-color);\n color: var(--arrow-button-bg-color);\n}\n\n.ff-line-chart-x-axis-label {\n font-weight: 600;\n}";
33890
33814
  styleInject(css_248z$e);
33891
33815
 
33816
+ // Validation Regex Collection
33817
+ // Email Validation
33818
+ const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
33819
+ // URL Validation
33820
+ const URL_REGEX = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w.-]*)*\/?$/;
33821
+ // Phone Number Validation
33822
+ const PHONE_REGEX = /^\+?[\d\s\-()]{7,15}$/;
33823
+ // Postal Code Validation (Generic)
33824
+ const POSTAL_CODE_REGEX = /^[A-Za-z\d\s\-]{3,10}$/;
33825
+ // IPv4 Address Validation
33826
+ 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]?)$/;
33827
+ // IPv6 Address Validation
33828
+ const IPV6_REGEX = /^(?:[a-fA-F0-9]{1,4}:){7}[a-fA-F0-9]{1,4}$/;
33829
+ // Hexadecimal Color Code Validation
33830
+ const HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/;
33831
+ // Password Validation (At least 8 chars, one letter, one number)
33832
+ const PASSWORD_SIMPLE_REGEX = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
33833
+ // Password Validation (At least 8 chars, one uppercase, one lowercase, one number, one special character)
33834
+ const PASSWORD_COMPLEX_REGEX = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
33835
+ // Only Alphabets Validation
33836
+ const ALPHABET_ONLY_REGEX = /^[A-Za-z]+$/;
33837
+ // Only Numbers Validation
33838
+ const NUMBERS_ONLY_REGEX = /^\d+$/;
33839
+ // Alphanumeric Validation
33840
+ const ALPHANUMERIC_REGEX = /^[A-Za-z0-9]+$/;
33841
+ // Date Validation (YYYY-MM-DD)
33842
+ const DATE_REGEX = /^\d{4}-\d{2}-\d{2}$/;
33843
+ // Time Validation (HH:MM:SS)
33844
+ const TIME_REGEX = /^\d{2}:\d{2}:\d{2}$/;
33845
+ // File Extension Validation (e.g., .jpg, .png, .gif, .bmp)
33846
+ const FILE_EXTENSION_REGEX = /\.(jpg|png|gif|bmp)$/i;
33847
+ // MAC Address Validation
33848
+ const MAC_ADDRESS_REGEX = /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/;
33849
+ // Credit Card Number Validation (Basic)
33850
+ const CREDIT_CARD_REGEX = /^\d{4}-?\d{4}-?\d{4}-?\d{4}$/;
33851
+ // Social Security Number (SSN) Validation (US Format)
33852
+ const SSN_REGEX = /^\d{3}-\d{2}-\d{4}$/;
33853
+ // UUID Validation
33854
+ 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;
33855
+ // HTML Tags Validation
33856
+ const HTML_TAG_REGEX = /<\/?[\w\s=\"'\/\.:;#-]*>/g;
33857
+ // Whitespace Validation (Leading or Trailing)
33858
+ const WHITESPACE_REGEX = /^\s+|\s+$/g;
33859
+ // US ZIP Code Validation (5 or 9 digits)
33860
+ const US_ZIP_CODE_REGEX = /^\d{5}(-\d{4})?$/;
33861
+ // Username Validation (Alphanumeric, underscores, 3-16 characters)
33862
+ const USERNAME_REGEX = /^[a-zA-Z0-9_]{3,16}$/;
33863
+ // Indian Specific Validations
33864
+ // Indian Phone Number Validation
33865
+ const INDIAN_PHONE_REGEX = /^[6-9]\d{9}$/;
33866
+ // Indian PIN Code Validation
33867
+ const INDIAN_PIN_CODE_REGEX = /^\d{6}$/;
33868
+ // GSTIN Validation
33869
+ const GSTIN_REGEX = /^\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}$/;
33870
+ // PAN Card Validation
33871
+ const PAN_CARD_REGEX = /^[A-Z]{5}\d{4}[A-Z]{1}$/;
33872
+ // Aadhaar Number Validation
33873
+ const AADHAAR_REGEX = /^\d{12}$/;
33874
+ // Vehicle Registration Validation
33875
+ const VEHICLE_REGISTRATION_REGEX = /^[A-Z]{2}\d{2}[A-Z]{0,2}\d{4}$/;
33876
+ // Indian Currency Format Validation
33877
+ const INDIAN_CURRENCY_REGEX = /^\u20B9?\s?\d{1,3}(,\d{3})*(\.\d{1,2})?$/;
33878
+ // Additional Generic and Specific Validations
33879
+ // International Phone Number Validation
33880
+ const INTERNATIONAL_PHONE_REGEX = /^\+?[1-9]\d{1,14}$/;
33881
+ // Passport Number Validation (India)
33882
+ const INDIAN_PASSPORT_REGEX = /^[A-Z]{1}-?\d{7}$/;
33883
+ // Driving License Validation (India)
33884
+ const DRIVING_LICENSE_REGEX = /^[A-Z]{2}-\d{2}-\d{4}-\d{7}$/;
33885
+ // Username with Special Characters
33886
+ const USERNAME_SPECIAL_REGEX = /^[a-zA-Z0-9._-]{3,16}$/;
33887
+ // Decimal Number Validation
33888
+ const DECIMAL_NUMBER_REGEX = /^-?\d+(\.\d+)?$/;
33889
+ // HTML Attributes Validation
33890
+ const HTML_ATTRIBUTE_REGEX = /\b[a-zA-Z-]+(="[^"]*"|='[^']*'|=[^\s>]*)?/g;
33891
+ // RGB Color Code Validation
33892
+ const RGB_COLOR_REGEX = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;
33893
+ // HSL Color Code Validation
33894
+ const HSL_COLOR_REGEX = /^hsl\((\d{1,3}),\s*(\d{1,3})%,\s*(\d{1,3})%\)$/;
33895
+ // Base64 String Validation
33896
+ const BASE64_REGEX = /^(?:[A-Za-z0-9+\/]{4})*(?:[A-Za-z0-9+\/]{2}==|[A-Za-z0-9+\/]{3}=)?$/;
33897
+ // Binary Number Validation
33898
+ const BINARY_NUMBER_REGEX = /^[01]+$/;
33899
+ // Hexadecimal Number Validation
33900
+ const HEXADECIMAL_NUMBER_REGEX = /^[0-9A-Fa-f]+$/;
33901
+ // Roman Numerals Validation
33902
+ const ROMAN_NUMERALS_REGEX = /^(?=[MDCLXVI])M*(C[MD]|D?C{0,3})(X[CL]|L?X{0,3})(I[XV]|V?I{0,3})$/;
33903
+ // Currency Validation (Generic)
33904
+ const CURRENCY_GENERIC_REGEX = /^[\u0024-\u20B9]?\d+(,\d{3})*(\.\d{1,2})?$/;
33905
+ // LinkedIn Profile URL Validation
33906
+ const LINKEDIN_PROFILE_REGEX = /^https?:\/\/(www\.)?linkedin\.com\/in\/([a-zA-Z0-9-]{5,30})$/;
33907
+ // Twitter Handle Validation
33908
+ const TWITTER_HANDLE_REGEX = /^@?([a-zA-Z0-9_]{1,15})$/;
33909
+ //Match a number (integer or float)
33910
+ const NUMBER_REGEX = /([0-9\.]+)/;
33911
+ //Match a string of letters (unit)
33912
+ const UNIT_REGEX = /[a-zA-Z]+/;
33913
+ //Regular expression to match a number with an optional unit (GB, MB, or KB)
33914
+ const MEMORY_VALIDATION_REGEX = /^(\d+\.?\d*)\s*(GB|MB|KB)?$/i;
33915
+
33892
33916
  const LineChart = ({
33893
33917
  data,
33894
33918
  width,
@@ -33903,11 +33927,50 @@ const LineChart = ({
33903
33927
  textSize,
33904
33928
  fontWeight,
33905
33929
  numberSize,
33906
- proportionalSpacing
33930
+ proportionalSpacing,
33931
+ chartName
33907
33932
  }) => {
33908
33933
  const margin = 40;
33909
33934
  const xMax = width - margin * 2;
33910
33935
  const yMax = height - margin * 2;
33936
+ const roundUp = (value, decimals = 2) => {
33937
+ let unit = '';
33938
+ if (typeof value === 'string') {
33939
+ const match = value.match(NUMBER_REGEX);
33940
+ const unitMatch = value.match(UNIT_REGEX);
33941
+ if (match) {
33942
+ value = parseFloat(match[0]);
33943
+ }
33944
+ if (unitMatch) {
33945
+ unit = unitMatch[0];
33946
+ }
33947
+ }
33948
+ const multiplier = Math.pow(10, decimals);
33949
+ const roundedValue = Math.ceil(value * multiplier) / multiplier;
33950
+ return `${roundedValue} ${unit}`.trim();
33951
+ };
33952
+ function convertToMB(input) {
33953
+ if (!isNaN(input)) {
33954
+ return parseFloat(input);
33955
+ }
33956
+ const regex = MEMORY_VALIDATION_REGEX;
33957
+ const match = input.match(regex);
33958
+ if (!match) {
33959
+ throw new Error("Invalid input format. Use '<value> <unit>' format (e.g., '10.9580078125 KB') or just a number.");
33960
+ }
33961
+ const value = parseFloat(match[1]);
33962
+ const unit = match[2] ? match[2].toUpperCase() : null;
33963
+ switch (unit) {
33964
+ case 'GB':
33965
+ return parseFloat((value * 1024).toFixed(2));
33966
+ case 'MB':
33967
+ return parseFloat(value.toFixed(2));
33968
+ case 'KB':
33969
+ return parseFloat((value / 1024).toFixed(2));
33970
+ default:
33971
+ throw new Error('Invalid unit. Supported units are GB, MB, and KB.');
33972
+ }
33973
+ }
33911
33974
  const isDefaultLineChart = data[0]?.data[0]?.hasOwnProperty('date') && data[0]?.data[0]?.hasOwnProperty('totalMemory');
33912
33975
  const xKey = isDefaultLineChart ? 'date' : 'date';
33913
33976
  const yKey = isDefaultLineChart ? 'totalMemory' : 'value';
@@ -33925,16 +33988,25 @@ const LineChart = ({
33925
33988
  return index / (totalPoints - 1) * xMax;
33926
33989
  }
33927
33990
  };
33928
- const yScale = y => yMax - y * yMax / 1024;
33991
+ const maxValue = Math.max(...data.flatMap(line => line.data.map(point => convertToMB(point[yKey]))));
33992
+ const yScale = y => {
33993
+ if (chartName === 'memory') {
33994
+ const maxMemoryValue = Math.max(...data.flatMap(line => line.data.map(point => convertToMB(point[yKey]))));
33995
+ const scaleMax = maxMemoryValue > 1024 ? maxMemoryValue : 1024;
33996
+ return yMax - y * yMax / scaleMax;
33997
+ } else {
33998
+ return yMax - y * yMax / (maxValue === 0 ? 1024 : maxValue);
33999
+ }
34000
+ };
33929
34001
  const generateLinePath = lineData => lineData.reduce((path, point, i) => {
33930
34002
  const x = xScale(point[xKey]);
33931
- const y = yScale(point[yKey]);
34003
+ const y = yScale(convertToMB(point[yKey]));
33932
34004
  if (i === 0) {
33933
34005
  return `M ${x} ${y}`;
33934
34006
  }
33935
34007
  const prevPoint = lineData[i - 1];
33936
34008
  const prevX = prevPoint ? xScale(prevPoint[xKey]) : 0;
33937
- const prevY = prevPoint ? yScale(prevPoint[yKey]) : 0;
34009
+ const prevY = prevPoint ? yScale(convertToMB(prevPoint[yKey])) : 0;
33938
34010
  return `${path} C ${prevX + (x - prevX) / 2} ${prevY}, ${x - (x - prevX) / 2} ${y}, ${x} ${y}`;
33939
34011
  }, '');
33940
34012
  const [hoverState, setHoverState] = React.useState({
@@ -33969,10 +34041,10 @@ const LineChart = ({
33969
34041
  }).point;
33970
34042
  if (nearestPoint) {
33971
34043
  nearestXValue = nearestPoint[xKey];
33972
- nearestValues.hoverValues[lineIndex] = nearestPoint[yKey];
34044
+ nearestValues.hoverValues[lineIndex] = roundUp(nearestPoint[yKey]);
33973
34045
  nearestValues.dotPositions[lineIndex] = {
33974
34046
  x: nearestXValue ? xScale(nearestXValue) : 0,
33975
- y: yScale(nearestPoint[yKey])
34047
+ y: yScale(convertToMB(nearestPoint[yKey]))
33976
34048
  };
33977
34049
  }
33978
34050
  });
@@ -34099,21 +34171,39 @@ const LineChart = ({
34099
34171
  fontSize: numberSize
34100
34172
  },
34101
34173
  children: point[xKey] != null ? String(point[xKey]) : ''
34102
- }, String(point[xKey]))), Array.from({
34174
+ }, String(point[xKey]))), chartName === 'memory' ? Array.from({
34103
34175
  length: 6
34104
34176
  }).map((_, i) => {
34105
- const yValueInGB = i * 0.2;
34177
+ const dynamicMaxValue = maxValue < 1024 ? 1024 : maxValue;
34178
+ const isSmallScale = maxValue < 1024;
34179
+ const yValue = i * dynamicMaxValue / 5;
34180
+ const displayValue = isSmallScale ? yValue / 1024 : yValue / 1024;
34106
34181
  return jsxRuntime.jsx("text", {
34107
- x: -15,
34108
- y: yScale(yValueInGB * 1024),
34109
- textAnchor: "middle",
34182
+ x: -10,
34183
+ y: yScale(yValue),
34184
+ textAnchor: "end",
34110
34185
  fill: yAxisValueColor,
34111
34186
  className: "ff-line-chart-y-axis-text",
34112
34187
  style: {
34113
34188
  fontSize: numberSize
34114
34189
  },
34115
- children: yValueInGB.toFixed(1)
34116
- }, yValueInGB);
34190
+ children: displayValue.toFixed(1)
34191
+ }, yValue);
34192
+ }) : Array.from({
34193
+ length: 6
34194
+ }).map((_, i) => {
34195
+ const yValue = i * maxValue / 5;
34196
+ return jsxRuntime.jsx("text", {
34197
+ x: -10,
34198
+ y: yScale(yValue),
34199
+ textAnchor: "end",
34200
+ fill: yAxisValueColor,
34201
+ className: "ff-line-chart-y-axis-text",
34202
+ style: {
34203
+ fontSize: numberSize
34204
+ },
34205
+ children: yValue.toFixed(0)
34206
+ }, yValue);
34117
34207
  })]
34118
34208
  })
34119
34209
  }), hoverState.tooltip.visible && jsxRuntime.jsxs("div", {
@@ -45755,7 +45845,7 @@ function requireJs() {
45755
45845
 
45756
45846
  var jsExports = requireJs();
45757
45847
 
45758
- var css_248z$5 = "/* Editor container to add padding and rounded corners */\n.monaco-editor {\n border-radius: 6px;\n border-top: 1px solid var(--ff-editor-border-color);\n border-right: 1px dashed var(--ff-editor-border-color);\n border-bottom: 1px dashed var(--ff-editor-border-color);\n border-left: 1px solid var(--ff-editor-border-color);\n}\n\n/* Style for the line number gutter */\n.monaco-editor .margin {\n background-color: var(--ff-editor-gutter-color) !important;\n width: 32px !important;\n}\n\n/* Style for the line numbers */\n.monaco-editor .margin .line-numbers {\n color: var(--ff-line-number-color) !important;\n background-color: var(--ff-line-number-bg);\n text-align: center !important;\n}\n\n/* Active line number styling */\n.monaco-editor .margin .line-numbers.active {\n color: var(--ff-line-number-color);\n background-color: var(--ff-line-number-bg) !important;\n}\n\n.monaco-editor .margin-view-overlays {\n width: 100% !important;\n}\n\n.monaco-editor .margin-view-overlays .line-numbers {\n width: 100% !important;\n}\n\n.monaco-scrollable-element {\n left: 32px !important;\n}\n\n.monaco-editor .current-line-background {\n background-color: var(--ff-editor-line-bg) !important;\n}\n\n.ff-editor-container {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-editor-container .ff-top-toolbar {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n}";
45848
+ var css_248z$5 = "/* Style for the line number gutter */\n.monaco-editor .margin {\n background-color: var(--ff-editor-gutter-color) !important;\n}\n\n/* Style for the line numbers */\n.monaco-editor .margin .line-numbers {\n color: var(--ff-line-number-color) !important;\n background-color: var(--ff-line-number-bg);\n text-align: center !important;\n}\n\n/* Active line number styling */\n.monaco-editor .margin .line-numbers.active {\n color: var(--ff-line-number-color);\n background-color: var(--ff-line-number-bg) !important;\n}\n\n.monaco-editor .margin-view-overlays {\n width: 100% !important;\n}\n\n.monaco-editor .margin-view-overlays .line-numbers {\n width: 100% !important;\n}\n\n.monaco-editor .current-line-background {\n background-color: var(--ff-editor-line-bg) !important;\n}\n\n.ff-editor-container {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-editor-container .monaco-editor {\n border-radius: 6px;\n border-top: 1px solid var(--ff-editor-border-color);\n border-right: 1px dashed var(--ff-editor-border-color);\n border-bottom: 1px dashed var(--ff-editor-border-color);\n border-left: 1px solid var(--ff-editor-border-color);\n}\n.ff-editor-container .monaco-editor .cldr.codicon.codicon-folding-collapsed,\n.ff-editor-container .monaco-editor .cldr.codicon.codicon-folding-expanded,\n.ff-editor-container .monaco-editor .cldr.codicon.codicon-folding-manual-collapsed,\n.ff-editor-container .monaco-editor .cldr.codicon.codicon-folding-manual-expanded {\n color: var(--base-bg-color) !important;\n fill: var(--base-bg-color) !important;\n z-index: 999999 !important;\n opacity: 1 !important;\n}\n.ff-editor-container .monaco-editor .cldr.codicon.codicon-folding-expanded {\n color: var(--base-bg-color) !important;\n fill: var(--base-bg-color) !important;\n z-index: 999999 !important;\n opacity: 1 !important;\n}\n.ff-editor-container .cldr.codicon.codicon-folding-manual-collapsed {\n color: var(--base-bg-color) !important;\n fill: var(--base-bg-color) !important;\n z-index: 999999 !important;\n opacity: 1 !important;\n}";
45759
45849
  styleInject(css_248z$5);
45760
45850
 
45761
45851
  const Editor = /*#__PURE__*/React.forwardRef(({
@@ -45941,8 +46031,8 @@ const Editor = /*#__PURE__*/React.forwardRef(({
45941
46031
  },
45942
46032
  className: "ff-editor-container",
45943
46033
  children: [jsxRuntime.jsx(Ft, {
45944
- height: "90%",
45945
- width: "100%",
46034
+ height: height,
46035
+ width: width,
45946
46036
  language: language,
45947
46037
  value: value,
45948
46038
  options: {
@@ -48033,6 +48123,7 @@ const ConditionalDropdown = /*#__PURE__*/React.forwardRef(({
48033
48123
  dropdownWidth = 'inherit',
48034
48124
  isHash = false,
48035
48125
  dataFiles = [],
48126
+ showAddVariableIcon = true,
48036
48127
  ...props
48037
48128
  }, ref) => {
48038
48129
  const [showDropdown, setShowDropdown] = React.useState(false);
@@ -48105,7 +48196,7 @@ const ConditionalDropdown = /*#__PURE__*/React.forwardRef(({
48105
48196
  variant: "primary",
48106
48197
  label: label,
48107
48198
  placeholder: placeholder
48108
- }), !checkEmpty(value) && !isHash && showCreateVariableIcon && jsxRuntime.jsx(Icon, {
48199
+ }), !checkEmpty(value) && !isHash && showCreateVariableIcon && showAddVariableIcon && jsxRuntime.jsx(Icon, {
48109
48200
  onClick: onCreateVariableClick,
48110
48201
  name: "add_variable",
48111
48202
  width: 24,
@@ -50096,100 +50187,6 @@ const PhoneInputField = ({
50096
50187
  });
50097
50188
  };
50098
50189
 
50099
- // Validation Regex Collection
50100
- // Email Validation
50101
- const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
50102
- // URL Validation
50103
- const URL_REGEX = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w.-]*)*\/?$/;
50104
- // Phone Number Validation
50105
- const PHONE_REGEX = /^\+?[\d\s\-()]{7,15}$/;
50106
- // Postal Code Validation (Generic)
50107
- const POSTAL_CODE_REGEX = /^[A-Za-z\d\s\-]{3,10}$/;
50108
- // IPv4 Address Validation
50109
- 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]?)$/;
50110
- // IPv6 Address Validation
50111
- const IPV6_REGEX = /^(?:[a-fA-F0-9]{1,4}:){7}[a-fA-F0-9]{1,4}$/;
50112
- // Hexadecimal Color Code Validation
50113
- const HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/;
50114
- // Password Validation (At least 8 chars, one letter, one number)
50115
- const PASSWORD_SIMPLE_REGEX = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
50116
- // Password Validation (At least 8 chars, one uppercase, one lowercase, one number, one special character)
50117
- const PASSWORD_COMPLEX_REGEX = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
50118
- // Only Alphabets Validation
50119
- const ALPHABET_ONLY_REGEX = /^[A-Za-z]+$/;
50120
- // Only Numbers Validation
50121
- const NUMBERS_ONLY_REGEX = /^\d+$/;
50122
- // Alphanumeric Validation
50123
- const ALPHANUMERIC_REGEX = /^[A-Za-z0-9]+$/;
50124
- // Date Validation (YYYY-MM-DD)
50125
- const DATE_REGEX = /^\d{4}-\d{2}-\d{2}$/;
50126
- // Time Validation (HH:MM:SS)
50127
- const TIME_REGEX = /^\d{2}:\d{2}:\d{2}$/;
50128
- // File Extension Validation (e.g., .jpg, .png, .gif, .bmp)
50129
- const FILE_EXTENSION_REGEX = /\.(jpg|png|gif|bmp)$/i;
50130
- // MAC Address Validation
50131
- const MAC_ADDRESS_REGEX = /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/;
50132
- // Credit Card Number Validation (Basic)
50133
- const CREDIT_CARD_REGEX = /^\d{4}-?\d{4}-?\d{4}-?\d{4}$/;
50134
- // Social Security Number (SSN) Validation (US Format)
50135
- const SSN_REGEX = /^\d{3}-\d{2}-\d{4}$/;
50136
- // UUID Validation
50137
- 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;
50138
- // HTML Tags Validation
50139
- const HTML_TAG_REGEX = /<\/?[\w\s=\"'\/\.:;#-]*>/g;
50140
- // Whitespace Validation (Leading or Trailing)
50141
- const WHITESPACE_REGEX = /^\s+|\s+$/g;
50142
- // US ZIP Code Validation (5 or 9 digits)
50143
- const US_ZIP_CODE_REGEX = /^\d{5}(-\d{4})?$/;
50144
- // Username Validation (Alphanumeric, underscores, 3-16 characters)
50145
- const USERNAME_REGEX = /^[a-zA-Z0-9_]{3,16}$/;
50146
- // Indian Specific Validations
50147
- // Indian Phone Number Validation
50148
- const INDIAN_PHONE_REGEX = /^[6-9]\d{9}$/;
50149
- // Indian PIN Code Validation
50150
- const INDIAN_PIN_CODE_REGEX = /^\d{6}$/;
50151
- // GSTIN Validation
50152
- const GSTIN_REGEX = /^\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}$/;
50153
- // PAN Card Validation
50154
- const PAN_CARD_REGEX = /^[A-Z]{5}\d{4}[A-Z]{1}$/;
50155
- // Aadhaar Number Validation
50156
- const AADHAAR_REGEX = /^\d{12}$/;
50157
- // Vehicle Registration Validation
50158
- const VEHICLE_REGISTRATION_REGEX = /^[A-Z]{2}\d{2}[A-Z]{0,2}\d{4}$/;
50159
- // Indian Currency Format Validation
50160
- const INDIAN_CURRENCY_REGEX = /^\u20B9?\s?\d{1,3}(,\d{3})*(\.\d{1,2})?$/;
50161
- // Additional Generic and Specific Validations
50162
- // International Phone Number Validation
50163
- const INTERNATIONAL_PHONE_REGEX = /^\+?[1-9]\d{1,14}$/;
50164
- // Passport Number Validation (India)
50165
- const INDIAN_PASSPORT_REGEX = /^[A-Z]{1}-?\d{7}$/;
50166
- // Driving License Validation (India)
50167
- const DRIVING_LICENSE_REGEX = /^[A-Z]{2}-\d{2}-\d{4}-\d{7}$/;
50168
- // Username with Special Characters
50169
- const USERNAME_SPECIAL_REGEX = /^[a-zA-Z0-9._-]{3,16}$/;
50170
- // Decimal Number Validation
50171
- const DECIMAL_NUMBER_REGEX = /^-?\d+(\.\d+)?$/;
50172
- // HTML Attributes Validation
50173
- const HTML_ATTRIBUTE_REGEX = /\b[a-zA-Z-]+(="[^"]*"|='[^']*'|=[^\s>]*)?/g;
50174
- // RGB Color Code Validation
50175
- const RGB_COLOR_REGEX = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;
50176
- // HSL Color Code Validation
50177
- const HSL_COLOR_REGEX = /^hsl\((\d{1,3}),\s*(\d{1,3})%,\s*(\d{1,3})%\)$/;
50178
- // Base64 String Validation
50179
- const BASE64_REGEX = /^(?:[A-Za-z0-9+\/]{4})*(?:[A-Za-z0-9+\/]{2}==|[A-Za-z0-9+\/]{3}=)?$/;
50180
- // Binary Number Validation
50181
- const BINARY_NUMBER_REGEX = /^[01]+$/;
50182
- // Hexadecimal Number Validation
50183
- const HEXADECIMAL_NUMBER_REGEX = /^[0-9A-Fa-f]+$/;
50184
- // Roman Numerals Validation
50185
- const ROMAN_NUMERALS_REGEX = /^(?=[MDCLXVI])M*(C[MD]|D?C{0,3})(X[CL]|L?X{0,3})(I[XV]|V?I{0,3})$/;
50186
- // Currency Validation (Generic)
50187
- const CURRENCY_GENERIC_REGEX = /^[\u0024-\u20B9]?\d+(,\d{3})*(\.\d{1,2})?$/;
50188
- // LinkedIn Profile URL Validation
50189
- const LINKEDIN_PROFILE_REGEX = /^https?:\/\/(www\.)?linkedin\.com\/in\/([a-zA-Z0-9-]{5,30})$/;
50190
- // Twitter Handle Validation
50191
- const TWITTER_HANDLE_REGEX = /^@?([a-zA-Z0-9_]{1,15})$/;
50192
-
50193
50190
  exports.AADHAAR_REGEX = AADHAAR_REGEX;
50194
50191
  exports.ALPHABET_ONLY_REGEX = ALPHABET_ONLY_REGEX;
50195
50192
  exports.ALPHANUMERIC_REGEX = ALPHANUMERIC_REGEX;