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.esm.js
CHANGED
@@ -621,6 +621,16 @@ const SvgImportIcon = (props) => /* @__PURE__ */ React.createElement("svg", { wi
|
|
621
621
|
|
622
622
|
const SvgSettings = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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" }));
|
623
623
|
|
624
|
+
const SvgUnfollowIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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" }));
|
625
|
+
|
626
|
+
const SvgExternalUser = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_9582_16046)" }, /* @__PURE__ */ React.createElement("rect", { width: 16, height: 16, rx: 8, fill: "currentColor" }), /* @__PURE__ */ React.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.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.createElement("rect", { x: 0.5, y: 0.5, width: 15, height: 15, rx: 7.5, stroke: "white" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_9582_16046" }, /* @__PURE__ */ React.createElement("rect", { width: 16, height: 16, rx: 8, fill: "white" }))));
|
627
|
+
|
628
|
+
const SvgSingleUser = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_9582_16045)" }, /* @__PURE__ */ React.createElement("rect", { width: 16, height: 16, rx: 8, fill: "currentColor" }), /* @__PURE__ */ React.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.createElement("rect", { x: 0.5, y: 0.5, width: 15, height: 15, rx: 7.5, stroke: "white" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_9582_16045" }, /* @__PURE__ */ React.createElement("rect", { width: 16, height: 16, rx: 8, fill: "white" }))));
|
629
|
+
|
630
|
+
const SvgGroupUser = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_9582_16047)" }, /* @__PURE__ */ React.createElement("rect", { width: 16, height: 16, rx: 8, fill: "currentColor" }), /* @__PURE__ */ React.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.createElement("rect", { x: 0.5, y: 0.5, width: 15, height: 15, rx: 7.5, stroke: "white" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_9582_16047" }, /* @__PURE__ */ React.createElement("rect", { width: 16, height: 16, rx: 8, fill: "white" }))));
|
631
|
+
|
632
|
+
const SvgTestFreshersLogo = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 60 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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.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.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.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.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" }));
|
633
|
+
|
624
634
|
let Components = {};
|
625
635
|
Components['success'] = SvgSuccess;
|
626
636
|
Components['alert'] = SvgAlert;
|
@@ -868,6 +878,11 @@ Components['executions_icon'] = SvgExecutionsIcon;
|
|
868
878
|
Components['suites_icon'] = SvgSuitesIcon;
|
869
879
|
Components['import_icon'] = SvgImportIcon;
|
870
880
|
Components['settings'] = SvgSettings;
|
881
|
+
Components['test_freshers_logo'] = SvgTestFreshersLogo;
|
882
|
+
Components['unfollow_icon'] = SvgUnfollowIcon;
|
883
|
+
Components['external_user'] = SvgExternalUser;
|
884
|
+
Components['single_user'] = SvgSingleUser;
|
885
|
+
Components['group_user'] = SvgGroupUser;
|
871
886
|
|
872
887
|
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}";
|
873
888
|
styleInject(css_248z$1h);
|
@@ -953,7 +968,7 @@ const Typography = ({
|
|
953
968
|
fontWeight = 'regular',
|
954
969
|
fontSize = 12,
|
955
970
|
lineHeight = 'normal',
|
956
|
-
color = '',
|
971
|
+
color = 'var(--text-color)',
|
957
972
|
textAlign = 'left',
|
958
973
|
as: Element = 'span',
|
959
974
|
letterSpacing = '',
|
@@ -1065,7 +1080,7 @@ function useEscapeKey(key) {
|
|
1065
1080
|
};
|
1066
1081
|
}
|
1067
1082
|
|
1068
|
-
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}";
|
1083
|
+
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}";
|
1069
1084
|
styleInject(css_248z$1e);
|
1070
1085
|
|
1071
1086
|
const ThemeContext = /*#__PURE__*/createContext$1(undefined);
|
@@ -2379,6 +2394,7 @@ const Input = /*#__PURE__*/forwardRef(({
|
|
2379
2394
|
onBlur,
|
2380
2395
|
onFocus,
|
2381
2396
|
autoComplete = 'off',
|
2397
|
+
autoFocus = false,
|
2382
2398
|
minValue = -Infinity,
|
2383
2399
|
maxValue = Infinity,
|
2384
2400
|
transparentBackground = false,
|
@@ -2397,10 +2413,10 @@ const Input = /*#__PURE__*/forwardRef(({
|
|
2397
2413
|
'ff-input-container--disabled': !!disabled
|
2398
2414
|
}),
|
2399
2415
|
children: [isLabelRequired && jsxs("label", {
|
2400
|
-
htmlFor: name,
|
2401
2416
|
className: classNames(`ff-input-label-container ff-input-label-container--${size}`, {
|
2402
2417
|
'ff-input-label-container--danger': !!error
|
2403
2418
|
}),
|
2419
|
+
htmlFor: name,
|
2404
2420
|
children: [required && jsx("span", {
|
2405
2421
|
className: "required-asterisk",
|
2406
2422
|
children: "*"
|
@@ -2433,6 +2449,7 @@ const Input = /*#__PURE__*/forwardRef(({
|
|
2433
2449
|
onFocus: onFocus,
|
2434
2450
|
onBlur: onBlur,
|
2435
2451
|
autoComplete: autoComplete,
|
2452
|
+
autoFocus: autoFocus,
|
2436
2453
|
min: minValue,
|
2437
2454
|
max: maxValue,
|
2438
2455
|
...props
|
@@ -9494,7 +9511,7 @@ const MiniModal = /*#__PURE__*/forwardRef(({
|
|
9494
9511
|
}), document.body);
|
9495
9512
|
});
|
9496
9513
|
|
9497
|
-
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\
|
9514
|
+
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}";
|
9498
9515
|
styleInject(css_248z$O);
|
9499
9516
|
|
9500
9517
|
const TableHead = /*#__PURE__*/React__default.memo(({
|
@@ -9554,12 +9571,12 @@ const TableCell = /*#__PURE__*/React__default.memo(({
|
|
9554
9571
|
className: "tree-table-td-content",
|
9555
9572
|
children: [col.isTree && select === 'checkbox' && jsx(Checkbox, {
|
9556
9573
|
checked: selected.includes(node.id),
|
9557
|
-
onChange:
|
9574
|
+
onChange: e => onCheckBoxChange(e, node)
|
9558
9575
|
}), col.isTree && select === 'radio' && jsx(RadioButton, {
|
9559
9576
|
name: node.title,
|
9560
9577
|
checked: selected.includes(node.id),
|
9561
9578
|
value: node.id,
|
9562
|
-
onChange:
|
9579
|
+
onChange: e => onCheckBoxChange(e, node)
|
9563
9580
|
}), prepareData(node, col)]
|
9564
9581
|
})]
|
9565
9582
|
}), col.actions && jsx("div", {
|
@@ -9631,19 +9648,6 @@ const TableBody = /*#__PURE__*/React__default.memo(({
|
|
9631
9648
|
})]
|
9632
9649
|
}));
|
9633
9650
|
|
9634
|
-
const getAllChildIds = (nodeId, data) => {
|
9635
|
-
let result = [nodeId];
|
9636
|
-
// Traverse the tree and find children based on parentId
|
9637
|
-
data.forEach(({
|
9638
|
-
node
|
9639
|
-
}) => {
|
9640
|
-
if (node.parentId === nodeId) {
|
9641
|
-
result = result.concat(getAllChildIds(node.id, data)); // Add children recursively
|
9642
|
-
}
|
9643
|
-
});
|
9644
|
-
return result;
|
9645
|
-
};
|
9646
|
-
|
9647
9651
|
const functionCheck = functionToCheck => !checkEmpty(functionToCheck) && functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
|
9648
9652
|
|
9649
9653
|
const TreeTable = ({
|
@@ -9674,22 +9678,9 @@ const TreeTable = ({
|
|
9674
9678
|
}
|
9675
9679
|
});
|
9676
9680
|
const handleToggleExpand = useCallback(node => onExpand?.(true, node?.id), [onExpand]);
|
9677
|
-
const handleCheckBoxChange = useCallback((
|
9678
|
-
|
9679
|
-
|
9680
|
-
onChange?.('true', [nodeId]);
|
9681
|
-
} else {
|
9682
|
-
let updatedSelected = [...selected];
|
9683
|
-
if (!updatedSelected.includes(nodeId)) {
|
9684
|
-
const childIds = getAllChildIds(nodeId, treeData);
|
9685
|
-
updatedSelected = [...new Set([...updatedSelected, ...childIds])]; // Add children
|
9686
|
-
} else {
|
9687
|
-
const childIds = getAllChildIds(nodeId, treeData);
|
9688
|
-
updatedSelected = updatedSelected.filter(id => !childIds.includes(id));
|
9689
|
-
}
|
9690
|
-
onChange?.('true', updatedSelected);
|
9691
|
-
}
|
9692
|
-
}, [selected, treeData, onChange]);
|
9681
|
+
const handleCheckBoxChange = useCallback((e, node) => {
|
9682
|
+
onChange?.(e, node);
|
9683
|
+
}, [onChange]);
|
9693
9684
|
const handleRowClick = useCallback((e, node) => onClick?.(e, node), [onClick]);
|
9694
9685
|
return jsx("div", {
|
9695
9686
|
className: "tree-table-wrap",
|
@@ -13293,53 +13284,6 @@ function setYear(date, year, options) {
|
|
13293
13284
|
return date_;
|
13294
13285
|
}
|
13295
13286
|
|
13296
|
-
const FIVE_WEEKS = 5;
|
13297
|
-
const FOUR_WEEKS = 4;
|
13298
|
-
/**
|
13299
|
-
* Return the number of weeks to display in the broadcast calendar.
|
13300
|
-
*
|
13301
|
-
* @since 9.4.0
|
13302
|
-
*/
|
13303
|
-
function getBroadcastWeeksInMonth(month, dateLib) {
|
13304
|
-
// Get the first day of the month
|
13305
|
-
const firstDayOfMonth = dateLib.startOfMonth(month);
|
13306
|
-
// Get the day of the week for the first day of the month (1-7, where 1 is Monday)
|
13307
|
-
const firstDayOfWeek = firstDayOfMonth.getDay() > 0 ? firstDayOfMonth.getDay() : 7;
|
13308
|
-
const broadcastStartDate = dateLib.addDays(month, -firstDayOfWeek + 1);
|
13309
|
-
const lastDateOfLastWeek = dateLib.addDays(broadcastStartDate, FIVE_WEEKS * 7 - 1);
|
13310
|
-
const numberOfWeeks = month.getMonth() === lastDateOfLastWeek.getMonth() ? FIVE_WEEKS : FOUR_WEEKS;
|
13311
|
-
return numberOfWeeks;
|
13312
|
-
}
|
13313
|
-
|
13314
|
-
/**
|
13315
|
-
* Return the start date of the week in the broadcast calendar.
|
13316
|
-
*
|
13317
|
-
* @since 9.4.0
|
13318
|
-
*/
|
13319
|
-
function startOfBroadcastWeek(date, dateLib) {
|
13320
|
-
const firstOfMonth = dateLib.startOfMonth(date);
|
13321
|
-
const dayOfWeek = firstOfMonth.getDay();
|
13322
|
-
if (dayOfWeek === 1) {
|
13323
|
-
return firstOfMonth;
|
13324
|
-
} else if (dayOfWeek === 0) {
|
13325
|
-
return dateLib.addDays(firstOfMonth, -1 * 6);
|
13326
|
-
} else {
|
13327
|
-
return dateLib.addDays(firstOfMonth, -1 * (dayOfWeek - 1));
|
13328
|
-
}
|
13329
|
-
}
|
13330
|
-
|
13331
|
-
/**
|
13332
|
-
* Return the end date of the week in the broadcast calendar.
|
13333
|
-
*
|
13334
|
-
* @since 9.4.0
|
13335
|
-
*/
|
13336
|
-
function endOfBroadcastWeek(date, dateLib) {
|
13337
|
-
const startDate = startOfBroadcastWeek(date, dateLib);
|
13338
|
-
const numberOfWeeks = getBroadcastWeeksInMonth(date, dateLib);
|
13339
|
-
const endDate = dateLib.addDays(startDate, numberOfWeeks * 7 - 1);
|
13340
|
-
return endDate;
|
13341
|
-
}
|
13342
|
-
|
13343
13287
|
/**
|
13344
13288
|
* A wrapper class around [date-fns](http://date-fns.org) sharing the same
|
13345
13289
|
* options. Methods of this class can be overridden using the
|
@@ -13420,15 +13364,6 @@ class DateLib {
|
|
13420
13364
|
this.differenceInCalendarMonths = (dateLeft, dateRight) => {
|
13421
13365
|
return this.overrides?.differenceInCalendarMonths ? this.overrides.differenceInCalendarMonths(dateLeft, dateRight) : differenceInCalendarMonths(dateLeft, dateRight);
|
13422
13366
|
};
|
13423
|
-
/**
|
13424
|
-
* Returns the end of the broadcast week for the given date.
|
13425
|
-
*
|
13426
|
-
* @param date The original date.
|
13427
|
-
* @returns The end of the broadcast week.
|
13428
|
-
*/
|
13429
|
-
this.endOfBroadcastWeek = date => {
|
13430
|
-
return this.overrides?.endOfBroadcastWeek ? this.overrides.endOfBroadcastWeek(date, this) : endOfBroadcastWeek(date, this);
|
13431
|
-
};
|
13432
13367
|
/**
|
13433
13368
|
* Returns the end of the ISO week for the given date.
|
13434
13369
|
*
|
@@ -13590,15 +13525,6 @@ class DateLib {
|
|
13590
13525
|
this.setYear = (date, year) => {
|
13591
13526
|
return this.overrides?.setYear ? this.overrides.setYear(date, year) : setYear(date, year);
|
13592
13527
|
};
|
13593
|
-
/**
|
13594
|
-
* Returns the start of the broadcast week for the given date.
|
13595
|
-
*
|
13596
|
-
* @param date The original date.
|
13597
|
-
* @returns The start of the broadcast week.
|
13598
|
-
*/
|
13599
|
-
this.startOfBroadcastWeek = date => {
|
13600
|
-
return this.overrides?.startOfBroadcastWeek ? this.overrides.startOfBroadcastWeek(date, this) : startOfBroadcastWeek(date, this);
|
13601
|
-
};
|
13602
13528
|
/**
|
13603
13529
|
* Returns the start of the day for the given date.
|
13604
13530
|
*
|
@@ -14184,8 +14110,7 @@ function getDataAttributes(props) {
|
|
14184
14110
|
"data-mode": props.mode ?? undefined,
|
14185
14111
|
"data-required": "required" in props ? props.required : undefined,
|
14186
14112
|
"data-multiple-months": props.numberOfMonths && props.numberOfMonths > 1 || undefined,
|
14187
|
-
"data-week-numbers": props.showWeekNumber || undefined
|
14188
|
-
"data-broadcast-calendar": props.broadcastCalendar || undefined
|
14113
|
+
"data-week-numbers": props.showWeekNumber || undefined
|
14189
14114
|
};
|
14190
14115
|
Object.entries(props).forEach(([key, val]) => {
|
14191
14116
|
if (key.startsWith("data-")) {
|
@@ -14251,7 +14176,7 @@ function formatDay(date, options, dateLib) {
|
|
14251
14176
|
*/
|
14252
14177
|
function formatMonthDropdown(/** The month number to format. */
|
14253
14178
|
monthNumber, /** The locale to use for formatting. */
|
14254
|
-
locale) {
|
14179
|
+
locale = enUS) {
|
14255
14180
|
return locale.localize?.month(monthNumber);
|
14256
14181
|
}
|
14257
14182
|
|
@@ -14355,7 +14280,7 @@ function getMonthOptions(displayMonth, navStart, navEnd, formatters, dateLib) {
|
|
14355
14280
|
return a - b;
|
14356
14281
|
});
|
14357
14282
|
const options = sortedMonths.map(value => {
|
14358
|
-
const label = formatters.formatMonthDropdown(value, dateLib.options.locale
|
14283
|
+
const label = formatters.formatMonthDropdown(value, dateLib.options.locale);
|
14359
14284
|
const month = dateLib.Date ? new dateLib.Date(year, value) : new Date(year, value);
|
14360
14285
|
const disabled = navStart && month < startOfMonth(navStart) || navEnd && month > startOfMonth(navEnd) || false;
|
14361
14286
|
return {
|
@@ -14730,8 +14655,7 @@ function tzName(tz, date) {
|
|
14730
14655
|
*/
|
14731
14656
|
function getWeekdays(/** The date library. */
|
14732
14657
|
dateLib, /** Use ISOWeek instead of locale/ */
|
14733
|
-
ISOWeek, timeZone
|
14734
|
-
broadcastCalendar) {
|
14658
|
+
ISOWeek, timeZone) {
|
14735
14659
|
const date = timeZone ? TZDate.tz(timeZone) : dateLib.Date ? new dateLib.Date() : new Date();
|
14736
14660
|
const start = ISOWeek ? dateLib.startOfISOWeek(date) : dateLib.startOfWeek(date);
|
14737
14661
|
const days = [];
|
@@ -14934,30 +14858,29 @@ var defaultLabels = /*#__PURE__*/Object.freeze({
|
|
14934
14858
|
labelYearDropdown: labelYearDropdown
|
14935
14859
|
});
|
14936
14860
|
|
14861
|
+
/** The number of days in a month when having 6 weeks. */
|
14862
|
+
const NrOfDaysWithFixedWeeks = 42;
|
14937
14863
|
/** Return all the dates to display in the calendar. */
|
14938
14864
|
function getDates(displayMonths, maxDate, props, dateLib) {
|
14939
14865
|
const firstMonth = displayMonths[0];
|
14940
14866
|
const lastMonth = displayMonths[displayMonths.length - 1];
|
14941
14867
|
const {
|
14942
14868
|
ISOWeek,
|
14943
|
-
fixedWeeks
|
14944
|
-
broadcastCalendar
|
14869
|
+
fixedWeeks
|
14945
14870
|
} = props ?? {};
|
14946
14871
|
const {
|
14872
|
+
startOfWeek,
|
14873
|
+
endOfWeek,
|
14874
|
+
startOfISOWeek,
|
14875
|
+
endOfISOWeek,
|
14947
14876
|
addDays,
|
14948
14877
|
differenceInCalendarDays,
|
14949
14878
|
differenceInCalendarMonths,
|
14950
|
-
endOfBroadcastWeek,
|
14951
|
-
endOfISOWeek,
|
14952
|
-
endOfMonth,
|
14953
|
-
endOfWeek,
|
14954
14879
|
isAfter,
|
14955
|
-
|
14956
|
-
startOfISOWeek,
|
14957
|
-
startOfWeek
|
14880
|
+
endOfMonth
|
14958
14881
|
} = dateLib;
|
14959
|
-
const startWeekFirstDate =
|
14960
|
-
const endWeekLastDate =
|
14882
|
+
const startWeekFirstDate = ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
|
14883
|
+
const endWeekLastDate = ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
|
14961
14884
|
const nOfDays = differenceInCalendarDays(endWeekLastDate, startWeekFirstDate);
|
14962
14885
|
const nOfMonths = differenceInCalendarMonths(lastMonth, firstMonth) + 1;
|
14963
14886
|
const dates = [];
|
@@ -14969,11 +14892,9 @@ function getDates(displayMonths, maxDate, props, dateLib) {
|
|
14969
14892
|
dates.push(date);
|
14970
14893
|
}
|
14971
14894
|
// If fixed weeks is enabled, add the extra dates to the array
|
14972
|
-
const
|
14973
|
-
const extraDates = nrOfDaysWithFixedWeeks * nOfMonths;
|
14895
|
+
const extraDates = NrOfDaysWithFixedWeeks * nOfMonths;
|
14974
14896
|
if (fixedWeeks && dates.length < extraDates) {
|
14975
|
-
|
14976
|
-
for (let i = 0; i < daysToAdd; i++) {
|
14897
|
+
for (let i = 0; i < 7; i++) {
|
14977
14898
|
const date = addDays(dates[dates.length - 1], 1);
|
14978
14899
|
dates.push(date);
|
14979
14900
|
}
|
@@ -15084,29 +15005,25 @@ displayMonths, /** The dates to display in the calendar. */
|
|
15084
15005
|
dates, /** Options from the props context. */
|
15085
15006
|
props, dateLib) {
|
15086
15007
|
const {
|
15087
|
-
|
15088
|
-
|
15008
|
+
startOfWeek,
|
15009
|
+
endOfWeek,
|
15010
|
+
startOfISOWeek,
|
15089
15011
|
endOfISOWeek,
|
15090
15012
|
endOfMonth,
|
15091
|
-
|
15092
|
-
getISOWeek,
|
15013
|
+
addDays,
|
15093
15014
|
getWeek,
|
15094
|
-
|
15095
|
-
startOfISOWeek,
|
15096
|
-
startOfWeek
|
15015
|
+
getISOWeek
|
15097
15016
|
} = dateLib;
|
15098
15017
|
const dayPickerMonths = displayMonths.reduce((months, month) => {
|
15099
|
-
const firstDateOfFirstWeek = props.
|
15100
|
-
const lastDateOfLastWeek = props.
|
15018
|
+
const firstDateOfFirstWeek = props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
|
15019
|
+
const lastDateOfLastWeek = props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
|
15101
15020
|
/** The dates to display in the month. */
|
15102
15021
|
const monthDates = dates.filter(date => {
|
15103
15022
|
return date >= firstDateOfFirstWeek && date <= lastDateOfLastWeek;
|
15104
15023
|
});
|
15105
|
-
|
15106
|
-
if (props.fixedWeeks && monthDates.length < nrOfDaysWithFixedWeeks) {
|
15024
|
+
if (props.fixedWeeks && monthDates.length < 42) {
|
15107
15025
|
const extraDates = dates.filter(date => {
|
15108
|
-
|
15109
|
-
return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, daysToAdd);
|
15026
|
+
return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, 7);
|
15110
15027
|
});
|
15111
15028
|
monthDates.push(...extraDates);
|
15112
15029
|
}
|
@@ -15544,30 +15461,27 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
|
|
15544
15461
|
/** Return the next date that should be focused. */
|
15545
15462
|
function getFocusableDate(moveBy, moveDir, refDate, navStart, navEnd, props, dateLib) {
|
15546
15463
|
const {
|
15547
|
-
ISOWeek
|
15548
|
-
broadcastCalendar
|
15464
|
+
ISOWeek
|
15549
15465
|
} = props;
|
15550
15466
|
const {
|
15551
15467
|
addDays,
|
15552
15468
|
addMonths,
|
15553
|
-
addWeeks,
|
15554
15469
|
addYears,
|
15555
|
-
|
15470
|
+
addWeeks,
|
15471
|
+
startOfISOWeek,
|
15556
15472
|
endOfISOWeek,
|
15473
|
+
startOfWeek,
|
15557
15474
|
endOfWeek,
|
15558
15475
|
max,
|
15559
|
-
min
|
15560
|
-
startOfBroadcastWeek,
|
15561
|
-
startOfISOWeek,
|
15562
|
-
startOfWeek
|
15476
|
+
min
|
15563
15477
|
} = dateLib;
|
15564
15478
|
const moveFns = {
|
15565
15479
|
day: addDays,
|
15566
15480
|
week: addWeeks,
|
15567
15481
|
month: addMonths,
|
15568
15482
|
year: addYears,
|
15569
|
-
startOfWeek: date =>
|
15570
|
-
endOfWeek: date =>
|
15483
|
+
startOfWeek: date => ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
|
15484
|
+
endOfWeek: date => ISOWeek ? endOfISOWeek(date) : endOfWeek(date)
|
15571
15485
|
};
|
15572
15486
|
let focusableDate = moveFns[moveBy](refDate, moveDir === "after" ? 1 : -1);
|
15573
15487
|
if (moveDir === "before" && navStart) {
|
@@ -15633,8 +15547,6 @@ function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
|
|
15633
15547
|
/**
|
15634
15548
|
* Return a function to get the modifiers for a given day.
|
15635
15549
|
*
|
15636
|
-
* NOTE: this is not an hook, but a factory for `getModifiers`.
|
15637
|
-
*
|
15638
15550
|
* @private
|
15639
15551
|
*/
|
15640
15552
|
function useGetModifiers(days, props, dateLib) {
|
@@ -15643,19 +15555,12 @@ function useGetModifiers(days, props, dateLib) {
|
|
15643
15555
|
hidden,
|
15644
15556
|
modifiers,
|
15645
15557
|
showOutsideDays,
|
15646
|
-
broadcastCalendar,
|
15647
15558
|
today
|
15648
15559
|
} = props;
|
15649
15560
|
const {
|
15650
15561
|
isSameDay,
|
15651
|
-
isSameMonth
|
15652
|
-
startOfMonth,
|
15653
|
-
isBefore,
|
15654
|
-
endOfMonth,
|
15655
|
-
isAfter
|
15562
|
+
isSameMonth
|
15656
15563
|
} = dateLib;
|
15657
|
-
const startMonth = props.startMonth && startOfMonth(props.startMonth);
|
15658
|
-
const endMonth = props.endMonth && endOfMonth(props.endMonth);
|
15659
15564
|
const internalModifiersMap = {
|
15660
15565
|
[DayFlag.focused]: [],
|
15661
15566
|
[DayFlag.outside]: [],
|
@@ -15664,18 +15569,20 @@ function useGetModifiers(days, props, dateLib) {
|
|
15664
15569
|
[DayFlag.today]: []
|
15665
15570
|
};
|
15666
15571
|
const customModifiersMap = {};
|
15572
|
+
const selectionModifiersMap = {
|
15573
|
+
[SelectionState.range_end]: [],
|
15574
|
+
[SelectionState.range_middle]: [],
|
15575
|
+
[SelectionState.range_start]: [],
|
15576
|
+
[SelectionState.selected]: []
|
15577
|
+
};
|
15667
15578
|
for (const day of days) {
|
15668
15579
|
const {
|
15669
15580
|
date,
|
15670
15581
|
displayMonth
|
15671
15582
|
} = day;
|
15672
15583
|
const isOutside = Boolean(displayMonth && !isSameMonth(date, displayMonth));
|
15673
|
-
const isBeforeStartMonth = Boolean(startMonth && isBefore(date, startMonth));
|
15674
|
-
const isAfterEndMonth = Boolean(endMonth && isAfter(date, endMonth));
|
15675
15584
|
const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
|
15676
|
-
const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) ||
|
15677
|
-
// Broadcast calendar will show outside days as default
|
15678
|
-
!broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
|
15585
|
+
const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || !showOutsideDays && isOutside;
|
15679
15586
|
const isToday = isSameDay(date, today ?? (props.timeZone ? TZDate.tz(props.timeZone) : dateLib.Date ? new dateLib.Date() : new Date()));
|
15680
15587
|
if (isOutside) internalModifiersMap.outside.push(day);
|
15681
15588
|
if (isDisabled) internalModifiersMap.disabled.push(day);
|
@@ -15704,16 +15611,27 @@ function useGetModifiers(days, props, dateLib) {
|
|
15704
15611
|
[DayFlag.outside]: false,
|
15705
15612
|
[DayFlag.today]: false
|
15706
15613
|
};
|
15614
|
+
const selectionStates = {
|
15615
|
+
[SelectionState.range_end]: false,
|
15616
|
+
[SelectionState.range_middle]: false,
|
15617
|
+
[SelectionState.range_start]: false,
|
15618
|
+
[SelectionState.selected]: false
|
15619
|
+
};
|
15707
15620
|
const customModifiers = {};
|
15708
15621
|
// Find the modifiers for the given day
|
15709
15622
|
for (const name in internalModifiersMap) {
|
15710
15623
|
const days = internalModifiersMap[name];
|
15711
15624
|
dayFlags[name] = days.some(d => d === day);
|
15712
15625
|
}
|
15626
|
+
for (const name in selectionModifiersMap) {
|
15627
|
+
const days = selectionModifiersMap[name];
|
15628
|
+
selectionStates[name] = days.some(d => d === day);
|
15629
|
+
}
|
15713
15630
|
for (const name in customModifiersMap) {
|
15714
15631
|
customModifiers[name] = customModifiersMap[name].some(d => d === day);
|
15715
15632
|
}
|
15716
15633
|
return {
|
15634
|
+
...selectionStates,
|
15717
15635
|
...dayFlags,
|
15718
15636
|
// custom modifiers should override all the previous ones
|
15719
15637
|
...customModifiers
|
@@ -16118,7 +16036,7 @@ function DayPicker(props) {
|
|
16118
16036
|
};
|
16119
16037
|
const dateLib = new DateLib({
|
16120
16038
|
locale,
|
16121
|
-
weekStartsOn: props.
|
16039
|
+
weekStartsOn: props.weekStartsOn,
|
16122
16040
|
firstWeekContainsDate: props.firstWeekContainsDate,
|
16123
16041
|
useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
|
16124
16042
|
useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens
|
@@ -16137,7 +16055,7 @@ function DayPicker(props) {
|
|
16137
16055
|
...props.classNames
|
16138
16056
|
}
|
16139
16057
|
};
|
16140
|
-
}, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn
|
16058
|
+
}, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn]);
|
16141
16059
|
const {
|
16142
16060
|
captionLayout,
|
16143
16061
|
mode,
|
@@ -18915,8 +18833,6 @@ function LiveRegion(_ref) {
|
|
18915
18833
|
// Hide element visually but keep it readable by screen readers
|
18916
18834
|
const visuallyHidden = {
|
18917
18835
|
position: 'fixed',
|
18918
|
-
top: 0,
|
18919
|
-
left: 0,
|
18920
18836
|
width: 1,
|
18921
18837
|
height: 1,
|
18922
18838
|
margin: -1,
|
@@ -20209,9 +20125,6 @@ class AbstractPointerSensor {
|
|
20209
20125
|
passive: false
|
20210
20126
|
});
|
20211
20127
|
this.listeners.add(events.end.name, this.handleEnd);
|
20212
|
-
if (events.cancel) {
|
20213
|
-
this.listeners.add(events.cancel.name, this.handleCancel);
|
20214
|
-
}
|
20215
20128
|
this.windowListeners.add(EventName.Resize, this.handleCancel);
|
20216
20129
|
this.windowListeners.add(EventName.DragStart, preventDefault);
|
20217
20130
|
this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
|
@@ -20331,9 +20244,6 @@ class AbstractPointerSensor {
|
|
20331
20244
|
}
|
20332
20245
|
}
|
20333
20246
|
const events = {
|
20334
|
-
cancel: {
|
20335
|
-
name: 'pointercancel'
|
20336
|
-
},
|
20337
20247
|
move: {
|
20338
20248
|
name: 'pointermove'
|
20339
20249
|
},
|
@@ -20406,9 +20316,6 @@ MouseSensor.activators = [{
|
|
20406
20316
|
}
|
20407
20317
|
}];
|
20408
20318
|
const events$2 = {
|
20409
|
-
cancel: {
|
20410
|
-
name: 'touchcancel'
|
20411
|
-
},
|
20412
20319
|
move: {
|
20413
20320
|
name: 'touchmove'
|
20414
20321
|
},
|
@@ -20610,11 +20517,11 @@ function useScrollIntent(_ref2) {
|
|
20610
20517
|
}, [disabled, delta, previousDelta]);
|
20611
20518
|
}
|
20612
20519
|
function useCachedNode(draggableNodes, id) {
|
20613
|
-
const draggableNode = id
|
20520
|
+
const draggableNode = id !== null ? draggableNodes.get(id) : undefined;
|
20614
20521
|
const node = draggableNode ? draggableNode.node.current : null;
|
20615
20522
|
return useLazyMemo(cachedNode => {
|
20616
20523
|
var _ref;
|
20617
|
-
if (id
|
20524
|
+
if (id === null) {
|
20618
20525
|
return null;
|
20619
20526
|
} // In some cases, the draggable node can unmount while dragging
|
20620
20527
|
// This is the case for virtualized lists. In those situations,
|
@@ -20822,26 +20729,7 @@ function useRect(element, measure, fallbackRect) {
|
|
20822
20729
|
if (measure === void 0) {
|
20823
20730
|
measure = defaultMeasure;
|
20824
20731
|
}
|
20825
|
-
const [rect,
|
20826
|
-
function measureRect() {
|
20827
|
-
setRect(currentRect => {
|
20828
|
-
if (!element) {
|
20829
|
-
return null;
|
20830
|
-
}
|
20831
|
-
if (element.isConnected === false) {
|
20832
|
-
var _ref;
|
20833
|
-
|
20834
|
-
// Fall back to last rect we measured if the element is
|
20835
|
-
// no longer connected to the DOM.
|
20836
|
-
return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
|
20837
|
-
}
|
20838
|
-
const newRect = measure(element);
|
20839
|
-
if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
|
20840
|
-
return currentRect;
|
20841
|
-
}
|
20842
|
-
return newRect;
|
20843
|
-
});
|
20844
|
-
}
|
20732
|
+
const [rect, measureRect] = useReducer(reducer, null);
|
20845
20733
|
const mutationObserver = useMutationObserver({
|
20846
20734
|
callback(records) {
|
20847
20735
|
if (!element) {
|
@@ -20876,6 +20764,23 @@ function useRect(element, measure, fallbackRect) {
|
|
20876
20764
|
}
|
20877
20765
|
}, [element]);
|
20878
20766
|
return rect;
|
20767
|
+
function reducer(currentRect) {
|
20768
|
+
if (!element) {
|
20769
|
+
return null;
|
20770
|
+
}
|
20771
|
+
if (element.isConnected === false) {
|
20772
|
+
var _ref;
|
20773
|
+
|
20774
|
+
// Fall back to last rect we measured if the element is
|
20775
|
+
// no longer connected to the DOM.
|
20776
|
+
return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
|
20777
|
+
}
|
20778
|
+
const newRect = measure(element);
|
20779
|
+
if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
|
20780
|
+
return currentRect;
|
20781
|
+
}
|
20782
|
+
return newRect;
|
20783
|
+
}
|
20879
20784
|
}
|
20880
20785
|
function useRectDelta(rect) {
|
20881
20786
|
const initialRect = useInitialValue(rect);
|
@@ -21021,24 +20926,28 @@ function useRects(elements, measure) {
|
|
21021
20926
|
}
|
21022
20927
|
const [firstElement] = elements;
|
21023
20928
|
const windowRect = useWindowRect(firstElement ? getWindow(firstElement) : null);
|
21024
|
-
const [rects,
|
21025
|
-
function measureRects() {
|
21026
|
-
setRects(() => {
|
21027
|
-
if (!elements.length) {
|
21028
|
-
return defaultValue$2;
|
21029
|
-
}
|
21030
|
-
return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
|
21031
|
-
});
|
21032
|
-
}
|
20929
|
+
const [rects, measureRects] = useReducer(reducer, defaultValue$2);
|
21033
20930
|
const resizeObserver = useResizeObserver({
|
21034
20931
|
callback: measureRects
|
21035
20932
|
});
|
21036
|
-
|
21037
|
-
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
20933
|
+
if (elements.length > 0 && rects === defaultValue$2) {
|
21038
20934
|
measureRects();
|
21039
|
-
|
20935
|
+
}
|
20936
|
+
useIsomorphicLayoutEffect$1(() => {
|
20937
|
+
if (elements.length) {
|
20938
|
+
elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
|
20939
|
+
} else {
|
20940
|
+
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
20941
|
+
measureRects();
|
20942
|
+
}
|
21040
20943
|
}, [elements]);
|
21041
20944
|
return rects;
|
20945
|
+
function reducer() {
|
20946
|
+
if (!elements.length) {
|
20947
|
+
return defaultValue$2;
|
20948
|
+
}
|
20949
|
+
return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
|
20950
|
+
}
|
21042
20951
|
}
|
21043
20952
|
function getMeasurableNode(node) {
|
21044
20953
|
if (!node) {
|
@@ -21205,7 +21114,7 @@ function reducer$1(state, action) {
|
|
21205
21114
|
}
|
21206
21115
|
};
|
21207
21116
|
case Action.DragMove:
|
21208
|
-
if (state.draggable.active
|
21117
|
+
if (!state.draggable.active) {
|
21209
21118
|
return state;
|
21210
21119
|
}
|
21211
21120
|
return {
|
@@ -21477,7 +21386,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21477
21386
|
containers: droppableContainers
|
21478
21387
|
}
|
21479
21388
|
} = state;
|
21480
|
-
const node = activeId
|
21389
|
+
const node = activeId ? draggableNodes.get(activeId) : null;
|
21481
21390
|
const activeRects = useRef({
|
21482
21391
|
initial: null,
|
21483
21392
|
translated: null
|
@@ -21512,7 +21421,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21512
21421
|
const autoScrollOptions = getAutoScrollerOptions();
|
21513
21422
|
const initialActiveNodeRect = useInitialRect(activeNode, measuringConfiguration.draggable.measure);
|
21514
21423
|
useLayoutShiftScrollCompensation({
|
21515
|
-
activeNode: activeId
|
21424
|
+
activeNode: activeId ? draggableNodes.get(activeId) : null,
|
21516
21425
|
config: autoScrollOptions.layoutShiftCompensation,
|
21517
21426
|
initialRect: initialActiveNodeRect,
|
21518
21427
|
measure: measuringConfiguration.draggable.measure
|
@@ -21590,7 +21499,6 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21590
21499
|
|
21591
21500
|
const appliedTranslate = usesDragOverlay ? modifiedTranslate : add(modifiedTranslate, activeNodeScrollDelta);
|
21592
21501
|
const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? void 0 : over.rect) != null ? _over$rect : null, activeNodeRect);
|
21593
|
-
const activeSensorRef = useRef(null);
|
21594
21502
|
const instantiateSensor = useCallback((event, _ref2) => {
|
21595
21503
|
let {
|
21596
21504
|
sensor: Sensor,
|
@@ -21625,7 +21533,6 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21625
21533
|
onDragStart
|
21626
21534
|
} = latestProps.current;
|
21627
21535
|
const event = {
|
21628
|
-
activatorEvent,
|
21629
21536
|
active: {
|
21630
21537
|
id,
|
21631
21538
|
data: draggableNode.data,
|
@@ -21644,8 +21551,6 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21644
21551
|
type: 'onDragStart',
|
21645
21552
|
event
|
21646
21553
|
});
|
21647
|
-
setActiveSensor(activeSensorRef.current);
|
21648
|
-
setActivatorEvent(activatorEvent);
|
21649
21554
|
});
|
21650
21555
|
},
|
21651
21556
|
onMove(coordinates) {
|
@@ -21657,7 +21562,10 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21657
21562
|
onEnd: createHandler(Action.DragEnd),
|
21658
21563
|
onCancel: createHandler(Action.DragCancel)
|
21659
21564
|
});
|
21660
|
-
|
21565
|
+
unstable_batchedUpdates(() => {
|
21566
|
+
setActiveSensor(sensorInstance);
|
21567
|
+
setActivatorEvent(event.nativeEvent);
|
21568
|
+
});
|
21661
21569
|
function createHandler(type) {
|
21662
21570
|
return async function handler() {
|
21663
21571
|
const {
|
@@ -21694,7 +21602,6 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21694
21602
|
setOver(null);
|
21695
21603
|
setActiveSensor(null);
|
21696
21604
|
setActivatorEvent(null);
|
21697
|
-
activeSensorRef.current = null;
|
21698
21605
|
const eventName = type === Action.DragEnd ? 'onDragEnd' : 'onDragCancel';
|
21699
21606
|
if (event) {
|
21700
21607
|
const handler = latestProps.current[eventName];
|
@@ -21916,7 +21823,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21916
21823
|
});
|
21917
21824
|
const NullContext = /*#__PURE__*/createContext$1(null);
|
21918
21825
|
const defaultRole = 'button';
|
21919
|
-
const ID_PREFIX$1 = '
|
21826
|
+
const ID_PREFIX$1 = 'Droppable';
|
21920
21827
|
function useDraggable(_ref) {
|
21921
21828
|
let {
|
21922
21829
|
id,
|
@@ -22063,7 +21970,7 @@ function useDroppable(_ref) {
|
|
22063
21970
|
resizeObserverConnected.current = false;
|
22064
21971
|
resizeObserver.observe(nodeRef.current);
|
22065
21972
|
}, [nodeRef, resizeObserver]);
|
22066
|
-
|
21973
|
+
useIsomorphicLayoutEffect$1(() => {
|
22067
21974
|
dispatch({
|
22068
21975
|
type: Action.RegisterDroppable,
|
22069
21976
|
element: {
|
@@ -22478,7 +22385,6 @@ var DNDCore = /*#__PURE__*/Object.freeze({
|
|
22478
22385
|
defaultCoordinates: defaultCoordinates,
|
22479
22386
|
defaultDropAnimation: defaultDropAnimationConfiguration,
|
22480
22387
|
defaultDropAnimationSideEffects: defaultDropAnimationSideEffects,
|
22481
|
-
defaultKeyboardCoordinateGetter: defaultKeyboardCoordinateGetter,
|
22482
22388
|
defaultScreenReaderInstructions: defaultScreenReaderInstructions,
|
22483
22389
|
getClientRect: getClientRect,
|
22484
22390
|
getFirstCollision: getFirstCollision,
|
@@ -26752,7 +26658,7 @@ const IconRadioGroup = ({
|
|
26752
26658
|
});
|
26753
26659
|
};
|
26754
26660
|
|
26755
|
-
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-
|
26661
|
+
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}";
|
26756
26662
|
styleInject(css_248z$x);
|
26757
26663
|
|
26758
26664
|
const MachineInputField = ({
|
@@ -26770,6 +26676,7 @@ const MachineInputField = ({
|
|
26770
26676
|
sauceLabs: 'sause_lab',
|
26771
26677
|
lambdaTest: 'lambda_icon',
|
26772
26678
|
mac: 'mac_icon',
|
26679
|
+
mac_icon: 'mac_icon',
|
26773
26680
|
android: 'android_icon',
|
26774
26681
|
linux: 'linux',
|
26775
26682
|
'google chrome': 'chrome_icon',
|
@@ -26841,7 +26748,8 @@ const Branches = ({
|
|
26841
26748
|
onUpdateAddBrowserInstance,
|
26842
26749
|
addInstanceLabel = '',
|
26843
26750
|
scriptType = '',
|
26844
|
-
projectType = ''
|
26751
|
+
projectType = '',
|
26752
|
+
readOnly
|
26845
26753
|
}) => {
|
26846
26754
|
const evenRow = rowIndex % 2 === 0;
|
26847
26755
|
const lastMachineInstance = checkEmpty(machineInstances[machineColumnCount - 1]);
|
@@ -26958,39 +26866,41 @@ const Branches = ({
|
|
26958
26866
|
runCount: numberOfRuns,
|
26959
26867
|
options: getMachineLabelOptionList(projectType, machineInstance),
|
26960
26868
|
contentReverse: !evenRow,
|
26961
|
-
modalId: `${machineInstanceId}-runCount-${numberOfRuns}`,
|
26869
|
+
modalId: `${machineInstanceId}-runCount-${numberOfRuns - 1}`,
|
26962
26870
|
onClick: () => onUpdateAddBrowserInstance(`${machineInstanceId}-runCount-0`, machineInstance)
|
26963
26871
|
}, ffid())]
|
26964
|
-
}), jsxs("div", {
|
26872
|
+
}), !readOnly && jsxs("div", {
|
26965
26873
|
className: classNames({
|
26966
26874
|
'ff-connecting-branch-datalist': evenRow,
|
26967
26875
|
'ff-connecting-branch-datalist-reverse': !evenRow
|
26968
26876
|
}),
|
26969
|
-
children: [hideDataSet && jsxs(
|
26970
|
-
|
26971
|
-
|
26972
|
-
|
26973
|
-
|
26974
|
-
|
26975
|
-
|
26976
|
-
|
26977
|
-
|
26978
|
-
|
26979
|
-
|
26877
|
+
children: [hideDataSet && jsxs(Fragment, {
|
26878
|
+
children: [jsxs("div", {
|
26879
|
+
id: `ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`,
|
26880
|
+
className: "ff-dataset-list-branch",
|
26881
|
+
onClick: () => onUpdateDataSetList(`ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`, {
|
26882
|
+
peVariableSetId: peVariableSetId,
|
26883
|
+
globalVariableSetId: globalVariableSetId,
|
26884
|
+
testDataSetId: testDataSetId
|
26885
|
+
}, true, numberOfRuns, machineInstanceId),
|
26886
|
+
children: [jsx(Icon, {
|
26887
|
+
name: "datalist_icon",
|
26888
|
+
className: "ff-connecting-icon"
|
26889
|
+
}), jsx(Typography, {
|
26890
|
+
className: "ff-connecting-text",
|
26891
|
+
color: "var(--ff-connecting-branch-color)",
|
26892
|
+
children: "Dataset List"
|
26893
|
+
})]
|
26894
|
+
}), jsx(Icon, {
|
26895
|
+
name: "plus_icon",
|
26896
|
+
className: "ff-connecting-icon",
|
26897
|
+
onClick: () => onAddRunBrowser(machineInstanceId),
|
26898
|
+
color: "var(--ff-connecting-branch-color)"
|
26980
26899
|
}), jsx(Typography, {
|
26981
26900
|
className: "ff-connecting-text",
|
26982
26901
|
color: "var(--ff-connecting-branch-color)",
|
26983
|
-
children: "
|
26902
|
+
children: "Run"
|
26984
26903
|
})]
|
26985
|
-
}), jsx(Icon, {
|
26986
|
-
name: "plus_icon",
|
26987
|
-
className: "ff-connecting-icon",
|
26988
|
-
onClick: () => onAddRunBrowser(machineInstanceId),
|
26989
|
-
color: "var(--ff-connecting-branch-color)"
|
26990
|
-
}), jsx(Typography, {
|
26991
|
-
className: "ff-connecting-text",
|
26992
|
-
color: "var(--ff-connecting-branch-color)",
|
26993
|
-
children: "Run"
|
26994
26904
|
}), jsx(Icon, {
|
26995
26905
|
name: "delete",
|
26996
26906
|
className: "ff-connecting-delete-icon",
|
@@ -27048,7 +26958,8 @@ const ConnectingBranches = ({
|
|
27048
26958
|
onUpdateAddBrowserInstance,
|
27049
26959
|
addInstanceLabel = '',
|
27050
26960
|
scriptType = '',
|
27051
|
-
projectType = 'Web'
|
26961
|
+
projectType = 'Web',
|
26962
|
+
readOnly = false
|
27052
26963
|
}) => {
|
27053
26964
|
const [machineInstance, setMachineInstance] = useState(machineBranchInstances);
|
27054
26965
|
useEffect(() => {
|
@@ -27079,7 +26990,8 @@ const ConnectingBranches = ({
|
|
27079
26990
|
onUpdateAddBrowserInstance: onUpdateAddBrowserInstance,
|
27080
26991
|
addInstanceLabel: addInstanceLabel,
|
27081
26992
|
scriptType: scriptType,
|
27082
|
-
projectType: projectType
|
26993
|
+
projectType: projectType,
|
26994
|
+
readOnly: readOnly
|
27083
26995
|
})
|
27084
26996
|
}, ffid()))
|
27085
26997
|
});
|
@@ -27105,7 +27017,8 @@ const SequentialConnectingBranch = ({
|
|
27105
27017
|
onUpdateAddBrowserInstance = () => {},
|
27106
27018
|
addInstanceLabel = 'Add Environment',
|
27107
27019
|
scriptType = 'Automation',
|
27108
|
-
projectType = 'Web'
|
27020
|
+
projectType = 'Web',
|
27021
|
+
readOnly = true
|
27109
27022
|
}) => {
|
27110
27023
|
const [selectedMachineInstance, setSelectedMachineInstance] = useState({});
|
27111
27024
|
const selectButtonRef = useRef(null);
|
@@ -27220,7 +27133,8 @@ const SequentialConnectingBranch = ({
|
|
27220
27133
|
onUpdateAddBrowserInstance: onUpdateAddBrowserInstance,
|
27221
27134
|
addInstanceLabel: addInstanceLabel,
|
27222
27135
|
scriptType: scriptType,
|
27223
|
-
projectType: projectType
|
27136
|
+
projectType: projectType,
|
27137
|
+
readOnly: readOnly
|
27224
27138
|
})
|
27225
27139
|
})]
|
27226
27140
|
});
|
@@ -27464,7 +27378,7 @@ const Avatar = ({
|
|
27464
27378
|
});
|
27465
27379
|
};
|
27466
27380
|
|
27467
|
-
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}";
|
27381
|
+
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}";
|
27468
27382
|
styleInject(css_248z$q);
|
27469
27383
|
|
27470
27384
|
const getErrorMessage$1 = (inputValue, text, customError, customErrorCondition) => {
|
@@ -27481,6 +27395,7 @@ const LabelEditTextField = ({
|
|
27481
27395
|
label,
|
27482
27396
|
placeholder,
|
27483
27397
|
text,
|
27398
|
+
showText = true,
|
27484
27399
|
highlightText,
|
27485
27400
|
customError,
|
27486
27401
|
confirmIcon,
|
@@ -27490,6 +27405,7 @@ const LabelEditTextField = ({
|
|
27490
27405
|
onInputChange,
|
27491
27406
|
dropdownData = [],
|
27492
27407
|
// width,
|
27408
|
+
className,
|
27493
27409
|
height,
|
27494
27410
|
isOpen = false,
|
27495
27411
|
confirmAction,
|
@@ -27615,7 +27531,7 @@ const LabelEditTextField = ({
|
|
27615
27531
|
placeholder: placeholder ? placeholder : '',
|
27616
27532
|
value: inputValue,
|
27617
27533
|
onChange: handleTextFieldChange,
|
27618
|
-
className:
|
27534
|
+
className: `${className}
|
27619
27535
|
|
27620
27536
|
${isTextFieldModified ? 'modified' : ''}`
|
27621
27537
|
}), jsx(Select$1, {
|
@@ -27637,7 +27553,7 @@ const LabelEditTextField = ({
|
|
27637
27553
|
placeholder: placeholder ? placeholder : '',
|
27638
27554
|
value: inputValue,
|
27639
27555
|
onChange: handleTextFieldChange,
|
27640
|
-
className:
|
27556
|
+
className: `${className}
|
27641
27557
|
|
27642
27558
|
${isTextFieldModified ? 'modified' : ''}`
|
27643
27559
|
})
|
@@ -27664,7 +27580,7 @@ const LabelEditTextField = ({
|
|
27664
27580
|
}) : jsx(Tooltip, {
|
27665
27581
|
title: tooltip?.tooltipTitle ? tooltip?.tooltipTitle : '',
|
27666
27582
|
placement: 'bottom',
|
27667
|
-
children: jsx("span", {
|
27583
|
+
children: showText && jsx("span", {
|
27668
27584
|
className: "display-text",
|
27669
27585
|
onDoubleClick: handleDoubleClick,
|
27670
27586
|
role: "button",
|
@@ -32059,6 +31975,10 @@ const DataEditor = ({
|
|
32059
31975
|
const value = cell?.value ?? '';
|
32060
31976
|
return jsx("div", {
|
32061
31977
|
className: "ff-spreadsheet-data-editor",
|
31978
|
+
style: {
|
31979
|
+
...cell?.style,
|
31980
|
+
border: 'none'
|
31981
|
+
},
|
32062
31982
|
children: jsx("input", {
|
32063
31983
|
ref: inputRef,
|
32064
31984
|
type: "text",
|
@@ -32073,6 +31993,7 @@ const ActiveCell = props => {
|
|
32073
31993
|
const rootRef = React.useRef(null);
|
32074
31994
|
const dispatch = useDispatch();
|
32075
31995
|
const setCellData$1 = React.useCallback((active, data) => dispatch(setCellData(active, data)), [dispatch]);
|
31996
|
+
const activate$1 = React.useCallback(point => dispatch(activate(point)), [dispatch]);
|
32076
31997
|
const edit = React.useCallback(() => dispatch(edit$1()), [dispatch]);
|
32077
31998
|
const autoFill$1 = React.useCallback(value => dispatch(autoFill(value)), [dispatch]);
|
32078
31999
|
const commit = React.useCallback(changes => dispatch(commit$1(changes)), [dispatch]);
|
@@ -32137,8 +32058,11 @@ const ActiveCell = props => {
|
|
32137
32058
|
const DataEditor = cell && cell.DataEditor || props.DataEditor;
|
32138
32059
|
const readOnly = cell && cell.readOnly;
|
32139
32060
|
const handleMouseDown = React.useCallback(() => {
|
32140
|
-
|
32141
|
-
|
32061
|
+
if (active) {
|
32062
|
+
autoFill$1(true);
|
32063
|
+
activate$1(active);
|
32064
|
+
}
|
32065
|
+
}, [activate$1, autoFill$1, active]);
|
32142
32066
|
return hidden ? null : jsxs("div", {
|
32143
32067
|
ref: rootRef,
|
32144
32068
|
className: classNames('ff-spreadsheet-active-cell', `ff-spreadsheet-active-cell--${mode}`),
|
@@ -33869,6 +33793,106 @@ const VariableDropdown = ({
|
|
33869
33793
|
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}";
|
33870
33794
|
styleInject(css_248z$e);
|
33871
33795
|
|
33796
|
+
// Validation Regex Collection
|
33797
|
+
// Email Validation
|
33798
|
+
const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
33799
|
+
// URL Validation
|
33800
|
+
const URL_REGEX = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w.-]*)*\/?$/;
|
33801
|
+
// Phone Number Validation
|
33802
|
+
const PHONE_REGEX = /^\+?[\d\s\-()]{7,15}$/;
|
33803
|
+
// Postal Code Validation (Generic)
|
33804
|
+
const POSTAL_CODE_REGEX = /^[A-Za-z\d\s\-]{3,10}$/;
|
33805
|
+
// IPv4 Address Validation
|
33806
|
+
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]?)$/;
|
33807
|
+
// IPv6 Address Validation
|
33808
|
+
const IPV6_REGEX = /^(?:[a-fA-F0-9]{1,4}:){7}[a-fA-F0-9]{1,4}$/;
|
33809
|
+
// Hexadecimal Color Code Validation
|
33810
|
+
const HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/;
|
33811
|
+
// Password Validation (At least 8 chars, one letter, one number)
|
33812
|
+
const PASSWORD_SIMPLE_REGEX = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
|
33813
|
+
// Password Validation (At least 8 chars, one uppercase, one lowercase, one number, one special character)
|
33814
|
+
const PASSWORD_COMPLEX_REGEX = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
|
33815
|
+
// Only Alphabets Validation
|
33816
|
+
const ALPHABET_ONLY_REGEX = /^[A-Za-z]+$/;
|
33817
|
+
// Only Numbers Validation
|
33818
|
+
const NUMBERS_ONLY_REGEX = /^\d+$/;
|
33819
|
+
// Alphanumeric Validation
|
33820
|
+
const ALPHANUMERIC_REGEX = /^[A-Za-z0-9]+$/;
|
33821
|
+
// Date Validation (YYYY-MM-DD)
|
33822
|
+
const DATE_REGEX = /^\d{4}-\d{2}-\d{2}$/;
|
33823
|
+
// Time Validation (HH:MM:SS)
|
33824
|
+
const TIME_REGEX = /^\d{2}:\d{2}:\d{2}$/;
|
33825
|
+
// File Extension Validation (e.g., .jpg, .png, .gif, .bmp)
|
33826
|
+
const FILE_EXTENSION_REGEX = /\.(jpg|png|gif|bmp)$/i;
|
33827
|
+
// MAC Address Validation
|
33828
|
+
const MAC_ADDRESS_REGEX = /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/;
|
33829
|
+
// Credit Card Number Validation (Basic)
|
33830
|
+
const CREDIT_CARD_REGEX = /^\d{4}-?\d{4}-?\d{4}-?\d{4}$/;
|
33831
|
+
// Social Security Number (SSN) Validation (US Format)
|
33832
|
+
const SSN_REGEX = /^\d{3}-\d{2}-\d{4}$/;
|
33833
|
+
// UUID Validation
|
33834
|
+
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;
|
33835
|
+
// HTML Tags Validation
|
33836
|
+
const HTML_TAG_REGEX = /<\/?[\w\s=\"'\/\.:;#-]*>/g;
|
33837
|
+
// Whitespace Validation (Leading or Trailing)
|
33838
|
+
const WHITESPACE_REGEX = /^\s+|\s+$/g;
|
33839
|
+
// US ZIP Code Validation (5 or 9 digits)
|
33840
|
+
const US_ZIP_CODE_REGEX = /^\d{5}(-\d{4})?$/;
|
33841
|
+
// Username Validation (Alphanumeric, underscores, 3-16 characters)
|
33842
|
+
const USERNAME_REGEX = /^[a-zA-Z0-9_]{3,16}$/;
|
33843
|
+
// Indian Specific Validations
|
33844
|
+
// Indian Phone Number Validation
|
33845
|
+
const INDIAN_PHONE_REGEX = /^[6-9]\d{9}$/;
|
33846
|
+
// Indian PIN Code Validation
|
33847
|
+
const INDIAN_PIN_CODE_REGEX = /^\d{6}$/;
|
33848
|
+
// GSTIN Validation
|
33849
|
+
const GSTIN_REGEX = /^\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}$/;
|
33850
|
+
// PAN Card Validation
|
33851
|
+
const PAN_CARD_REGEX = /^[A-Z]{5}\d{4}[A-Z]{1}$/;
|
33852
|
+
// Aadhaar Number Validation
|
33853
|
+
const AADHAAR_REGEX = /^\d{12}$/;
|
33854
|
+
// Vehicle Registration Validation
|
33855
|
+
const VEHICLE_REGISTRATION_REGEX = /^[A-Z]{2}\d{2}[A-Z]{0,2}\d{4}$/;
|
33856
|
+
// Indian Currency Format Validation
|
33857
|
+
const INDIAN_CURRENCY_REGEX = /^\u20B9?\s?\d{1,3}(,\d{3})*(\.\d{1,2})?$/;
|
33858
|
+
// Additional Generic and Specific Validations
|
33859
|
+
// International Phone Number Validation
|
33860
|
+
const INTERNATIONAL_PHONE_REGEX = /^\+?[1-9]\d{1,14}$/;
|
33861
|
+
// Passport Number Validation (India)
|
33862
|
+
const INDIAN_PASSPORT_REGEX = /^[A-Z]{1}-?\d{7}$/;
|
33863
|
+
// Driving License Validation (India)
|
33864
|
+
const DRIVING_LICENSE_REGEX = /^[A-Z]{2}-\d{2}-\d{4}-\d{7}$/;
|
33865
|
+
// Username with Special Characters
|
33866
|
+
const USERNAME_SPECIAL_REGEX = /^[a-zA-Z0-9._-]{3,16}$/;
|
33867
|
+
// Decimal Number Validation
|
33868
|
+
const DECIMAL_NUMBER_REGEX = /^-?\d+(\.\d+)?$/;
|
33869
|
+
// HTML Attributes Validation
|
33870
|
+
const HTML_ATTRIBUTE_REGEX = /\b[a-zA-Z-]+(="[^"]*"|='[^']*'|=[^\s>]*)?/g;
|
33871
|
+
// RGB Color Code Validation
|
33872
|
+
const RGB_COLOR_REGEX = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;
|
33873
|
+
// HSL Color Code Validation
|
33874
|
+
const HSL_COLOR_REGEX = /^hsl\((\d{1,3}),\s*(\d{1,3})%,\s*(\d{1,3})%\)$/;
|
33875
|
+
// Base64 String Validation
|
33876
|
+
const BASE64_REGEX = /^(?:[A-Za-z0-9+\/]{4})*(?:[A-Za-z0-9+\/]{2}==|[A-Za-z0-9+\/]{3}=)?$/;
|
33877
|
+
// Binary Number Validation
|
33878
|
+
const BINARY_NUMBER_REGEX = /^[01]+$/;
|
33879
|
+
// Hexadecimal Number Validation
|
33880
|
+
const HEXADECIMAL_NUMBER_REGEX = /^[0-9A-Fa-f]+$/;
|
33881
|
+
// Roman Numerals Validation
|
33882
|
+
const ROMAN_NUMERALS_REGEX = /^(?=[MDCLXVI])M*(C[MD]|D?C{0,3})(X[CL]|L?X{0,3})(I[XV]|V?I{0,3})$/;
|
33883
|
+
// Currency Validation (Generic)
|
33884
|
+
const CURRENCY_GENERIC_REGEX = /^[\u0024-\u20B9]?\d+(,\d{3})*(\.\d{1,2})?$/;
|
33885
|
+
// LinkedIn Profile URL Validation
|
33886
|
+
const LINKEDIN_PROFILE_REGEX = /^https?:\/\/(www\.)?linkedin\.com\/in\/([a-zA-Z0-9-]{5,30})$/;
|
33887
|
+
// Twitter Handle Validation
|
33888
|
+
const TWITTER_HANDLE_REGEX = /^@?([a-zA-Z0-9_]{1,15})$/;
|
33889
|
+
//Match a number (integer or float)
|
33890
|
+
const NUMBER_REGEX = /([0-9\.]+)/;
|
33891
|
+
//Match a string of letters (unit)
|
33892
|
+
const UNIT_REGEX = /[a-zA-Z]+/;
|
33893
|
+
//Regular expression to match a number with an optional unit (GB, MB, or KB)
|
33894
|
+
const MEMORY_VALIDATION_REGEX = /^(\d+\.?\d*)\s*(GB|MB|KB)?$/i;
|
33895
|
+
|
33872
33896
|
const LineChart = ({
|
33873
33897
|
data,
|
33874
33898
|
width,
|
@@ -33883,11 +33907,50 @@ const LineChart = ({
|
|
33883
33907
|
textSize,
|
33884
33908
|
fontWeight,
|
33885
33909
|
numberSize,
|
33886
|
-
proportionalSpacing
|
33910
|
+
proportionalSpacing,
|
33911
|
+
chartName
|
33887
33912
|
}) => {
|
33888
33913
|
const margin = 40;
|
33889
33914
|
const xMax = width - margin * 2;
|
33890
33915
|
const yMax = height - margin * 2;
|
33916
|
+
const roundUp = (value, decimals = 2) => {
|
33917
|
+
let unit = '';
|
33918
|
+
if (typeof value === 'string') {
|
33919
|
+
const match = value.match(NUMBER_REGEX);
|
33920
|
+
const unitMatch = value.match(UNIT_REGEX);
|
33921
|
+
if (match) {
|
33922
|
+
value = parseFloat(match[0]);
|
33923
|
+
}
|
33924
|
+
if (unitMatch) {
|
33925
|
+
unit = unitMatch[0];
|
33926
|
+
}
|
33927
|
+
}
|
33928
|
+
const multiplier = Math.pow(10, decimals);
|
33929
|
+
const roundedValue = Math.ceil(value * multiplier) / multiplier;
|
33930
|
+
return `${roundedValue} ${unit}`.trim();
|
33931
|
+
};
|
33932
|
+
function convertToMB(input) {
|
33933
|
+
if (!isNaN(input)) {
|
33934
|
+
return parseFloat(input);
|
33935
|
+
}
|
33936
|
+
const regex = MEMORY_VALIDATION_REGEX;
|
33937
|
+
const match = input.match(regex);
|
33938
|
+
if (!match) {
|
33939
|
+
throw new Error("Invalid input format. Use '<value> <unit>' format (e.g., '10.9580078125 KB') or just a number.");
|
33940
|
+
}
|
33941
|
+
const value = parseFloat(match[1]);
|
33942
|
+
const unit = match[2] ? match[2].toUpperCase() : null;
|
33943
|
+
switch (unit) {
|
33944
|
+
case 'GB':
|
33945
|
+
return parseFloat((value * 1024).toFixed(2));
|
33946
|
+
case 'MB':
|
33947
|
+
return parseFloat(value.toFixed(2));
|
33948
|
+
case 'KB':
|
33949
|
+
return parseFloat((value / 1024).toFixed(2));
|
33950
|
+
default:
|
33951
|
+
throw new Error('Invalid unit. Supported units are GB, MB, and KB.');
|
33952
|
+
}
|
33953
|
+
}
|
33891
33954
|
const isDefaultLineChart = data[0]?.data[0]?.hasOwnProperty('date') && data[0]?.data[0]?.hasOwnProperty('totalMemory');
|
33892
33955
|
const xKey = isDefaultLineChart ? 'date' : 'date';
|
33893
33956
|
const yKey = isDefaultLineChart ? 'totalMemory' : 'value';
|
@@ -33905,16 +33968,25 @@ const LineChart = ({
|
|
33905
33968
|
return index / (totalPoints - 1) * xMax;
|
33906
33969
|
}
|
33907
33970
|
};
|
33908
|
-
const
|
33971
|
+
const maxValue = Math.max(...data.flatMap(line => line.data.map(point => convertToMB(point[yKey]))));
|
33972
|
+
const yScale = y => {
|
33973
|
+
if (chartName === 'memory') {
|
33974
|
+
const maxMemoryValue = Math.max(...data.flatMap(line => line.data.map(point => convertToMB(point[yKey]))));
|
33975
|
+
const scaleMax = maxMemoryValue > 1024 ? maxMemoryValue : 1024;
|
33976
|
+
return yMax - y * yMax / scaleMax;
|
33977
|
+
} else {
|
33978
|
+
return yMax - y * yMax / (maxValue === 0 ? 1024 : maxValue);
|
33979
|
+
}
|
33980
|
+
};
|
33909
33981
|
const generateLinePath = lineData => lineData.reduce((path, point, i) => {
|
33910
33982
|
const x = xScale(point[xKey]);
|
33911
|
-
const y = yScale(point[yKey]);
|
33983
|
+
const y = yScale(convertToMB(point[yKey]));
|
33912
33984
|
if (i === 0) {
|
33913
33985
|
return `M ${x} ${y}`;
|
33914
33986
|
}
|
33915
33987
|
const prevPoint = lineData[i - 1];
|
33916
33988
|
const prevX = prevPoint ? xScale(prevPoint[xKey]) : 0;
|
33917
|
-
const prevY = prevPoint ? yScale(prevPoint[yKey]) : 0;
|
33989
|
+
const prevY = prevPoint ? yScale(convertToMB(prevPoint[yKey])) : 0;
|
33918
33990
|
return `${path} C ${prevX + (x - prevX) / 2} ${prevY}, ${x - (x - prevX) / 2} ${y}, ${x} ${y}`;
|
33919
33991
|
}, '');
|
33920
33992
|
const [hoverState, setHoverState] = useState({
|
@@ -33949,10 +34021,10 @@ const LineChart = ({
|
|
33949
34021
|
}).point;
|
33950
34022
|
if (nearestPoint) {
|
33951
34023
|
nearestXValue = nearestPoint[xKey];
|
33952
|
-
nearestValues.hoverValues[lineIndex] = nearestPoint[yKey];
|
34024
|
+
nearestValues.hoverValues[lineIndex] = roundUp(nearestPoint[yKey]);
|
33953
34025
|
nearestValues.dotPositions[lineIndex] = {
|
33954
34026
|
x: nearestXValue ? xScale(nearestXValue) : 0,
|
33955
|
-
y: yScale(nearestPoint[yKey])
|
34027
|
+
y: yScale(convertToMB(nearestPoint[yKey]))
|
33956
34028
|
};
|
33957
34029
|
}
|
33958
34030
|
});
|
@@ -34079,21 +34151,39 @@ const LineChart = ({
|
|
34079
34151
|
fontSize: numberSize
|
34080
34152
|
},
|
34081
34153
|
children: point[xKey] != null ? String(point[xKey]) : ''
|
34082
|
-
}, String(point[xKey]))), Array.from({
|
34154
|
+
}, String(point[xKey]))), chartName === 'memory' ? Array.from({
|
34083
34155
|
length: 6
|
34084
34156
|
}).map((_, i) => {
|
34085
|
-
const
|
34157
|
+
const dynamicMaxValue = maxValue < 1024 ? 1024 : maxValue;
|
34158
|
+
const isSmallScale = maxValue < 1024;
|
34159
|
+
const yValue = i * dynamicMaxValue / 5;
|
34160
|
+
const displayValue = isSmallScale ? yValue / 1024 : yValue / 1024;
|
34086
34161
|
return jsx("text", {
|
34087
|
-
x: -
|
34088
|
-
y: yScale(
|
34089
|
-
textAnchor: "
|
34162
|
+
x: -10,
|
34163
|
+
y: yScale(yValue),
|
34164
|
+
textAnchor: "end",
|
34090
34165
|
fill: yAxisValueColor,
|
34091
34166
|
className: "ff-line-chart-y-axis-text",
|
34092
34167
|
style: {
|
34093
34168
|
fontSize: numberSize
|
34094
34169
|
},
|
34095
|
-
children:
|
34096
|
-
},
|
34170
|
+
children: displayValue.toFixed(1)
|
34171
|
+
}, yValue);
|
34172
|
+
}) : Array.from({
|
34173
|
+
length: 6
|
34174
|
+
}).map((_, i) => {
|
34175
|
+
const yValue = i * maxValue / 5;
|
34176
|
+
return jsx("text", {
|
34177
|
+
x: -10,
|
34178
|
+
y: yScale(yValue),
|
34179
|
+
textAnchor: "end",
|
34180
|
+
fill: yAxisValueColor,
|
34181
|
+
className: "ff-line-chart-y-axis-text",
|
34182
|
+
style: {
|
34183
|
+
fontSize: numberSize
|
34184
|
+
},
|
34185
|
+
children: yValue.toFixed(0)
|
34186
|
+
}, yValue);
|
34097
34187
|
})]
|
34098
34188
|
})
|
34099
34189
|
}), hoverState.tooltip.visible && jsxs("div", {
|
@@ -45735,7 +45825,7 @@ function requireJs() {
|
|
45735
45825
|
|
45736
45826
|
var jsExports = requireJs();
|
45737
45827
|
|
45738
|
-
var css_248z$5 = "/*
|
45828
|
+
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}";
|
45739
45829
|
styleInject(css_248z$5);
|
45740
45830
|
|
45741
45831
|
const Editor = /*#__PURE__*/forwardRef(({
|
@@ -45921,8 +46011,8 @@ const Editor = /*#__PURE__*/forwardRef(({
|
|
45921
46011
|
},
|
45922
46012
|
className: "ff-editor-container",
|
45923
46013
|
children: [jsx(Ft, {
|
45924
|
-
height:
|
45925
|
-
width:
|
46014
|
+
height: height,
|
46015
|
+
width: width,
|
45926
46016
|
language: language,
|
45927
46017
|
value: value,
|
45928
46018
|
options: {
|
@@ -48013,6 +48103,7 @@ const ConditionalDropdown = /*#__PURE__*/forwardRef(({
|
|
48013
48103
|
dropdownWidth = 'inherit',
|
48014
48104
|
isHash = false,
|
48015
48105
|
dataFiles = [],
|
48106
|
+
showAddVariableIcon = true,
|
48016
48107
|
...props
|
48017
48108
|
}, ref) => {
|
48018
48109
|
const [showDropdown, setShowDropdown] = useState(false);
|
@@ -48085,7 +48176,7 @@ const ConditionalDropdown = /*#__PURE__*/forwardRef(({
|
|
48085
48176
|
variant: "primary",
|
48086
48177
|
label: label,
|
48087
48178
|
placeholder: placeholder
|
48088
|
-
}), !checkEmpty(value) && !isHash && showCreateVariableIcon && jsx(Icon, {
|
48179
|
+
}), !checkEmpty(value) && !isHash && showCreateVariableIcon && showAddVariableIcon && jsx(Icon, {
|
48089
48180
|
onClick: onCreateVariableClick,
|
48090
48181
|
name: "add_variable",
|
48091
48182
|
width: 24,
|
@@ -50076,99 +50167,5 @@ const PhoneInputField = ({
|
|
50076
50167
|
});
|
50077
50168
|
};
|
50078
50169
|
|
50079
|
-
// Validation Regex Collection
|
50080
|
-
// Email Validation
|
50081
|
-
const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
50082
|
-
// URL Validation
|
50083
|
-
const URL_REGEX = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w.-]*)*\/?$/;
|
50084
|
-
// Phone Number Validation
|
50085
|
-
const PHONE_REGEX = /^\+?[\d\s\-()]{7,15}$/;
|
50086
|
-
// Postal Code Validation (Generic)
|
50087
|
-
const POSTAL_CODE_REGEX = /^[A-Za-z\d\s\-]{3,10}$/;
|
50088
|
-
// IPv4 Address Validation
|
50089
|
-
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]?)$/;
|
50090
|
-
// IPv6 Address Validation
|
50091
|
-
const IPV6_REGEX = /^(?:[a-fA-F0-9]{1,4}:){7}[a-fA-F0-9]{1,4}$/;
|
50092
|
-
// Hexadecimal Color Code Validation
|
50093
|
-
const HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/;
|
50094
|
-
// Password Validation (At least 8 chars, one letter, one number)
|
50095
|
-
const PASSWORD_SIMPLE_REGEX = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
|
50096
|
-
// Password Validation (At least 8 chars, one uppercase, one lowercase, one number, one special character)
|
50097
|
-
const PASSWORD_COMPLEX_REGEX = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
|
50098
|
-
// Only Alphabets Validation
|
50099
|
-
const ALPHABET_ONLY_REGEX = /^[A-Za-z]+$/;
|
50100
|
-
// Only Numbers Validation
|
50101
|
-
const NUMBERS_ONLY_REGEX = /^\d+$/;
|
50102
|
-
// Alphanumeric Validation
|
50103
|
-
const ALPHANUMERIC_REGEX = /^[A-Za-z0-9]+$/;
|
50104
|
-
// Date Validation (YYYY-MM-DD)
|
50105
|
-
const DATE_REGEX = /^\d{4}-\d{2}-\d{2}$/;
|
50106
|
-
// Time Validation (HH:MM:SS)
|
50107
|
-
const TIME_REGEX = /^\d{2}:\d{2}:\d{2}$/;
|
50108
|
-
// File Extension Validation (e.g., .jpg, .png, .gif, .bmp)
|
50109
|
-
const FILE_EXTENSION_REGEX = /\.(jpg|png|gif|bmp)$/i;
|
50110
|
-
// MAC Address Validation
|
50111
|
-
const MAC_ADDRESS_REGEX = /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/;
|
50112
|
-
// Credit Card Number Validation (Basic)
|
50113
|
-
const CREDIT_CARD_REGEX = /^\d{4}-?\d{4}-?\d{4}-?\d{4}$/;
|
50114
|
-
// Social Security Number (SSN) Validation (US Format)
|
50115
|
-
const SSN_REGEX = /^\d{3}-\d{2}-\d{4}$/;
|
50116
|
-
// UUID Validation
|
50117
|
-
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;
|
50118
|
-
// HTML Tags Validation
|
50119
|
-
const HTML_TAG_REGEX = /<\/?[\w\s=\"'\/\.:;#-]*>/g;
|
50120
|
-
// Whitespace Validation (Leading or Trailing)
|
50121
|
-
const WHITESPACE_REGEX = /^\s+|\s+$/g;
|
50122
|
-
// US ZIP Code Validation (5 or 9 digits)
|
50123
|
-
const US_ZIP_CODE_REGEX = /^\d{5}(-\d{4})?$/;
|
50124
|
-
// Username Validation (Alphanumeric, underscores, 3-16 characters)
|
50125
|
-
const USERNAME_REGEX = /^[a-zA-Z0-9_]{3,16}$/;
|
50126
|
-
// Indian Specific Validations
|
50127
|
-
// Indian Phone Number Validation
|
50128
|
-
const INDIAN_PHONE_REGEX = /^[6-9]\d{9}$/;
|
50129
|
-
// Indian PIN Code Validation
|
50130
|
-
const INDIAN_PIN_CODE_REGEX = /^\d{6}$/;
|
50131
|
-
// GSTIN Validation
|
50132
|
-
const GSTIN_REGEX = /^\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}$/;
|
50133
|
-
// PAN Card Validation
|
50134
|
-
const PAN_CARD_REGEX = /^[A-Z]{5}\d{4}[A-Z]{1}$/;
|
50135
|
-
// Aadhaar Number Validation
|
50136
|
-
const AADHAAR_REGEX = /^\d{12}$/;
|
50137
|
-
// Vehicle Registration Validation
|
50138
|
-
const VEHICLE_REGISTRATION_REGEX = /^[A-Z]{2}\d{2}[A-Z]{0,2}\d{4}$/;
|
50139
|
-
// Indian Currency Format Validation
|
50140
|
-
const INDIAN_CURRENCY_REGEX = /^\u20B9?\s?\d{1,3}(,\d{3})*(\.\d{1,2})?$/;
|
50141
|
-
// Additional Generic and Specific Validations
|
50142
|
-
// International Phone Number Validation
|
50143
|
-
const INTERNATIONAL_PHONE_REGEX = /^\+?[1-9]\d{1,14}$/;
|
50144
|
-
// Passport Number Validation (India)
|
50145
|
-
const INDIAN_PASSPORT_REGEX = /^[A-Z]{1}-?\d{7}$/;
|
50146
|
-
// Driving License Validation (India)
|
50147
|
-
const DRIVING_LICENSE_REGEX = /^[A-Z]{2}-\d{2}-\d{4}-\d{7}$/;
|
50148
|
-
// Username with Special Characters
|
50149
|
-
const USERNAME_SPECIAL_REGEX = /^[a-zA-Z0-9._-]{3,16}$/;
|
50150
|
-
// Decimal Number Validation
|
50151
|
-
const DECIMAL_NUMBER_REGEX = /^-?\d+(\.\d+)?$/;
|
50152
|
-
// HTML Attributes Validation
|
50153
|
-
const HTML_ATTRIBUTE_REGEX = /\b[a-zA-Z-]+(="[^"]*"|='[^']*'|=[^\s>]*)?/g;
|
50154
|
-
// RGB Color Code Validation
|
50155
|
-
const RGB_COLOR_REGEX = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;
|
50156
|
-
// HSL Color Code Validation
|
50157
|
-
const HSL_COLOR_REGEX = /^hsl\((\d{1,3}),\s*(\d{1,3})%,\s*(\d{1,3})%\)$/;
|
50158
|
-
// Base64 String Validation
|
50159
|
-
const BASE64_REGEX = /^(?:[A-Za-z0-9+\/]{4})*(?:[A-Za-z0-9+\/]{2}==|[A-Za-z0-9+\/]{3}=)?$/;
|
50160
|
-
// Binary Number Validation
|
50161
|
-
const BINARY_NUMBER_REGEX = /^[01]+$/;
|
50162
|
-
// Hexadecimal Number Validation
|
50163
|
-
const HEXADECIMAL_NUMBER_REGEX = /^[0-9A-Fa-f]+$/;
|
50164
|
-
// Roman Numerals Validation
|
50165
|
-
const ROMAN_NUMERALS_REGEX = /^(?=[MDCLXVI])M*(C[MD]|D?C{0,3})(X[CL]|L?X{0,3})(I[XV]|V?I{0,3})$/;
|
50166
|
-
// Currency Validation (Generic)
|
50167
|
-
const CURRENCY_GENERIC_REGEX = /^[\u0024-\u20B9]?\d+(,\d{3})*(\.\d{1,2})?$/;
|
50168
|
-
// LinkedIn Profile URL Validation
|
50169
|
-
const LINKEDIN_PROFILE_REGEX = /^https?:\/\/(www\.)?linkedin\.com\/in\/([a-zA-Z0-9-]{5,30})$/;
|
50170
|
-
// Twitter Handle Validation
|
50171
|
-
const TWITTER_HANDLE_REGEX = /^@?([a-zA-Z0-9_]{1,15})$/;
|
50172
|
-
|
50173
50170
|
export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button$2 as Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile$1 as ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LazyLoad, LineChart, MAC_ADDRESS_REGEX, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NUMBERS_ONLY_REGEX, PAN_CARD_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row$1 as Row, SSN_REGEX, ScriptSwitchButton, Search, Select$1 as Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table$1 as Table, TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };
|
50174
50171
|
//# sourceMappingURL=index.esm.js.map
|