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.
- package/.prettierrc.js +13 -13
- package/.storybook/main.ts +26 -26
- package/.storybook/preview-head.html +2 -2
- package/.storybook/preview.ts +26 -26
- package/.yarn/install-state.gz +0 -0
- package/.yarnrc.yml +1 -1
- package/README.md +75 -75
- package/index.scss +4 -4
- package/lib/1fb4472b34e4fe07.css +1 -0
- package/lib/components/AddVariables/AddVariables.d.ts +5 -0
- package/lib/components/AddVariables/index.d.ts +1 -0
- package/lib/components/AddVariables/types.d.ts +99 -0
- package/lib/components/Charts/LineChart/types.d.ts +1 -0
- package/lib/components/ConditionalDropdown/types.d.ts +4 -0
- package/lib/components/Input/types.d.ts +4 -0
- package/lib/components/LabelEditTextField/types.d.ts +2 -0
- package/lib/components/Select/components/types.d.ts +2 -2
- package/lib/components/Select/types.d.ts +2 -2
- package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +1 -0
- package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +1 -0
- package/lib/components/SequentialConnectingBranch/types.d.ts +1 -0
- package/lib/components/TableTree/types.d.ts +4 -4
- package/lib/index.css +1 -0
- package/lib/index.d.ts +13 -1
- package/lib/index.esm.css +1 -0
- package/lib/index.esm.js +361 -364
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +361 -364
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/formData/ConvertFormDataToObject.d.ts +1 -0
- package/lib/validations/regex.d.ts +10 -1
- package/package.json +81 -81
- package/rollup.config.mjs +67 -67
- package/src/StyleGuide/ColorPalette/ColorPalette.scss +62 -62
- package/src/StyleGuide/ColorPalette/ColorPalette.stories.tsx +16 -16
- package/src/StyleGuide/ColorPalette/ColorPalette.tsx +67 -67
- package/src/StyleGuide/ColorPalette/colorPaletteList.ts +304 -304
- package/src/StyleGuide/ColorPalette/index.ts +1 -1
- package/src/StyleGuide/ColorPalette/types.ts +19 -19
- package/src/StyleGuide/Typography/Typography.scss +99 -99
- package/src/StyleGuide/Typography/Typography.stories.tsx +16 -16
- package/src/StyleGuide/Typography/Typography.tsx +60 -60
- package/src/StyleGuide/Typography/TypographyList.ts +3 -3
- package/src/StyleGuide/Typography/types.ts +9 -9
- package/src/assets/Themes/BaseTheme.scss +306 -304
- package/src/assets/Themes/BlueTheme.scss +279 -279
- package/src/assets/Themes/DarkTheme.scss +319 -310
- package/src/assets/Themes/Theme.scss +21 -21
- package/src/assets/icons/Arrow.svg +4 -4
- package/src/assets/icons/Header_preset.svg +18 -18
- package/src/assets/icons/accordion_header_icon.svg +10 -10
- package/src/assets/icons/active_license_icon.svg +3 -3
- package/src/assets/icons/add_archive.svg +9 -9
- package/src/assets/icons/add_file.svg +4 -4
- package/src/assets/icons/add_label_icon.svg +3 -3
- package/src/assets/icons/add_locator.svg +4 -4
- package/src/assets/icons/add_testcase.svg +3 -3
- package/src/assets/icons/add_user.svg +9 -9
- package/src/assets/icons/add_variable.svg +11 -11
- package/src/assets/icons/add_variable_icon.svg +4 -4
- package/src/assets/icons/ai_search.svg +9 -9
- package/src/assets/icons/alert.svg +17 -17
- package/src/assets/icons/all_borders.svg +3 -3
- package/src/assets/icons/all_projects.svg +3 -3
- package/src/assets/icons/android.svg +9 -9
- package/src/assets/icons/android_icon.svg +6 -6
- package/src/assets/icons/apk_file_type.svg +4 -4
- package/src/assets/icons/app_switch.svg +11 -11
- package/src/assets/icons/approval_pending.svg +8 -8
- package/src/assets/icons/arrow_down.svg +3 -3
- package/src/assets/icons/arrow_right.svg +4 -4
- package/src/assets/icons/arrow_up.svg +3 -3
- package/src/assets/icons/arrows_down_icon.svg +3 -3
- package/src/assets/icons/arrows_right_icon.svg +10 -10
- package/src/assets/icons/arrows_top_icon.svg +3 -3
- package/src/assets/icons/attachment_icon.svg +3 -3
- package/src/assets/icons/authorization.svg +4 -4
- package/src/assets/icons/authorization_icon.svg +4 -4
- package/src/assets/icons/auto_save_icon.svg +4 -4
- package/src/assets/icons/automation_testcase.svg +4 -4
- package/src/assets/icons/back_icon.svg +3 -3
- package/src/assets/icons/backward.svg +10 -10
- package/src/assets/icons/backward_icon.svg +3 -3
- package/src/assets/icons/beautify_icon.svg +3 -3
- package/src/assets/icons/bold.svg +3 -3
- package/src/assets/icons/border_bottom.svg +3 -3
- package/src/assets/icons/border_left.svg +3 -3
- package/src/assets/icons/border_right.svg +3 -3
- package/src/assets/icons/border_top.svg +3 -3
- package/src/assets/icons/browser_stack.svg +9 -9
- package/src/assets/icons/browserstack_icon.svg +24 -24
- package/src/assets/icons/calendar_icon.svg +9 -9
- package/src/assets/icons/capture_icon.svg +2 -2
- package/src/assets/icons/check_mark.svg +3 -3
- package/src/assets/icons/chrome.svg +12 -12
- package/src/assets/icons/client_profile.svg +4 -4
- package/src/assets/icons/clock_icon.svg +11 -11
- package/src/assets/icons/clone_icon.svg +3 -3
- package/src/assets/icons/close_pill.svg +3 -3
- package/src/assets/icons/cloud_server_host_icon.svg +3 -3
- package/src/assets/icons/collapse-icon.svg +6 -6
- package/src/assets/icons/compressed_file_type.svg +4 -4
- package/src/assets/icons/configuration.svg +3 -3
- package/src/assets/icons/continue_without_sign.svg +3 -3
- package/src/assets/icons/copy-icon.svg +3 -3
- package/src/assets/icons/csv_file_type.svg +4 -4
- package/src/assets/icons/dashboard_icon.svg +31 -31
- package/src/assets/icons/dashboard_mobile_icon.svg +47 -47
- package/src/assets/icons/dashboard_web_icon.svg +9 -9
- package/src/assets/icons/data_provider.svg +8 -8
- package/src/assets/icons/dataset_list.svg +3 -3
- package/src/assets/icons/defects.svg +8 -8
- package/src/assets/icons/delete.svg +3 -3
- package/src/assets/icons/delete_info.svg +17 -17
- package/src/assets/icons/depends_on_script.svg +7 -7
- package/src/assets/icons/details.svg +3 -3
- package/src/assets/icons/double_underline.svg +5 -5
- package/src/assets/icons/download-icon.svg +3 -3
- package/src/assets/icons/download_file_icon.svg +3 -3
- package/src/assets/icons/download_icon.svg +4 -4
- package/src/assets/icons/drag_icon.svg +4 -4
- package/src/assets/icons/drawer_maximize.svg +6 -6
- package/src/assets/icons/dropzone_icon.svg +18 -18
- package/src/assets/icons/edge.svg +30 -30
- package/src/assets/icons/edit_icon.svg +5 -5
- package/src/assets/icons/element.svg +4 -4
- package/src/assets/icons/email_group.svg +3 -3
- package/src/assets/icons/error.svg +17 -17
- package/src/assets/icons/excel_corner_menu.svg +3 -3
- package/src/assets/icons/executions_icon.svg +3 -3
- package/src/assets/icons/expand-icon.svg +6 -6
- package/src/assets/icons/export.svg +4 -4
- package/src/assets/icons/export_collection_icon.svg +13 -13
- package/src/assets/icons/external_user.svg +13 -0
- package/src/assets/icons/eye_closed.svg +3 -3
- package/src/assets/icons/eye_open_icon.svg +3 -3
- package/src/assets/icons/failed_status_icon.svg +12 -12
- package/src/assets/icons/file.svg +11 -11
- package/src/assets/icons/fill_color.svg +7 -7
- package/src/assets/icons/filter.svg +4 -4
- package/src/assets/icons/fire_fox.svg +106 -106
- package/src/assets/icons/fireflink_finder_logo.svg +7 -7
- package/src/assets/icons/fireflink_icon.svg +4 -4
- package/src/assets/icons/fireflink_logo.svg +13 -13
- package/src/assets/icons/fireflink_platform.svg +4 -4
- package/src/assets/icons/firefox.svg +84 -84
- package/src/assets/icons/flaky_status_icon.svg +12 -12
- package/src/assets/icons/formate_painter.svg +5 -5
- package/src/assets/icons/formula_icon.svg +3 -3
- package/src/assets/icons/forward.svg +3 -3
- package/src/assets/icons/forward_icon.svg +3 -3
- package/src/assets/icons/full_access_icon.svg +4 -4
- package/src/assets/icons/gif_file_type.svg +4 -4
- package/src/assets/icons/global_variable_icon.svg +4 -4
- package/src/assets/icons/group_user.svg +12 -0
- package/src/assets/icons/hamburger_menu.svg +3 -3
- package/src/assets/icons/help_icon.svg +10 -10
- package/src/assets/icons/hide_access_icon.svg +3 -3
- package/src/assets/icons/hide_icon.svg +9 -9
- package/src/assets/icons/history_icon.svg +19 -19
- package/src/assets/icons/html_file_type.svg +4 -4
- package/src/assets/icons/impact_list.svg +6 -6
- package/src/assets/icons/import.svg +4 -4
- package/src/assets/icons/import_icon.svg +4 -4
- package/src/assets/icons/info.svg +17 -17
- package/src/assets/icons/info_icon.svg +5 -5
- package/src/assets/icons/info_user.svg +5 -5
- package/src/assets/icons/internet_explorer.svg +3 -3
- package/src/assets/icons/ios_icon.svg +11 -11
- package/src/assets/icons/ipk_file_type.svg +4 -4
- package/src/assets/icons/italic.svg +3 -3
- package/src/assets/icons/jira.svg +3 -3
- package/src/assets/icons/jpg_file_type.svg +4 -4
- package/src/assets/icons/json_file_type.svg +4 -4
- package/src/assets/icons/label_icon.svg +8 -8
- package/src/assets/icons/label_plus.svg +3 -3
- package/src/assets/icons/labels.svg +8 -8
- package/src/assets/icons/lambda_icon.svg +3 -3
- package/src/assets/icons/left_arrow_icon.svg +3 -3
- package/src/assets/icons/license_expired.svg +20 -20
- package/src/assets/icons/license_info.svg +28 -28
- package/src/assets/icons/license_warning.svg +10 -10
- package/src/assets/icons/link_expired.svg +186 -186
- package/src/assets/icons/linked_defects.svg +11 -11
- package/src/assets/icons/linux.svg +42 -42
- package/src/assets/icons/local.svg +3 -3
- package/src/assets/icons/local_variable_icon.svg +4 -4
- package/src/assets/icons/logo.svg +17 -17
- package/src/assets/icons/mac.svg +9 -9
- package/src/assets/icons/machine_disable_icon.svg +18 -18
- package/src/assets/icons/machine_enable_icon.svg +10 -10
- package/src/assets/icons/manage_apps.svg +3 -3
- package/src/assets/icons/manual_locator.svg +7 -7
- package/src/assets/icons/manual_testcase.svg +3 -3
- package/src/assets/icons/maximize_icon.svg +5 -5
- package/src/assets/icons/maximize_script.svg +12 -12
- package/src/assets/icons/maximize_tree.svg +3 -3
- package/src/assets/icons/minimize_script.svg +5 -5
- package/src/assets/icons/mobile_icon.svg +3 -3
- package/src/assets/icons/moon_stars.svg +10 -10
- package/src/assets/icons/more.svg +10 -10
- package/src/assets/icons/move_icon.svg +5 -5
- package/src/assets/icons/ms_dynamic.svg +4 -4
- package/src/assets/icons/ms_dynamic_icon.svg +15 -15
- package/src/assets/icons/nlp_help_icon.svg +3 -3
- package/src/assets/icons/no_access_icon.svg +4 -4
- package/src/assets/icons/no_border.svg +3 -3
- package/src/assets/icons/no_data.svg +13 -13
- package/src/assets/icons/no_license_found.svg +22 -22
- package/src/assets/icons/notification_icon.svg +3 -3
- package/src/assets/icons/opera.svg +9 -9
- package/src/assets/icons/parameters.svg +3 -3
- package/src/assets/icons/passed_status_icon.svg +12 -12
- package/src/assets/icons/pdf_file_type.svg +4 -4
- package/src/assets/icons/plus_icon.svg +11 -11
- package/src/assets/icons/plus_round_icon.svg +38 -38
- package/src/assets/icons/plus_user_icon.svg +3 -3
- package/src/assets/icons/png_file_type.svg +4 -4
- package/src/assets/icons/pre_post_condition.svg +8 -8
- package/src/assets/icons/program_element.svg +8 -8
- package/src/assets/icons/project_element.svg +4 -4
- package/src/assets/icons/project_env_variable_icon.svg +4 -4
- package/src/assets/icons/project_status_icon.svg +10 -10
- package/src/assets/icons/quick_run_setting_icon.svg +5 -5
- package/src/assets/icons/refresh-icon.svg +4 -4
- package/src/assets/icons/refresh_icon.svg +4 -4
- package/src/assets/icons/reload.svg +3 -3
- package/src/assets/icons/remove.svg +11 -11
- package/src/assets/icons/remove_user.svg +3 -3
- package/src/assets/icons/replace.svg +11 -11
- package/src/assets/icons/replace_file.svg +13 -13
- package/src/assets/icons/replace_icon.svg +6 -6
- package/src/assets/icons/reset-link.svg +52 -52
- package/src/assets/icons/right_arrow_icon.svg +4 -4
- package/src/assets/icons/rotate_icon.svg +10 -10
- package/src/assets/icons/run_automation_scripts_icon.svg +33 -33
- package/src/assets/icons/run_icon.svg +26 -26
- package/src/assets/icons/run_manual_testcase_icon.svg +4 -4
- package/src/assets/icons/safari.svg +93 -93
- package/src/assets/icons/safari_icon.svg +12 -12
- package/src/assets/icons/sales_force.svg +7 -7
- package/src/assets/icons/salesforce_icon.svg +14 -14
- package/src/assets/icons/sample_template_first.svg +29 -29
- package/src/assets/icons/sample_template_second.svg +47 -47
- package/src/assets/icons/sause_lab.svg +3 -3
- package/src/assets/icons/save_as_step.svg +3 -3
- package/src/assets/icons/search.svg +3 -3
- package/src/assets/icons/send_step.svg +4 -4
- package/src/assets/icons/settings.svg +3 -3
- package/src/assets/icons/single_user.svg +12 -0
- package/src/assets/icons/skipped_status_icon.svg +12 -12
- package/src/assets/icons/standard_template.svg +30 -30
- package/src/assets/icons/step_group.svg +10 -10
- package/src/assets/icons/strike_through.svg +3 -3
- package/src/assets/icons/success.svg +17 -17
- package/src/assets/icons/suites_icon.svg +3 -3
- package/src/assets/icons/sun_icon.svg +10 -10
- package/src/assets/icons/swipe_icon.svg +9 -9
- package/src/assets/icons/switch_license_icon.svg +123 -123
- package/src/assets/icons/system_warning.svg +61 -61
- package/src/assets/icons/tap_icon.svg +3 -3
- package/src/assets/icons/test_data.svg +5 -5
- package/src/assets/icons/test_data_set.svg +7 -7
- package/src/assets/icons/test_freshers_logo.svg +8 -0
- package/src/assets/icons/text_align_center.svg +3 -3
- package/src/assets/icons/text_align_left.svg +3 -3
- package/src/assets/icons/text_align_right.svg +3 -3
- package/src/assets/icons/text_color.svg +3 -3
- package/src/assets/icons/tick_icon.svg +4 -4
- package/src/assets/icons/toast_close.svg +3 -3
- package/src/assets/icons/txt_file_type.svg +4 -4
- package/src/assets/icons/underline.svg +4 -4
- package/src/assets/icons/unfollow_icon.svg +3 -0
- package/src/assets/icons/update_icon.svg +3 -3
- package/src/assets/icons/user_password_lock.svg +220 -220
- package/src/assets/icons/user_profile.svg +3 -3
- package/src/assets/icons/user_warning.svg +235 -235
- package/src/assets/icons/user_with_system.svg +637 -637
- package/src/assets/icons/variable.svg +3 -3
- package/src/assets/icons/variable_icon.svg +4 -4
- package/src/assets/icons/variable_set.svg +5 -5
- package/src/assets/icons/vertical_separator.svg +3 -3
- package/src/assets/icons/view_access_icon.svg +4 -4
- package/src/assets/icons/view_icon.svg +3 -3
- package/src/assets/icons/warning.svg +17 -17
- package/src/assets/icons/warning_status_icon.svg +12 -12
- package/src/assets/icons/web&mobile_icon.svg +3 -3
- package/src/assets/icons/web_icon.svg +3 -3
- package/src/assets/icons/web_mobile_icon.svg +29 -29
- package/src/assets/icons/web_service_icon.svg +3 -3
- package/src/assets/icons/web_services_icon.svg +30 -30
- package/src/assets/icons/window_maximize.svg +3 -3
- package/src/assets/icons/window_minimize.svg +3 -3
- package/src/assets/icons/window_restore.svg +4 -4
- package/src/assets/icons/windows.svg +10 -10
- package/src/assets/icons/wrong_mark.svg +3 -3
- package/src/assets/icons/wswb_delete_icon.svg +3 -3
- package/src/assets/icons/wswb_plus_icon.svg +4 -4
- package/src/assets/icons/xls_file_type.svg +4 -4
- package/src/assets/icons/xlsx_file_type.svg +4 -4
- package/src/assets/icons/xml_file_type.svg +4 -4
- package/src/assets/styles/_colors.scss +150 -150
- package/src/assets/styles/_fonts.scss +45 -45
- package/src/assets/styles/_mixins.scss +21 -21
- package/src/assets/utils/functionUtils.ts +96 -96
- package/src/components/Accordion/Accordion.scss +46 -46
- package/src/components/Accordion/Accordion.stories.tsx +48 -48
- package/src/components/Accordion/Accordion.tsx +69 -69
- package/src/components/Accordion/index.ts +1 -1
- package/src/components/Accordion/types.ts +44 -44
- package/src/components/AddResourceButton/AddButton.scss +36 -36
- package/src/components/AddResourceButton/AddButton.stories.tsx +126 -126
- package/src/components/AddResourceButton/AddButton.tsx +121 -121
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.scss +161 -161
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +38 -38
- package/src/components/AddResourceButton/index.ts +1 -1
- package/src/components/AddResourceButton/type.ts +92 -92
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +189 -189
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.stories.tsx +117 -117
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +152 -152
- package/src/components/AllProjectsDropdown/types.ts +14 -14
- package/src/components/AppHeader/AppHeader.scss +218 -218
- package/src/components/AppHeader/AppHeader.stories.tsx +553 -553
- package/src/components/AppHeader/AppHeader.tsx +199 -199
- package/src/components/AppHeader/index.ts +1 -1
- package/src/components/AppHeader/types.ts +54 -54
- package/src/components/AttachImage/AttachImage.scss +76 -76
- package/src/components/AttachImage/AttachImage.stories.tsx +24 -24
- package/src/components/AttachImage/AttachImage.tsx +60 -60
- package/src/components/AttachImage/index.ts +2 -2
- package/src/components/AttachImage/types.ts +26 -26
- package/src/components/AttachmentButton/AttachmentButton.scss +9 -9
- package/src/components/AttachmentButton/AttachmentButton.stories.tsx +81 -81
- package/src/components/AttachmentButton/AttachmentButton.tsx +129 -129
- package/src/components/AttachmentButton/types.ts +13 -13
- package/src/components/Avatar/Avatar.scss +27 -27
- package/src/components/Avatar/Avatar.stories.tsx +76 -76
- package/src/components/Avatar/Avatar.tsx +41 -41
- package/src/components/Avatar/types.ts +35 -35
- package/src/components/Button/Button.scss +166 -166
- package/src/components/Button/Button.stories.tsx +81 -81
- package/src/components/Button/Button.tsx +91 -91
- package/src/components/Button/index.ts +1 -1
- package/src/components/Button/types.ts +90 -90
- package/src/components/Charts/BarChart/BarChart.scss +69 -69
- package/src/components/Charts/BarChart/BarChart.stories.tsx +70 -70
- package/src/components/Charts/BarChart/BarChart.tsx +349 -349
- package/src/components/Charts/BarChart/types.ts +12 -12
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +221 -221
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.tsx +58 -58
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +554 -554
- package/src/components/Charts/DashboardDonutChart/types.ts +60 -60
- package/src/components/Charts/DonutChart/DonutChart.scss +76 -76
- package/src/components/Charts/DonutChart/DonutChart.stories.tsx +30 -30
- package/src/components/Charts/DonutChart/DonutChart.tsx +246 -246
- package/src/components/Charts/DonutChart/index.ts +1 -1
- package/src/components/Charts/DonutChart/type.ts +23 -23
- package/src/components/Charts/IconRadialChart/IconRadialChart.scss +25 -25
- package/src/components/Charts/IconRadialChart/IconRadialChart.stories.tsx +51 -51
- package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +173 -173
- package/src/components/Charts/IconRadialChart/types.ts +28 -28
- package/src/components/Charts/LineChart/LineChart.scss +92 -92
- package/src/components/Charts/LineChart/LineChart.stories.tsx +198 -259
- package/src/components/Charts/LineChart/LineChart.tsx +391 -295
- package/src/components/Charts/LineChart/index.ts +1 -1
- package/src/components/Charts/LineChart/types.ts +31 -30
- package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +85 -85
- package/src/components/Charts/MultiRadialChart/MultiRadialChart.stories.tsx +117 -117
- package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +306 -306
- package/src/components/Charts/MultiRadialChart/index.ts +1 -1
- package/src/components/Charts/MultiRadialChart/types.ts +28 -28
- package/src/components/Charts/PieChart/PieChart.scss +41 -41
- package/src/components/Charts/PieChart/PieChart.stories.tsx +46 -46
- package/src/components/Charts/PieChart/PieChart.tsx +192 -192
- package/src/components/Charts/PieChart/index.ts +1 -1
- package/src/components/Charts/PieChart/types.ts +28 -28
- package/src/components/Charts/RadialChart/RadialChart.scss +16 -16
- package/src/components/Charts/RadialChart/RadialChart.stories.tsx +36 -36
- package/src/components/Charts/RadialChart/RadialChart.tsx +180 -180
- package/src/components/Charts/RadialChart/index.ts +1 -1
- package/src/components/Charts/RadialChart/types.ts +32 -32
- package/src/components/Checkbox/Checkbox.scss +148 -148
- package/src/components/Checkbox/Checkbox.stories.tsx +78 -78
- package/src/components/Checkbox/Checkbox.tsx +57 -57
- package/src/components/Checkbox/types.ts +34 -34
- package/src/components/Chip/Chip.scss +95 -95
- package/src/components/Chip/Chip.stories.tsx +125 -125
- package/src/components/Chip/Chip.tsx +39 -39
- package/src/components/Chip/index.ts +1 -1
- package/src/components/Chip/types.ts +19 -19
- package/src/components/ChooseFile/ChooseFile.stories.tsx +190 -190
- package/src/components/ChooseFile/ChooseFile.tsx +46 -46
- package/src/components/ChooseFile/types.ts +78 -78
- package/src/components/Comment/Comments.scss +166 -166
- package/src/components/Comment/Comments.stories.tsx +212 -212
- package/src/components/Comment/Comments.tsx +51 -51
- package/src/components/Comment/comment/Comment.tsx +206 -206
- package/src/components/Comment/comment/useNode.ts +51 -51
- package/src/components/Comment/index.ts +1 -1
- package/src/components/Comment/type.ts +36 -36
- package/src/components/ConditionalDropdown/ConditionalDropdown.scss +17 -17
- package/src/components/ConditionalDropdown/ConditionalDropdown.stories.tsx +151 -150
- package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +157 -156
- package/src/components/ConditionalDropdown/OptionsDropdown.tsx +43 -43
- package/src/components/ConditionalDropdown/index.ts +1 -1
- package/src/components/ConditionalDropdown/types.ts +163 -159
- package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +143 -143
- package/src/components/ConnectingBranch/ConnectingBranch.scss +221 -221
- package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +53 -53
- package/src/components/ConnectingBranch/ConnectingBranch.tsx +196 -196
- package/src/components/ConnectingBranch/data.tsx +226 -226
- package/src/components/ConnectingBranch/index.ts +1 -1
- package/src/components/ConnectingBranch/types.ts +42 -42
- package/src/components/CreateVariable/CreateVariableSlider.scss +18 -18
- package/src/components/CreateVariable/CreateVariableSlider.stories.tsx +66 -66
- package/src/components/CreateVariable/CreateVariableSlider.tsx +95 -95
- package/src/components/CreateVariable/index.ts +1 -1
- package/src/components/CreateVariable/types.ts +58 -58
- package/src/components/DatePicker/DatePicker.scss +723 -723
- package/src/components/DatePicker/DatePicker.stories.tsx +193 -193
- package/src/components/DatePicker/DatePicker.tsx +502 -502
- package/src/components/DatePicker/Timepicker.tsx +372 -372
- package/src/components/DatePicker/types.ts +105 -105
- package/src/components/DownloadClient/DownloadClient.scss +67 -67
- package/src/components/DownloadClient/DownloadClient.stories.tsx +26 -26
- package/src/components/DownloadClient/DownloadClient.tsx +90 -90
- package/src/components/DownloadClient/type.ts +33 -33
- package/src/components/DragAndDrop/DragAndDrop.d.ts +5 -5
- package/src/components/DragAndDrop/DragAndDrop.stories.tsx +25 -25
- package/src/components/DragAndDrop/DragAndDrop.ts +7 -7
- package/src/components/DragAndDrop/DragAndDropList.scss +69 -69
- package/src/components/DragAndDrop/DragAndDropList.tsx +151 -151
- package/src/components/Drawer/Drawer.scss +139 -139
- package/src/components/Drawer/Drawer.stories.tsx +156 -156
- package/src/components/Drawer/Drawer.tsx +233 -233
- package/src/components/Drawer/Types.ts +161 -161
- package/src/components/EditTextField/EditTextField.scss +97 -97
- package/src/components/EditTextField/EditTextField.stories.tsx +127 -127
- package/src/components/EditTextField/EditTextField.tsx +175 -175
- package/src/components/EditTextField/index.ts +1 -1
- package/src/components/EditTextField/types.ts +55 -55
- package/src/components/Editor/Editor.scss +61 -56
- package/src/components/Editor/Editor.stories.tsx +54 -54
- package/src/components/Editor/Editor.tsx +250 -250
- package/src/components/Editor/VariableDropdown.scss +28 -28
- package/src/components/Editor/VariableDropdown.tsx +57 -57
- package/src/components/Editor/constants.ts +180 -180
- package/src/components/Editor/types.ts +89 -89
- package/src/components/Excel/ColorBarSelector/ColorBarSelector.scss +15 -15
- package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +43 -43
- package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.scss +27 -27
- package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.tsx +42 -42
- package/src/components/Excel/ExcelFile/ExcelFile.scss +56 -56
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +512 -512
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ActiveCell.tsx +155 -148
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx +206 -206
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +176 -176
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Copied.tsx +25 -25
- package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx +56 -56
- package/src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx +40 -37
- package/src/components/Excel/ExcelFile/ExcelFileComponents/DataViewer.tsx +85 -85
- package/src/components/Excel/ExcelFile/ExcelFileComponents/FloatingRect.tsx +61 -61
- package/src/components/Excel/ExcelFile/ExcelFileComponents/HeaderRow.tsx +7 -7
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Row.tsx +5 -5
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +157 -157
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Selected.tsx +32 -32
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +201 -201
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +531 -531
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Table.tsx +19 -19
- package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +575 -575
- package/src/components/Excel/ExcelFile/ExcelFileComponents/areModelsEqual.ts +18 -18
- package/src/components/Excel/ExcelFile/ExcelFileComponents/context.ts +12 -12
- package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/engine.ts +153 -153
- package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/formula.ts +31 -31
- package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/index.ts +2 -2
- package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-graph.ts +152 -152
- package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-hash.ts +10 -10
- package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-set.ts +69 -69
- package/src/components/Excel/ExcelFile/ExcelFileComponents/index.ts +49 -49
- package/src/components/Excel/ExcelFile/ExcelFileComponents/matrix.ts +382 -382
- package/src/components/Excel/ExcelFile/ExcelFileComponents/point-range.ts +82 -82
- package/src/components/Excel/ExcelFile/ExcelFileComponents/point.ts +15 -15
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +716 -716
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +886 -886
- package/src/components/Excel/ExcelFile/ExcelFileComponents/selection.ts +257 -257
- package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +266 -266
- package/src/components/Excel/ExcelFile/ExcelFileComponents/typings/fast-formula-parser.d.ts +58 -58
- package/src/components/Excel/ExcelFile/ExcelFileComponents/use-dispatch.ts +8 -8
- package/src/components/Excel/ExcelFile/ExcelFileComponents/use-selector.ts +9 -9
- package/src/components/Excel/ExcelFile/ExcelFileComponents/util.ts +172 -172
- package/src/components/Excel/ExcelFile.stories.tsx +168 -168
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.scss +96 -96
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +434 -434
- package/src/components/Excel/Types.ts +196 -196
- package/src/components/Excel/dataConversion.ts +196 -196
- package/src/components/Excel/index.ts +1 -1
- package/src/components/ExpandableMenu/ExpandableMenu.scss +110 -110
- package/src/components/ExpandableMenu/ExpandableMenu.stories.tsx +67 -67
- package/src/components/ExpandableMenu/ExpandableMenu.tsx +101 -101
- package/src/components/ExpandableMenu/index.ts +1 -1
- package/src/components/ExpandableMenu/types.ts +34 -34
- package/src/components/FF_Captcha/Recaptcha.scss +10 -10
- package/src/components/FF_Captcha/Recaptcha.tsx +40 -40
- package/src/components/FF_Captcha/captcha.stories.tsx +40 -40
- package/src/components/FF_Captcha/types.ts +22 -22
- package/src/components/FieldSet/FieldSet.scss +10 -10
- package/src/components/FieldSet/FieldSet.stories.tsx +104 -104
- package/src/components/FieldSet/FieldSet.tsx +29 -29
- package/src/components/FieldSet/index.ts +1 -1
- package/src/components/FieldSet/types.ts +8 -8
- package/src/components/FileDropzone/Dropzone.tsx +108 -108
- package/src/components/FileDropzone/FileDropzone.scss +180 -180
- package/src/components/FileDropzone/FileDropzone.stories.tsx +273 -273
- package/src/components/FileDropzone/FileDropzone.tsx +166 -166
- package/src/components/FileDropzone/FilePreview.tsx +77 -77
- package/src/components/FileDropzone/RadioFilePreview.tsx +80 -80
- package/src/components/FileDropzone/index.ts +1 -1
- package/src/components/FileDropzone/types.ts +207 -207
- package/src/components/Form/Form.d.ts +2 -2
- package/src/components/Form/Form.scss +158 -158
- package/src/components/Form/Form.stories.tsx +508 -508
- package/src/components/Form/Form.ts +2 -2
- package/src/components/Form/Forms.tsx +39 -39
- package/src/components/Form/validation.json +29 -29
- package/src/components/GridLayout/GridLayout.scss +69 -69
- package/src/components/GridLayout/GridLayout.stories.tsx +90 -90
- package/src/components/GridLayout/GridLayout.tsx +39 -39
- package/src/components/GridLayout/GridLayoutStory.scss +25 -25
- package/src/components/GridLayout/types.ts +84 -84
- package/src/components/HighlightText/HighlightText.scss +3 -3
- package/src/components/HighlightText/HighlightText.stories.tsx +22 -22
- package/src/components/HighlightText/HighlightText.tsx +33 -33
- package/src/components/HighlightText/index.ts +1 -1
- package/src/components/HighlightText/types.ts +4 -4
- package/src/components/Icon/Icon.stories.tsx +113 -65
- package/src/components/Icon/Icon.tsx +88 -88
- package/src/components/Icon/Icons.scss +50 -50
- package/src/components/Icon/iconList.ts +515 -505
- package/src/components/Icon/index.ts +1 -1
- package/src/components/Icon/types.ts +14 -14
- package/src/components/IconButton/IconButton.scss +54 -54
- package/src/components/IconButton/IconButton.stories.tsx +34 -34
- package/src/components/IconButton/IconButton.tsx +32 -32
- package/src/components/IconButton/index.ts +1 -1
- package/src/components/IconButton/types.ts +5 -5
- package/src/components/IconRadioGroup/IconRadioGroup.scss +64 -64
- package/src/components/IconRadioGroup/IconRadioGroup.stories.tsx +108 -108
- package/src/components/IconRadioGroup/IconRadioGroup.tsx +73 -73
- package/src/components/IconRadioGroup/index.ts +1 -1
- package/src/components/IconRadioGroup/type.ts +49 -49
- package/src/components/Input/Input.scss +170 -170
- package/src/components/Input/Input.stories.tsx +153 -141
- package/src/components/Input/Input.tsx +122 -120
- package/src/components/Input/types.ts +89 -85
- package/src/components/InputWithDropdown/InputWithDropdown.scss +220 -220
- package/src/components/InputWithDropdown/InputWithDropdown.stories.tsx +169 -169
- package/src/components/InputWithDropdown/InputWithDropdown.tsx +129 -129
- package/src/components/InputWithDropdown/index.ts +1 -1
- package/src/components/InputWithDropdown/types.ts +113 -113
- package/src/components/LabelEditTextField/LabelEditTextField.scss +94 -90
- package/src/components/LabelEditTextField/LabelEditTextField.stories.tsx +198 -197
- package/src/components/LabelEditTextField/LabelEditTextField.tsx +267 -263
- package/src/components/LabelEditTextField/index.ts +1 -1
- package/src/components/LabelEditTextField/types.ts +51 -49
- package/src/components/LazyLoad/LazyLoad.d.ts +3 -3
- package/src/components/LazyLoad/LazyLoad.stories.tsx +33 -33
- package/src/components/LazyLoad/LazyLoad.ts +2 -2
- package/src/components/LazyLoad/LazyLoading.tsx +19 -19
- package/src/components/LazyLoad/index.ts +1 -1
- package/src/components/MachineInputField/MachineInputField.scss +59 -55
- package/src/components/MachineInputField/MachineInputField.stories.tsx +33 -33
- package/src/components/MachineInputField/MachineInputField.tsx +85 -84
- package/src/components/MachineInputField/index.ts +1 -1
- package/src/components/MachineInputField/types.ts +15 -15
- package/src/components/MenuOption/MenuOption.scss +97 -97
- package/src/components/MenuOption/MenuOption.stories.tsx +212 -212
- package/src/components/MenuOption/MenuOption.tsx +222 -222
- package/src/components/MenuOption/types.ts +231 -231
- package/src/components/MiniModal/MiniModal.scss +169 -169
- package/src/components/MiniModal/MiniModal.stories.tsx +740 -740
- package/src/components/MiniModal/MiniModal.tsx +346 -346
- package/src/components/MiniModal/index.ts +1 -1
- package/src/components/MiniModal/types.ts +124 -124
- package/src/components/Modal/Modal.stories.tsx +70 -70
- package/src/components/Modal/Modal.tsx +100 -100
- package/src/components/Modal/index.tsx +1 -1
- package/src/components/Modal/modal.scss +51 -51
- package/src/components/Modal/types.ts +43 -43
- package/src/components/ModulesChip/ModuleChip.scss +33 -33
- package/src/components/ModulesChip/ModuleChip.stories.tsx +41 -41
- package/src/components/ModulesChip/ModuleChip.tsx +28 -28
- package/src/components/ModulesChip/types.ts +14 -14
- package/src/components/MultiSelect/Dropdown.scss +77 -77
- package/src/components/MultiSelect/Dropdown.tsx +169 -169
- package/src/components/MultiSelect/MultiSelect.scss +247 -247
- package/src/components/MultiSelect/MultiSelect.stories.tsx +290 -290
- package/src/components/MultiSelect/MultiSelect.tsx +486 -486
- package/src/components/MultiSelect/MultiSelectTypes.ts +49 -49
- package/src/components/MultiSelect/dropdownTypes.ts +21 -21
- package/src/components/MultiSelect/index.ts +1 -1
- package/src/components/NLPInput/NLPInput.scss +302 -302
- package/src/components/NLPInput/NlpInput.stories.tsx +70 -70
- package/src/components/NLPInput/NlpInput.tsx +410 -410
- package/src/components/NLPInput/components/NlpDropDown/NlpDropDownType.ts +62 -62
- package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.scss +134 -134
- package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.tsx +320 -320
- package/src/components/NLPInput/index.ts +1 -1
- package/src/components/NLPInput/sampleData.ts +161 -161
- package/src/components/NLPInput/types.tsx +136 -136
- package/src/components/Paper/Paper.scss +13 -13
- package/src/components/Paper/Paper.stories.tsx +77 -77
- package/src/components/Paper/Paper.tsx +14 -14
- package/src/components/Paper/types.ts +19 -19
- package/src/components/PhoneInput/PhoneInput.d.ts +3 -3
- package/src/components/PhoneInput/PhoneInput.stories.tsx +70 -70
- package/src/components/PhoneInput/PhoneInput.tsx +98 -98
- package/src/components/PhoneInput/index.ts +1 -1
- package/src/components/PhoneInput/phoneInput.scss +901 -901
- package/src/components/PhoneInput/types.ts +16 -16
- package/src/components/PopUpModal/PopUpModal.scss +36 -36
- package/src/components/PopUpModal/PopUpModal.stories.tsx +67 -67
- package/src/components/PopUpModal/PopUpModal.tsx +87 -87
- package/src/components/PopUpModal/types.ts +17 -17
- package/src/components/ProgressBar/ProgressBar.scss +46 -46
- package/src/components/ProgressBar/ProgressBar.stories.tsx +22 -22
- package/src/components/ProgressBar/ProgressBar.tsx +61 -61
- package/src/components/ProgressBar/types.ts +12 -12
- package/src/components/RadioButton/RadioButton.scss +106 -106
- package/src/components/RadioButton/RadioButton.stories.tsx +43 -43
- package/src/components/RadioButton/RadioButton.tsx +41 -41
- package/src/components/RadioButton/index.ts +1 -1
- package/src/components/RadioButton/radioButtonTypes.tsx +62 -62
- package/src/components/RadioGroup/RadioGroup.scss +11 -11
- package/src/components/RadioGroup/RadioGroup.stories.tsx +150 -150
- package/src/components/RadioGroup/RadioGroup.tsx +49 -49
- package/src/components/RadioGroup/index.ts +1 -1
- package/src/components/RadioGroup/radioGroupTypes.tsx +96 -96
- package/src/components/ScriptSwitchButton/ScriptSwitchButton.scss +33 -33
- package/src/components/ScriptSwitchButton/ScriptSwitchButton.stories.tsx +48 -48
- package/src/components/ScriptSwitchButton/ScriptSwitchButton.tsx +65 -65
- package/src/components/ScriptSwitchButton/index.ts +1 -1
- package/src/components/Search/Search.scss +103 -103
- package/src/components/Search/Search.stories.tsx +44 -44
- package/src/components/Search/Search.tsx +138 -138
- package/src/components/Search/index.ts +1 -1
- package/src/components/Search/types.ts +19 -19
- package/src/components/Select/Select.scss +213 -213
- package/src/components/Select/Select.stories.tsx +355 -355
- package/src/components/Select/Select.tsx +278 -278
- package/src/components/Select/components/Dropdown.scss +61 -61
- package/src/components/Select/components/Dropdown.tsx +140 -140
- package/src/components/Select/components/types.ts +24 -24
- package/src/components/Select/index.ts +1 -1
- package/src/components/Select/types.ts +134 -134
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +128 -128
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +67 -67
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +186 -184
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +191 -191
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +326 -318
- package/src/components/SequentialConnectingBranch/components/Branches/types.ts +33 -32
- package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.scss +3 -3
- package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +78 -76
- package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +25 -24
- package/src/components/SequentialConnectingBranch/index.ts +1 -1
- package/src/components/SequentialConnectingBranch/types.ts +66 -62
- package/src/components/StateDropdown/StateDropdown.stories.tsx +104 -104
- package/src/components/StateDropdown/StateDropdown.tsx +245 -245
- package/src/components/StateDropdown/StateDropdownTypes.tsx +27 -27
- package/src/components/StatusButton/StatusButton.scss +90 -90
- package/src/components/StatusButton/StatusButton.stories.tsx +91 -91
- package/src/components/StatusButton/StatusButton.tsx +46 -46
- package/src/components/StatusButton/index.ts +1 -1
- package/src/components/StatusButton/types.ts +45 -45
- package/src/components/StatusCard/StatusCard.scss +138 -138
- package/src/components/StatusCard/StatusCard.stories.tsx +117 -117
- package/src/components/StatusCard/StatusCard.tsx +80 -80
- package/src/components/StatusCard/index.ts +1 -1
- package/src/components/StatusCard/types.ts +18 -18
- package/src/components/Table/Table.scss +118 -118
- package/src/components/Table/Table.stories.tsx +373 -373
- package/src/components/Table/Table.tsx +178 -178
- package/src/components/Table/Types.ts +124 -124
- package/src/components/Table/index.ts +1 -1
- package/src/components/TableTree/Components/TableBody.tsx +41 -41
- package/src/components/TableTree/Components/TableCell.tsx +75 -75
- package/src/components/TableTree/Components/TableHead.tsx +39 -39
- package/src/components/TableTree/Components/TableRow.tsx +41 -41
- package/src/components/TableTree/TableTree.scss +210 -217
- package/src/components/TableTree/TableTree.stories.tsx +176 -176
- package/src/components/TableTree/TableTree.tsx +72 -91
- package/src/components/TableTree/TableTreeStories.scss +22 -22
- package/src/components/TableTree/Utils/getAllChildIds.ts +14 -14
- package/src/components/TableTree/data.ts +368 -368
- package/src/components/TableTree/index.ts +1 -1
- package/src/components/TableTree/types.ts +72 -72
- package/src/components/TableWithAccordion/TableWithAccordion.scss +54 -54
- package/src/components/TableWithAccordion/TableWithAccordion.stories.tsx +94 -94
- package/src/components/TableWithAccordion/TableWithAccordion.tsx +174 -174
- package/src/components/TableWithAccordion/data.ts +36 -36
- package/src/components/TableWithAccordion/types.ts +69 -69
- package/src/components/Tabs/Tabs.scss +132 -132
- package/src/components/Tabs/Tabs.stories.tsx +153 -153
- package/src/components/Tabs/Tabs.tsx +71 -71
- package/src/components/Tabs/index.ts +1 -1
- package/src/components/Tabs/types.ts +48 -48
- package/src/components/TextArea/Textarea.scss +144 -144
- package/src/components/TextArea/Textarea.stories.tsx +92 -92
- package/src/components/TextArea/Textarea.tsx +86 -86
- package/src/components/TextArea/Types.ts +85 -85
- package/src/components/TextArea/index.tsx +1 -1
- package/src/components/ThemeProvider/ThemeProvider.tsx +27 -27
- package/src/components/ThemeProvider/index.ts +1 -1
- package/src/components/ThemeProvider/types.ts +14 -14
- package/src/components/Toast/Toast.scss +121 -121
- package/src/components/Toast/Toast.stories.tsx +144 -144
- package/src/components/Toast/Toast.tsx +117 -117
- package/src/components/Toast/index.ts +1 -1
- package/src/components/Toast/types.ts +27 -27
- package/src/components/Toastify/Toastify.stories.tsx +71 -71
- package/src/components/Toastify/Toastify.tsx +95 -95
- package/src/components/Toastify/index.ts +1 -1
- package/src/components/Toastify/types.ts +9 -9
- package/src/components/Toggle/Toggle.scss +133 -133
- package/src/components/Toggle/Toggle.stories.tsx +132 -132
- package/src/components/Toggle/Toggle.tsx +96 -96
- package/src/components/Toggle/index.ts +1 -1
- package/src/components/Toggle/types.ts +43 -43
- package/src/components/ToggleSwitch/ToggleSwitch.scss +58 -58
- package/src/components/ToggleSwitch/ToggleSwitch.stories.tsx +52 -52
- package/src/components/ToggleSwitch/ToggleSwitch.tsx +30 -30
- package/src/components/ToggleSwitch/index.ts +1 -1
- package/src/components/Tooltip/Tooltip.scss +27 -27
- package/src/components/Tooltip/Tooltip.stories.tsx +98 -98
- package/src/components/Tooltip/Tooltip.tsx +194 -194
- package/src/components/Tooltip/index.ts +1 -1
- package/src/components/Tooltip/types.ts +66 -66
- package/src/components/Typography/Typography.scss +25 -25
- package/src/components/Typography/Typography.stories.tsx +59 -59
- package/src/components/Typography/Typography.tsx +41 -41
- package/src/components/Typography/index.ts +1 -1
- package/src/components/Typography/types.ts +57 -57
- package/src/components/VariableInput/VariableInput.scss +127 -127
- package/src/components/VariableInput/VariableInput.stories.tsx +32 -32
- package/src/components/VariableInput/VariableInput.tsx +352 -352
- package/src/components/VariableInput/types.ts +56 -56
- package/src/hooks/keyboardevents/useEscKeyEvent.tsx +30 -30
- package/src/hooks/useClickOutside.tsx +30 -30
- package/src/hooks/useFileDropzone.tsx +275 -275
- package/src/hooks/useIntersectionObserver.tsx +56 -56
- package/src/hooks/usePortalPosition.tsx +53 -53
- package/src/hooks/useTheme.tsx +13 -13
- package/src/index.ts +302 -302
- package/src/utils/FormatString/FormatString.stories.tsx +58 -58
- package/src/utils/FormatString/FormatString.tsx +41 -41
- package/src/utils/TableCell/TableCell.ts +16 -16
- package/src/utils/capitalize/capitalize.stories.tsx +44 -44
- package/src/utils/capitalize/capitalize.tsx +4 -4
- package/src/utils/checkDuplicates/CheckDuplicates.stories.tsx +40 -40
- package/src/utils/checkDuplicates/checkDuplicates.ts +13 -13
- package/src/utils/checkEmpty/checkEmpty.stories.tsx +34 -34
- package/src/utils/checkEmpty/checkEmpty.ts +24 -24
- package/src/utils/compareArrays/compareArrays.stories.tsx +62 -62
- package/src/utils/compareArrays/compareArrays.ts +31 -31
- package/src/utils/compareObjects/compareObjects.stories.tsx +51 -51
- package/src/utils/compareObjects/compareObjects.ts +53 -53
- package/src/utils/debounce/debounce.stories.tsx +81 -81
- package/src/utils/debounce/debounce.ts +28 -28
- package/src/utils/downloadFile/saveFileFromBlob.stories.tsx +62 -62
- package/src/utils/downloadFile/saveFileFromBlob.ts +40 -40
- package/src/utils/ffID/ffID.stories.tsx +35 -35
- package/src/utils/ffID/ffid.ts +7 -7
- package/src/utils/findAndInsert/findAndInsert.stories.tsx +119 -119
- package/src/utils/findAndInsert/findAndInsert.ts +49 -49
- package/src/utils/formData/ConvertFormDataToObject.stories.tsx +27 -0
- package/src/utils/formData/ConvertFormDataToObject.ts +14 -0
- package/src/utils/functionCheck/functionCheck.ts +8 -8
- package/src/utils/getEncryptedData/getEncryptedData.stories.tsx +55 -55
- package/src/utils/getEncryptedData/getEncryptedData.ts +8 -8
- package/src/utils/getExtension/getExtension.stories.tsx +24 -23
- package/src/utils/getExtension/getExtension.ts +28 -28
- package/src/utils/getSelectOptionValue/getSelectOptionValue.ts +31 -31
- package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +72 -72
- package/src/utils/getSequentialPayload/getSequentialPayload.ts +16 -16
- package/src/utils/getSequentialPayload/types.ts +33 -33
- package/src/utils/throttle/throttle.stories.tsx +100 -100
- package/src/utils/throttle/throttle.ts +33 -33
- package/src/utils/truncateText/truncateText.stories.tsx +37 -37
- package/src/utils/truncateText/truncateText.ts +4 -4
- package/src/utils/validateFile/validateFile.stories.tsx +49 -49
- package/src/utils/validateFile/validateFile.ts +39 -39
- package/src/validations/regex.stories.tsx +418 -362
- package/src/validations/regex.ts +224 -194
- package/tsconfig.json +55 -55
- package/vite.config.js +14 -14
- package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
- package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
- package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
- package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
- package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
- package/lib/components/TableTree/TableTree copy.d.ts +0 -25
- 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\
|
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:
|
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:
|
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((
|
9698
|
-
|
9699
|
-
|
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
|
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
|
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
|
-
|
14976
|
-
startOfISOWeek,
|
14977
|
-
startOfWeek
|
14900
|
+
endOfMonth
|
14978
14901
|
} = dateLib;
|
14979
|
-
const startWeekFirstDate =
|
14980
|
-
const endWeekLastDate =
|
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
|
14993
|
-
const extraDates = nrOfDaysWithFixedWeeks * nOfMonths;
|
14915
|
+
const extraDates = NrOfDaysWithFixedWeeks * nOfMonths;
|
14994
14916
|
if (fixedWeeks && dates.length < extraDates) {
|
14995
|
-
|
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
|
-
|
15108
|
-
|
15028
|
+
startOfWeek,
|
15029
|
+
endOfWeek,
|
15030
|
+
startOfISOWeek,
|
15109
15031
|
endOfISOWeek,
|
15110
15032
|
endOfMonth,
|
15111
|
-
|
15112
|
-
getISOWeek,
|
15033
|
+
addDays,
|
15113
15034
|
getWeek,
|
15114
|
-
|
15115
|
-
startOfISOWeek,
|
15116
|
-
startOfWeek
|
15035
|
+
getISOWeek
|
15117
15036
|
} = dateLib;
|
15118
15037
|
const dayPickerMonths = displayMonths.reduce((months, month) => {
|
15119
|
-
const firstDateOfFirstWeek = props.
|
15120
|
-
const lastDateOfLastWeek = props.
|
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
|
-
|
15126
|
-
if (props.fixedWeeks && monthDates.length < nrOfDaysWithFixedWeeks) {
|
15044
|
+
if (props.fixedWeeks && monthDates.length < 42) {
|
15127
15045
|
const extraDates = dates.filter(date => {
|
15128
|
-
|
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
|
-
|
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 =>
|
15590
|
-
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)) ||
|
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.
|
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
|
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
|
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
|
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,
|
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,
|
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
|
-
|
21057
|
-
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
20953
|
+
if (elements.length > 0 && rects === defaultValue$2) {
|
21058
20954
|
measureRects();
|
21059
|
-
|
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
|
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
|
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
|
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
|
-
|
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 = '
|
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
|
-
|
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-
|
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(
|
26990
|
-
|
26991
|
-
|
26992
|
-
|
26993
|
-
|
26994
|
-
|
26995
|
-
|
26996
|
-
|
26997
|
-
|
26998
|
-
|
26999
|
-
|
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: "
|
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
|
-
|
32161
|
-
|
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
|
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
|
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: -
|
34108
|
-
y: yScale(
|
34109
|
-
textAnchor: "
|
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:
|
34116
|
-
},
|
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 = "/*
|
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:
|
45945
|
-
width:
|
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;
|