pixel-react 1.8.2 → 1.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (804) hide show
  1. package/.prettierrc.js +13 -13
  2. package/.storybook/main.ts +26 -26
  3. package/.storybook/preview-head.html +2 -2
  4. package/.storybook/preview.ts +26 -26
  5. package/.yarn/install-state.gz +0 -0
  6. package/.yarnrc.yml +1 -1
  7. package/README.md +75 -75
  8. package/index.scss +4 -4
  9. package/lib/1fb4472b34e4fe07.css +1 -0
  10. package/lib/components/AddVariables/AddVariables.d.ts +5 -0
  11. package/lib/components/AddVariables/index.d.ts +1 -0
  12. package/lib/components/AddVariables/types.d.ts +99 -0
  13. package/lib/components/Charts/LineChart/types.d.ts +1 -0
  14. package/lib/components/ConditionalDropdown/types.d.ts +4 -0
  15. package/lib/components/Input/types.d.ts +4 -0
  16. package/lib/components/LabelEditTextField/types.d.ts +2 -0
  17. package/lib/components/Select/components/types.d.ts +2 -2
  18. package/lib/components/Select/types.d.ts +2 -2
  19. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
  20. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +1 -0
  21. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
  22. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +1 -0
  23. package/lib/components/SequentialConnectingBranch/types.d.ts +1 -0
  24. package/lib/components/TableTree/types.d.ts +4 -4
  25. package/lib/index.css +1 -0
  26. package/lib/index.d.ts +13 -1
  27. package/lib/index.esm.css +1 -0
  28. package/lib/index.esm.js +361 -364
  29. package/lib/index.esm.js.map +1 -1
  30. package/lib/index.js +361 -364
  31. package/lib/index.js.map +1 -1
  32. package/lib/tsconfig.tsbuildinfo +1 -1
  33. package/lib/utils/formData/ConvertFormDataToObject.d.ts +1 -0
  34. package/lib/validations/regex.d.ts +10 -1
  35. package/package.json +81 -81
  36. package/rollup.config.mjs +67 -67
  37. package/src/StyleGuide/ColorPalette/ColorPalette.scss +62 -62
  38. package/src/StyleGuide/ColorPalette/ColorPalette.stories.tsx +16 -16
  39. package/src/StyleGuide/ColorPalette/ColorPalette.tsx +67 -67
  40. package/src/StyleGuide/ColorPalette/colorPaletteList.ts +304 -304
  41. package/src/StyleGuide/ColorPalette/index.ts +1 -1
  42. package/src/StyleGuide/ColorPalette/types.ts +19 -19
  43. package/src/StyleGuide/Typography/Typography.scss +99 -99
  44. package/src/StyleGuide/Typography/Typography.stories.tsx +16 -16
  45. package/src/StyleGuide/Typography/Typography.tsx +60 -60
  46. package/src/StyleGuide/Typography/TypographyList.ts +3 -3
  47. package/src/StyleGuide/Typography/types.ts +9 -9
  48. package/src/assets/Themes/BaseTheme.scss +306 -304
  49. package/src/assets/Themes/BlueTheme.scss +279 -279
  50. package/src/assets/Themes/DarkTheme.scss +319 -310
  51. package/src/assets/Themes/Theme.scss +21 -21
  52. package/src/assets/icons/Arrow.svg +4 -4
  53. package/src/assets/icons/Header_preset.svg +18 -18
  54. package/src/assets/icons/accordion_header_icon.svg +10 -10
  55. package/src/assets/icons/active_license_icon.svg +3 -3
  56. package/src/assets/icons/add_archive.svg +9 -9
  57. package/src/assets/icons/add_file.svg +4 -4
  58. package/src/assets/icons/add_label_icon.svg +3 -3
  59. package/src/assets/icons/add_locator.svg +4 -4
  60. package/src/assets/icons/add_testcase.svg +3 -3
  61. package/src/assets/icons/add_user.svg +9 -9
  62. package/src/assets/icons/add_variable.svg +11 -11
  63. package/src/assets/icons/add_variable_icon.svg +4 -4
  64. package/src/assets/icons/ai_search.svg +9 -9
  65. package/src/assets/icons/alert.svg +17 -17
  66. package/src/assets/icons/all_borders.svg +3 -3
  67. package/src/assets/icons/all_projects.svg +3 -3
  68. package/src/assets/icons/android.svg +9 -9
  69. package/src/assets/icons/android_icon.svg +6 -6
  70. package/src/assets/icons/apk_file_type.svg +4 -4
  71. package/src/assets/icons/app_switch.svg +11 -11
  72. package/src/assets/icons/approval_pending.svg +8 -8
  73. package/src/assets/icons/arrow_down.svg +3 -3
  74. package/src/assets/icons/arrow_right.svg +4 -4
  75. package/src/assets/icons/arrow_up.svg +3 -3
  76. package/src/assets/icons/arrows_down_icon.svg +3 -3
  77. package/src/assets/icons/arrows_right_icon.svg +10 -10
  78. package/src/assets/icons/arrows_top_icon.svg +3 -3
  79. package/src/assets/icons/attachment_icon.svg +3 -3
  80. package/src/assets/icons/authorization.svg +4 -4
  81. package/src/assets/icons/authorization_icon.svg +4 -4
  82. package/src/assets/icons/auto_save_icon.svg +4 -4
  83. package/src/assets/icons/automation_testcase.svg +4 -4
  84. package/src/assets/icons/back_icon.svg +3 -3
  85. package/src/assets/icons/backward.svg +10 -10
  86. package/src/assets/icons/backward_icon.svg +3 -3
  87. package/src/assets/icons/beautify_icon.svg +3 -3
  88. package/src/assets/icons/bold.svg +3 -3
  89. package/src/assets/icons/border_bottom.svg +3 -3
  90. package/src/assets/icons/border_left.svg +3 -3
  91. package/src/assets/icons/border_right.svg +3 -3
  92. package/src/assets/icons/border_top.svg +3 -3
  93. package/src/assets/icons/browser_stack.svg +9 -9
  94. package/src/assets/icons/browserstack_icon.svg +24 -24
  95. package/src/assets/icons/calendar_icon.svg +9 -9
  96. package/src/assets/icons/capture_icon.svg +2 -2
  97. package/src/assets/icons/check_mark.svg +3 -3
  98. package/src/assets/icons/chrome.svg +12 -12
  99. package/src/assets/icons/client_profile.svg +4 -4
  100. package/src/assets/icons/clock_icon.svg +11 -11
  101. package/src/assets/icons/clone_icon.svg +3 -3
  102. package/src/assets/icons/close_pill.svg +3 -3
  103. package/src/assets/icons/cloud_server_host_icon.svg +3 -3
  104. package/src/assets/icons/collapse-icon.svg +6 -6
  105. package/src/assets/icons/compressed_file_type.svg +4 -4
  106. package/src/assets/icons/configuration.svg +3 -3
  107. package/src/assets/icons/continue_without_sign.svg +3 -3
  108. package/src/assets/icons/copy-icon.svg +3 -3
  109. package/src/assets/icons/csv_file_type.svg +4 -4
  110. package/src/assets/icons/dashboard_icon.svg +31 -31
  111. package/src/assets/icons/dashboard_mobile_icon.svg +47 -47
  112. package/src/assets/icons/dashboard_web_icon.svg +9 -9
  113. package/src/assets/icons/data_provider.svg +8 -8
  114. package/src/assets/icons/dataset_list.svg +3 -3
  115. package/src/assets/icons/defects.svg +8 -8
  116. package/src/assets/icons/delete.svg +3 -3
  117. package/src/assets/icons/delete_info.svg +17 -17
  118. package/src/assets/icons/depends_on_script.svg +7 -7
  119. package/src/assets/icons/details.svg +3 -3
  120. package/src/assets/icons/double_underline.svg +5 -5
  121. package/src/assets/icons/download-icon.svg +3 -3
  122. package/src/assets/icons/download_file_icon.svg +3 -3
  123. package/src/assets/icons/download_icon.svg +4 -4
  124. package/src/assets/icons/drag_icon.svg +4 -4
  125. package/src/assets/icons/drawer_maximize.svg +6 -6
  126. package/src/assets/icons/dropzone_icon.svg +18 -18
  127. package/src/assets/icons/edge.svg +30 -30
  128. package/src/assets/icons/edit_icon.svg +5 -5
  129. package/src/assets/icons/element.svg +4 -4
  130. package/src/assets/icons/email_group.svg +3 -3
  131. package/src/assets/icons/error.svg +17 -17
  132. package/src/assets/icons/excel_corner_menu.svg +3 -3
  133. package/src/assets/icons/executions_icon.svg +3 -3
  134. package/src/assets/icons/expand-icon.svg +6 -6
  135. package/src/assets/icons/export.svg +4 -4
  136. package/src/assets/icons/export_collection_icon.svg +13 -13
  137. package/src/assets/icons/external_user.svg +13 -0
  138. package/src/assets/icons/eye_closed.svg +3 -3
  139. package/src/assets/icons/eye_open_icon.svg +3 -3
  140. package/src/assets/icons/failed_status_icon.svg +12 -12
  141. package/src/assets/icons/file.svg +11 -11
  142. package/src/assets/icons/fill_color.svg +7 -7
  143. package/src/assets/icons/filter.svg +4 -4
  144. package/src/assets/icons/fire_fox.svg +106 -106
  145. package/src/assets/icons/fireflink_finder_logo.svg +7 -7
  146. package/src/assets/icons/fireflink_icon.svg +4 -4
  147. package/src/assets/icons/fireflink_logo.svg +13 -13
  148. package/src/assets/icons/fireflink_platform.svg +4 -4
  149. package/src/assets/icons/firefox.svg +84 -84
  150. package/src/assets/icons/flaky_status_icon.svg +12 -12
  151. package/src/assets/icons/formate_painter.svg +5 -5
  152. package/src/assets/icons/formula_icon.svg +3 -3
  153. package/src/assets/icons/forward.svg +3 -3
  154. package/src/assets/icons/forward_icon.svg +3 -3
  155. package/src/assets/icons/full_access_icon.svg +4 -4
  156. package/src/assets/icons/gif_file_type.svg +4 -4
  157. package/src/assets/icons/global_variable_icon.svg +4 -4
  158. package/src/assets/icons/group_user.svg +12 -0
  159. package/src/assets/icons/hamburger_menu.svg +3 -3
  160. package/src/assets/icons/help_icon.svg +10 -10
  161. package/src/assets/icons/hide_access_icon.svg +3 -3
  162. package/src/assets/icons/hide_icon.svg +9 -9
  163. package/src/assets/icons/history_icon.svg +19 -19
  164. package/src/assets/icons/html_file_type.svg +4 -4
  165. package/src/assets/icons/impact_list.svg +6 -6
  166. package/src/assets/icons/import.svg +4 -4
  167. package/src/assets/icons/import_icon.svg +4 -4
  168. package/src/assets/icons/info.svg +17 -17
  169. package/src/assets/icons/info_icon.svg +5 -5
  170. package/src/assets/icons/info_user.svg +5 -5
  171. package/src/assets/icons/internet_explorer.svg +3 -3
  172. package/src/assets/icons/ios_icon.svg +11 -11
  173. package/src/assets/icons/ipk_file_type.svg +4 -4
  174. package/src/assets/icons/italic.svg +3 -3
  175. package/src/assets/icons/jira.svg +3 -3
  176. package/src/assets/icons/jpg_file_type.svg +4 -4
  177. package/src/assets/icons/json_file_type.svg +4 -4
  178. package/src/assets/icons/label_icon.svg +8 -8
  179. package/src/assets/icons/label_plus.svg +3 -3
  180. package/src/assets/icons/labels.svg +8 -8
  181. package/src/assets/icons/lambda_icon.svg +3 -3
  182. package/src/assets/icons/left_arrow_icon.svg +3 -3
  183. package/src/assets/icons/license_expired.svg +20 -20
  184. package/src/assets/icons/license_info.svg +28 -28
  185. package/src/assets/icons/license_warning.svg +10 -10
  186. package/src/assets/icons/link_expired.svg +186 -186
  187. package/src/assets/icons/linked_defects.svg +11 -11
  188. package/src/assets/icons/linux.svg +42 -42
  189. package/src/assets/icons/local.svg +3 -3
  190. package/src/assets/icons/local_variable_icon.svg +4 -4
  191. package/src/assets/icons/logo.svg +17 -17
  192. package/src/assets/icons/mac.svg +9 -9
  193. package/src/assets/icons/machine_disable_icon.svg +18 -18
  194. package/src/assets/icons/machine_enable_icon.svg +10 -10
  195. package/src/assets/icons/manage_apps.svg +3 -3
  196. package/src/assets/icons/manual_locator.svg +7 -7
  197. package/src/assets/icons/manual_testcase.svg +3 -3
  198. package/src/assets/icons/maximize_icon.svg +5 -5
  199. package/src/assets/icons/maximize_script.svg +12 -12
  200. package/src/assets/icons/maximize_tree.svg +3 -3
  201. package/src/assets/icons/minimize_script.svg +5 -5
  202. package/src/assets/icons/mobile_icon.svg +3 -3
  203. package/src/assets/icons/moon_stars.svg +10 -10
  204. package/src/assets/icons/more.svg +10 -10
  205. package/src/assets/icons/move_icon.svg +5 -5
  206. package/src/assets/icons/ms_dynamic.svg +4 -4
  207. package/src/assets/icons/ms_dynamic_icon.svg +15 -15
  208. package/src/assets/icons/nlp_help_icon.svg +3 -3
  209. package/src/assets/icons/no_access_icon.svg +4 -4
  210. package/src/assets/icons/no_border.svg +3 -3
  211. package/src/assets/icons/no_data.svg +13 -13
  212. package/src/assets/icons/no_license_found.svg +22 -22
  213. package/src/assets/icons/notification_icon.svg +3 -3
  214. package/src/assets/icons/opera.svg +9 -9
  215. package/src/assets/icons/parameters.svg +3 -3
  216. package/src/assets/icons/passed_status_icon.svg +12 -12
  217. package/src/assets/icons/pdf_file_type.svg +4 -4
  218. package/src/assets/icons/plus_icon.svg +11 -11
  219. package/src/assets/icons/plus_round_icon.svg +38 -38
  220. package/src/assets/icons/plus_user_icon.svg +3 -3
  221. package/src/assets/icons/png_file_type.svg +4 -4
  222. package/src/assets/icons/pre_post_condition.svg +8 -8
  223. package/src/assets/icons/program_element.svg +8 -8
  224. package/src/assets/icons/project_element.svg +4 -4
  225. package/src/assets/icons/project_env_variable_icon.svg +4 -4
  226. package/src/assets/icons/project_status_icon.svg +10 -10
  227. package/src/assets/icons/quick_run_setting_icon.svg +5 -5
  228. package/src/assets/icons/refresh-icon.svg +4 -4
  229. package/src/assets/icons/refresh_icon.svg +4 -4
  230. package/src/assets/icons/reload.svg +3 -3
  231. package/src/assets/icons/remove.svg +11 -11
  232. package/src/assets/icons/remove_user.svg +3 -3
  233. package/src/assets/icons/replace.svg +11 -11
  234. package/src/assets/icons/replace_file.svg +13 -13
  235. package/src/assets/icons/replace_icon.svg +6 -6
  236. package/src/assets/icons/reset-link.svg +52 -52
  237. package/src/assets/icons/right_arrow_icon.svg +4 -4
  238. package/src/assets/icons/rotate_icon.svg +10 -10
  239. package/src/assets/icons/run_automation_scripts_icon.svg +33 -33
  240. package/src/assets/icons/run_icon.svg +26 -26
  241. package/src/assets/icons/run_manual_testcase_icon.svg +4 -4
  242. package/src/assets/icons/safari.svg +93 -93
  243. package/src/assets/icons/safari_icon.svg +12 -12
  244. package/src/assets/icons/sales_force.svg +7 -7
  245. package/src/assets/icons/salesforce_icon.svg +14 -14
  246. package/src/assets/icons/sample_template_first.svg +29 -29
  247. package/src/assets/icons/sample_template_second.svg +47 -47
  248. package/src/assets/icons/sause_lab.svg +3 -3
  249. package/src/assets/icons/save_as_step.svg +3 -3
  250. package/src/assets/icons/search.svg +3 -3
  251. package/src/assets/icons/send_step.svg +4 -4
  252. package/src/assets/icons/settings.svg +3 -3
  253. package/src/assets/icons/single_user.svg +12 -0
  254. package/src/assets/icons/skipped_status_icon.svg +12 -12
  255. package/src/assets/icons/standard_template.svg +30 -30
  256. package/src/assets/icons/step_group.svg +10 -10
  257. package/src/assets/icons/strike_through.svg +3 -3
  258. package/src/assets/icons/success.svg +17 -17
  259. package/src/assets/icons/suites_icon.svg +3 -3
  260. package/src/assets/icons/sun_icon.svg +10 -10
  261. package/src/assets/icons/swipe_icon.svg +9 -9
  262. package/src/assets/icons/switch_license_icon.svg +123 -123
  263. package/src/assets/icons/system_warning.svg +61 -61
  264. package/src/assets/icons/tap_icon.svg +3 -3
  265. package/src/assets/icons/test_data.svg +5 -5
  266. package/src/assets/icons/test_data_set.svg +7 -7
  267. package/src/assets/icons/test_freshers_logo.svg +8 -0
  268. package/src/assets/icons/text_align_center.svg +3 -3
  269. package/src/assets/icons/text_align_left.svg +3 -3
  270. package/src/assets/icons/text_align_right.svg +3 -3
  271. package/src/assets/icons/text_color.svg +3 -3
  272. package/src/assets/icons/tick_icon.svg +4 -4
  273. package/src/assets/icons/toast_close.svg +3 -3
  274. package/src/assets/icons/txt_file_type.svg +4 -4
  275. package/src/assets/icons/underline.svg +4 -4
  276. package/src/assets/icons/unfollow_icon.svg +3 -0
  277. package/src/assets/icons/update_icon.svg +3 -3
  278. package/src/assets/icons/user_password_lock.svg +220 -220
  279. package/src/assets/icons/user_profile.svg +3 -3
  280. package/src/assets/icons/user_warning.svg +235 -235
  281. package/src/assets/icons/user_with_system.svg +637 -637
  282. package/src/assets/icons/variable.svg +3 -3
  283. package/src/assets/icons/variable_icon.svg +4 -4
  284. package/src/assets/icons/variable_set.svg +5 -5
  285. package/src/assets/icons/vertical_separator.svg +3 -3
  286. package/src/assets/icons/view_access_icon.svg +4 -4
  287. package/src/assets/icons/view_icon.svg +3 -3
  288. package/src/assets/icons/warning.svg +17 -17
  289. package/src/assets/icons/warning_status_icon.svg +12 -12
  290. package/src/assets/icons/web&mobile_icon.svg +3 -3
  291. package/src/assets/icons/web_icon.svg +3 -3
  292. package/src/assets/icons/web_mobile_icon.svg +29 -29
  293. package/src/assets/icons/web_service_icon.svg +3 -3
  294. package/src/assets/icons/web_services_icon.svg +30 -30
  295. package/src/assets/icons/window_maximize.svg +3 -3
  296. package/src/assets/icons/window_minimize.svg +3 -3
  297. package/src/assets/icons/window_restore.svg +4 -4
  298. package/src/assets/icons/windows.svg +10 -10
  299. package/src/assets/icons/wrong_mark.svg +3 -3
  300. package/src/assets/icons/wswb_delete_icon.svg +3 -3
  301. package/src/assets/icons/wswb_plus_icon.svg +4 -4
  302. package/src/assets/icons/xls_file_type.svg +4 -4
  303. package/src/assets/icons/xlsx_file_type.svg +4 -4
  304. package/src/assets/icons/xml_file_type.svg +4 -4
  305. package/src/assets/styles/_colors.scss +150 -150
  306. package/src/assets/styles/_fonts.scss +45 -45
  307. package/src/assets/styles/_mixins.scss +21 -21
  308. package/src/assets/utils/functionUtils.ts +96 -96
  309. package/src/components/Accordion/Accordion.scss +46 -46
  310. package/src/components/Accordion/Accordion.stories.tsx +48 -48
  311. package/src/components/Accordion/Accordion.tsx +69 -69
  312. package/src/components/Accordion/index.ts +1 -1
  313. package/src/components/Accordion/types.ts +44 -44
  314. package/src/components/AddResourceButton/AddButton.scss +36 -36
  315. package/src/components/AddResourceButton/AddButton.stories.tsx +126 -126
  316. package/src/components/AddResourceButton/AddButton.tsx +121 -121
  317. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.scss +161 -161
  318. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +38 -38
  319. package/src/components/AddResourceButton/index.ts +1 -1
  320. package/src/components/AddResourceButton/type.ts +92 -92
  321. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +189 -189
  322. package/src/components/AllProjectsDropdown/AllProjectsDropdown.stories.tsx +117 -117
  323. package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +152 -152
  324. package/src/components/AllProjectsDropdown/types.ts +14 -14
  325. package/src/components/AppHeader/AppHeader.scss +218 -218
  326. package/src/components/AppHeader/AppHeader.stories.tsx +553 -553
  327. package/src/components/AppHeader/AppHeader.tsx +199 -199
  328. package/src/components/AppHeader/index.ts +1 -1
  329. package/src/components/AppHeader/types.ts +54 -54
  330. package/src/components/AttachImage/AttachImage.scss +76 -76
  331. package/src/components/AttachImage/AttachImage.stories.tsx +24 -24
  332. package/src/components/AttachImage/AttachImage.tsx +60 -60
  333. package/src/components/AttachImage/index.ts +2 -2
  334. package/src/components/AttachImage/types.ts +26 -26
  335. package/src/components/AttachmentButton/AttachmentButton.scss +9 -9
  336. package/src/components/AttachmentButton/AttachmentButton.stories.tsx +81 -81
  337. package/src/components/AttachmentButton/AttachmentButton.tsx +129 -129
  338. package/src/components/AttachmentButton/types.ts +13 -13
  339. package/src/components/Avatar/Avatar.scss +27 -27
  340. package/src/components/Avatar/Avatar.stories.tsx +76 -76
  341. package/src/components/Avatar/Avatar.tsx +41 -41
  342. package/src/components/Avatar/types.ts +35 -35
  343. package/src/components/Button/Button.scss +166 -166
  344. package/src/components/Button/Button.stories.tsx +81 -81
  345. package/src/components/Button/Button.tsx +91 -91
  346. package/src/components/Button/index.ts +1 -1
  347. package/src/components/Button/types.ts +90 -90
  348. package/src/components/Charts/BarChart/BarChart.scss +69 -69
  349. package/src/components/Charts/BarChart/BarChart.stories.tsx +70 -70
  350. package/src/components/Charts/BarChart/BarChart.tsx +349 -349
  351. package/src/components/Charts/BarChart/types.ts +12 -12
  352. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +221 -221
  353. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.tsx +58 -58
  354. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +554 -554
  355. package/src/components/Charts/DashboardDonutChart/types.ts +60 -60
  356. package/src/components/Charts/DonutChart/DonutChart.scss +76 -76
  357. package/src/components/Charts/DonutChart/DonutChart.stories.tsx +30 -30
  358. package/src/components/Charts/DonutChart/DonutChart.tsx +246 -246
  359. package/src/components/Charts/DonutChart/index.ts +1 -1
  360. package/src/components/Charts/DonutChart/type.ts +23 -23
  361. package/src/components/Charts/IconRadialChart/IconRadialChart.scss +25 -25
  362. package/src/components/Charts/IconRadialChart/IconRadialChart.stories.tsx +51 -51
  363. package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +173 -173
  364. package/src/components/Charts/IconRadialChart/types.ts +28 -28
  365. package/src/components/Charts/LineChart/LineChart.scss +92 -92
  366. package/src/components/Charts/LineChart/LineChart.stories.tsx +198 -259
  367. package/src/components/Charts/LineChart/LineChart.tsx +391 -295
  368. package/src/components/Charts/LineChart/index.ts +1 -1
  369. package/src/components/Charts/LineChart/types.ts +31 -30
  370. package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +85 -85
  371. package/src/components/Charts/MultiRadialChart/MultiRadialChart.stories.tsx +117 -117
  372. package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +306 -306
  373. package/src/components/Charts/MultiRadialChart/index.ts +1 -1
  374. package/src/components/Charts/MultiRadialChart/types.ts +28 -28
  375. package/src/components/Charts/PieChart/PieChart.scss +41 -41
  376. package/src/components/Charts/PieChart/PieChart.stories.tsx +46 -46
  377. package/src/components/Charts/PieChart/PieChart.tsx +192 -192
  378. package/src/components/Charts/PieChart/index.ts +1 -1
  379. package/src/components/Charts/PieChart/types.ts +28 -28
  380. package/src/components/Charts/RadialChart/RadialChart.scss +16 -16
  381. package/src/components/Charts/RadialChart/RadialChart.stories.tsx +36 -36
  382. package/src/components/Charts/RadialChart/RadialChart.tsx +180 -180
  383. package/src/components/Charts/RadialChart/index.ts +1 -1
  384. package/src/components/Charts/RadialChart/types.ts +32 -32
  385. package/src/components/Checkbox/Checkbox.scss +148 -148
  386. package/src/components/Checkbox/Checkbox.stories.tsx +78 -78
  387. package/src/components/Checkbox/Checkbox.tsx +57 -57
  388. package/src/components/Checkbox/types.ts +34 -34
  389. package/src/components/Chip/Chip.scss +95 -95
  390. package/src/components/Chip/Chip.stories.tsx +125 -125
  391. package/src/components/Chip/Chip.tsx +39 -39
  392. package/src/components/Chip/index.ts +1 -1
  393. package/src/components/Chip/types.ts +19 -19
  394. package/src/components/ChooseFile/ChooseFile.stories.tsx +190 -190
  395. package/src/components/ChooseFile/ChooseFile.tsx +46 -46
  396. package/src/components/ChooseFile/types.ts +78 -78
  397. package/src/components/Comment/Comments.scss +166 -166
  398. package/src/components/Comment/Comments.stories.tsx +212 -212
  399. package/src/components/Comment/Comments.tsx +51 -51
  400. package/src/components/Comment/comment/Comment.tsx +206 -206
  401. package/src/components/Comment/comment/useNode.ts +51 -51
  402. package/src/components/Comment/index.ts +1 -1
  403. package/src/components/Comment/type.ts +36 -36
  404. package/src/components/ConditionalDropdown/ConditionalDropdown.scss +17 -17
  405. package/src/components/ConditionalDropdown/ConditionalDropdown.stories.tsx +151 -150
  406. package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +157 -156
  407. package/src/components/ConditionalDropdown/OptionsDropdown.tsx +43 -43
  408. package/src/components/ConditionalDropdown/index.ts +1 -1
  409. package/src/components/ConditionalDropdown/types.ts +163 -159
  410. package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +143 -143
  411. package/src/components/ConnectingBranch/ConnectingBranch.scss +221 -221
  412. package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +53 -53
  413. package/src/components/ConnectingBranch/ConnectingBranch.tsx +196 -196
  414. package/src/components/ConnectingBranch/data.tsx +226 -226
  415. package/src/components/ConnectingBranch/index.ts +1 -1
  416. package/src/components/ConnectingBranch/types.ts +42 -42
  417. package/src/components/CreateVariable/CreateVariableSlider.scss +18 -18
  418. package/src/components/CreateVariable/CreateVariableSlider.stories.tsx +66 -66
  419. package/src/components/CreateVariable/CreateVariableSlider.tsx +95 -95
  420. package/src/components/CreateVariable/index.ts +1 -1
  421. package/src/components/CreateVariable/types.ts +58 -58
  422. package/src/components/DatePicker/DatePicker.scss +723 -723
  423. package/src/components/DatePicker/DatePicker.stories.tsx +193 -193
  424. package/src/components/DatePicker/DatePicker.tsx +502 -502
  425. package/src/components/DatePicker/Timepicker.tsx +372 -372
  426. package/src/components/DatePicker/types.ts +105 -105
  427. package/src/components/DownloadClient/DownloadClient.scss +67 -67
  428. package/src/components/DownloadClient/DownloadClient.stories.tsx +26 -26
  429. package/src/components/DownloadClient/DownloadClient.tsx +90 -90
  430. package/src/components/DownloadClient/type.ts +33 -33
  431. package/src/components/DragAndDrop/DragAndDrop.d.ts +5 -5
  432. package/src/components/DragAndDrop/DragAndDrop.stories.tsx +25 -25
  433. package/src/components/DragAndDrop/DragAndDrop.ts +7 -7
  434. package/src/components/DragAndDrop/DragAndDropList.scss +69 -69
  435. package/src/components/DragAndDrop/DragAndDropList.tsx +151 -151
  436. package/src/components/Drawer/Drawer.scss +139 -139
  437. package/src/components/Drawer/Drawer.stories.tsx +156 -156
  438. package/src/components/Drawer/Drawer.tsx +233 -233
  439. package/src/components/Drawer/Types.ts +161 -161
  440. package/src/components/EditTextField/EditTextField.scss +97 -97
  441. package/src/components/EditTextField/EditTextField.stories.tsx +127 -127
  442. package/src/components/EditTextField/EditTextField.tsx +175 -175
  443. package/src/components/EditTextField/index.ts +1 -1
  444. package/src/components/EditTextField/types.ts +55 -55
  445. package/src/components/Editor/Editor.scss +61 -56
  446. package/src/components/Editor/Editor.stories.tsx +54 -54
  447. package/src/components/Editor/Editor.tsx +250 -250
  448. package/src/components/Editor/VariableDropdown.scss +28 -28
  449. package/src/components/Editor/VariableDropdown.tsx +57 -57
  450. package/src/components/Editor/constants.ts +180 -180
  451. package/src/components/Editor/types.ts +89 -89
  452. package/src/components/Excel/ColorBarSelector/ColorBarSelector.scss +15 -15
  453. package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +43 -43
  454. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.scss +27 -27
  455. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.tsx +42 -42
  456. package/src/components/Excel/ExcelFile/ExcelFile.scss +56 -56
  457. package/src/components/Excel/ExcelFile/ExcelFile.tsx +512 -512
  458. package/src/components/Excel/ExcelFile/ExcelFileComponents/ActiveCell.tsx +155 -148
  459. package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx +206 -206
  460. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +176 -176
  461. package/src/components/Excel/ExcelFile/ExcelFileComponents/Copied.tsx +25 -25
  462. package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx +56 -56
  463. package/src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx +40 -37
  464. package/src/components/Excel/ExcelFile/ExcelFileComponents/DataViewer.tsx +85 -85
  465. package/src/components/Excel/ExcelFile/ExcelFileComponents/FloatingRect.tsx +61 -61
  466. package/src/components/Excel/ExcelFile/ExcelFileComponents/HeaderRow.tsx +7 -7
  467. package/src/components/Excel/ExcelFile/ExcelFileComponents/Row.tsx +5 -5
  468. package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +157 -157
  469. package/src/components/Excel/ExcelFile/ExcelFileComponents/Selected.tsx +32 -32
  470. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +201 -201
  471. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +531 -531
  472. package/src/components/Excel/ExcelFile/ExcelFileComponents/Table.tsx +19 -19
  473. package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +575 -575
  474. package/src/components/Excel/ExcelFile/ExcelFileComponents/areModelsEqual.ts +18 -18
  475. package/src/components/Excel/ExcelFile/ExcelFileComponents/context.ts +12 -12
  476. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/engine.ts +153 -153
  477. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/formula.ts +31 -31
  478. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/index.ts +2 -2
  479. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-graph.ts +152 -152
  480. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-hash.ts +10 -10
  481. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-set.ts +69 -69
  482. package/src/components/Excel/ExcelFile/ExcelFileComponents/index.ts +49 -49
  483. package/src/components/Excel/ExcelFile/ExcelFileComponents/matrix.ts +382 -382
  484. package/src/components/Excel/ExcelFile/ExcelFileComponents/point-range.ts +82 -82
  485. package/src/components/Excel/ExcelFile/ExcelFileComponents/point.ts +15 -15
  486. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +716 -716
  487. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +886 -886
  488. package/src/components/Excel/ExcelFile/ExcelFileComponents/selection.ts +257 -257
  489. package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +266 -266
  490. package/src/components/Excel/ExcelFile/ExcelFileComponents/typings/fast-formula-parser.d.ts +58 -58
  491. package/src/components/Excel/ExcelFile/ExcelFileComponents/use-dispatch.ts +8 -8
  492. package/src/components/Excel/ExcelFile/ExcelFileComponents/use-selector.ts +9 -9
  493. package/src/components/Excel/ExcelFile/ExcelFileComponents/util.ts +172 -172
  494. package/src/components/Excel/ExcelFile.stories.tsx +168 -168
  495. package/src/components/Excel/ExcelToolBar/ExcelToolBar.scss +96 -96
  496. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +434 -434
  497. package/src/components/Excel/Types.ts +196 -196
  498. package/src/components/Excel/dataConversion.ts +196 -196
  499. package/src/components/Excel/index.ts +1 -1
  500. package/src/components/ExpandableMenu/ExpandableMenu.scss +110 -110
  501. package/src/components/ExpandableMenu/ExpandableMenu.stories.tsx +67 -67
  502. package/src/components/ExpandableMenu/ExpandableMenu.tsx +101 -101
  503. package/src/components/ExpandableMenu/index.ts +1 -1
  504. package/src/components/ExpandableMenu/types.ts +34 -34
  505. package/src/components/FF_Captcha/Recaptcha.scss +10 -10
  506. package/src/components/FF_Captcha/Recaptcha.tsx +40 -40
  507. package/src/components/FF_Captcha/captcha.stories.tsx +40 -40
  508. package/src/components/FF_Captcha/types.ts +22 -22
  509. package/src/components/FieldSet/FieldSet.scss +10 -10
  510. package/src/components/FieldSet/FieldSet.stories.tsx +104 -104
  511. package/src/components/FieldSet/FieldSet.tsx +29 -29
  512. package/src/components/FieldSet/index.ts +1 -1
  513. package/src/components/FieldSet/types.ts +8 -8
  514. package/src/components/FileDropzone/Dropzone.tsx +108 -108
  515. package/src/components/FileDropzone/FileDropzone.scss +180 -180
  516. package/src/components/FileDropzone/FileDropzone.stories.tsx +273 -273
  517. package/src/components/FileDropzone/FileDropzone.tsx +166 -166
  518. package/src/components/FileDropzone/FilePreview.tsx +77 -77
  519. package/src/components/FileDropzone/RadioFilePreview.tsx +80 -80
  520. package/src/components/FileDropzone/index.ts +1 -1
  521. package/src/components/FileDropzone/types.ts +207 -207
  522. package/src/components/Form/Form.d.ts +2 -2
  523. package/src/components/Form/Form.scss +158 -158
  524. package/src/components/Form/Form.stories.tsx +508 -508
  525. package/src/components/Form/Form.ts +2 -2
  526. package/src/components/Form/Forms.tsx +39 -39
  527. package/src/components/Form/validation.json +29 -29
  528. package/src/components/GridLayout/GridLayout.scss +69 -69
  529. package/src/components/GridLayout/GridLayout.stories.tsx +90 -90
  530. package/src/components/GridLayout/GridLayout.tsx +39 -39
  531. package/src/components/GridLayout/GridLayoutStory.scss +25 -25
  532. package/src/components/GridLayout/types.ts +84 -84
  533. package/src/components/HighlightText/HighlightText.scss +3 -3
  534. package/src/components/HighlightText/HighlightText.stories.tsx +22 -22
  535. package/src/components/HighlightText/HighlightText.tsx +33 -33
  536. package/src/components/HighlightText/index.ts +1 -1
  537. package/src/components/HighlightText/types.ts +4 -4
  538. package/src/components/Icon/Icon.stories.tsx +113 -65
  539. package/src/components/Icon/Icon.tsx +88 -88
  540. package/src/components/Icon/Icons.scss +50 -50
  541. package/src/components/Icon/iconList.ts +515 -505
  542. package/src/components/Icon/index.ts +1 -1
  543. package/src/components/Icon/types.ts +14 -14
  544. package/src/components/IconButton/IconButton.scss +54 -54
  545. package/src/components/IconButton/IconButton.stories.tsx +34 -34
  546. package/src/components/IconButton/IconButton.tsx +32 -32
  547. package/src/components/IconButton/index.ts +1 -1
  548. package/src/components/IconButton/types.ts +5 -5
  549. package/src/components/IconRadioGroup/IconRadioGroup.scss +64 -64
  550. package/src/components/IconRadioGroup/IconRadioGroup.stories.tsx +108 -108
  551. package/src/components/IconRadioGroup/IconRadioGroup.tsx +73 -73
  552. package/src/components/IconRadioGroup/index.ts +1 -1
  553. package/src/components/IconRadioGroup/type.ts +49 -49
  554. package/src/components/Input/Input.scss +170 -170
  555. package/src/components/Input/Input.stories.tsx +153 -141
  556. package/src/components/Input/Input.tsx +122 -120
  557. package/src/components/Input/types.ts +89 -85
  558. package/src/components/InputWithDropdown/InputWithDropdown.scss +220 -220
  559. package/src/components/InputWithDropdown/InputWithDropdown.stories.tsx +169 -169
  560. package/src/components/InputWithDropdown/InputWithDropdown.tsx +129 -129
  561. package/src/components/InputWithDropdown/index.ts +1 -1
  562. package/src/components/InputWithDropdown/types.ts +113 -113
  563. package/src/components/LabelEditTextField/LabelEditTextField.scss +94 -90
  564. package/src/components/LabelEditTextField/LabelEditTextField.stories.tsx +198 -197
  565. package/src/components/LabelEditTextField/LabelEditTextField.tsx +267 -263
  566. package/src/components/LabelEditTextField/index.ts +1 -1
  567. package/src/components/LabelEditTextField/types.ts +51 -49
  568. package/src/components/LazyLoad/LazyLoad.d.ts +3 -3
  569. package/src/components/LazyLoad/LazyLoad.stories.tsx +33 -33
  570. package/src/components/LazyLoad/LazyLoad.ts +2 -2
  571. package/src/components/LazyLoad/LazyLoading.tsx +19 -19
  572. package/src/components/LazyLoad/index.ts +1 -1
  573. package/src/components/MachineInputField/MachineInputField.scss +59 -55
  574. package/src/components/MachineInputField/MachineInputField.stories.tsx +33 -33
  575. package/src/components/MachineInputField/MachineInputField.tsx +85 -84
  576. package/src/components/MachineInputField/index.ts +1 -1
  577. package/src/components/MachineInputField/types.ts +15 -15
  578. package/src/components/MenuOption/MenuOption.scss +97 -97
  579. package/src/components/MenuOption/MenuOption.stories.tsx +212 -212
  580. package/src/components/MenuOption/MenuOption.tsx +222 -222
  581. package/src/components/MenuOption/types.ts +231 -231
  582. package/src/components/MiniModal/MiniModal.scss +169 -169
  583. package/src/components/MiniModal/MiniModal.stories.tsx +740 -740
  584. package/src/components/MiniModal/MiniModal.tsx +346 -346
  585. package/src/components/MiniModal/index.ts +1 -1
  586. package/src/components/MiniModal/types.ts +124 -124
  587. package/src/components/Modal/Modal.stories.tsx +70 -70
  588. package/src/components/Modal/Modal.tsx +100 -100
  589. package/src/components/Modal/index.tsx +1 -1
  590. package/src/components/Modal/modal.scss +51 -51
  591. package/src/components/Modal/types.ts +43 -43
  592. package/src/components/ModulesChip/ModuleChip.scss +33 -33
  593. package/src/components/ModulesChip/ModuleChip.stories.tsx +41 -41
  594. package/src/components/ModulesChip/ModuleChip.tsx +28 -28
  595. package/src/components/ModulesChip/types.ts +14 -14
  596. package/src/components/MultiSelect/Dropdown.scss +77 -77
  597. package/src/components/MultiSelect/Dropdown.tsx +169 -169
  598. package/src/components/MultiSelect/MultiSelect.scss +247 -247
  599. package/src/components/MultiSelect/MultiSelect.stories.tsx +290 -290
  600. package/src/components/MultiSelect/MultiSelect.tsx +486 -486
  601. package/src/components/MultiSelect/MultiSelectTypes.ts +49 -49
  602. package/src/components/MultiSelect/dropdownTypes.ts +21 -21
  603. package/src/components/MultiSelect/index.ts +1 -1
  604. package/src/components/NLPInput/NLPInput.scss +302 -302
  605. package/src/components/NLPInput/NlpInput.stories.tsx +70 -70
  606. package/src/components/NLPInput/NlpInput.tsx +410 -410
  607. package/src/components/NLPInput/components/NlpDropDown/NlpDropDownType.ts +62 -62
  608. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.scss +134 -134
  609. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.tsx +320 -320
  610. package/src/components/NLPInput/index.ts +1 -1
  611. package/src/components/NLPInput/sampleData.ts +161 -161
  612. package/src/components/NLPInput/types.tsx +136 -136
  613. package/src/components/Paper/Paper.scss +13 -13
  614. package/src/components/Paper/Paper.stories.tsx +77 -77
  615. package/src/components/Paper/Paper.tsx +14 -14
  616. package/src/components/Paper/types.ts +19 -19
  617. package/src/components/PhoneInput/PhoneInput.d.ts +3 -3
  618. package/src/components/PhoneInput/PhoneInput.stories.tsx +70 -70
  619. package/src/components/PhoneInput/PhoneInput.tsx +98 -98
  620. package/src/components/PhoneInput/index.ts +1 -1
  621. package/src/components/PhoneInput/phoneInput.scss +901 -901
  622. package/src/components/PhoneInput/types.ts +16 -16
  623. package/src/components/PopUpModal/PopUpModal.scss +36 -36
  624. package/src/components/PopUpModal/PopUpModal.stories.tsx +67 -67
  625. package/src/components/PopUpModal/PopUpModal.tsx +87 -87
  626. package/src/components/PopUpModal/types.ts +17 -17
  627. package/src/components/ProgressBar/ProgressBar.scss +46 -46
  628. package/src/components/ProgressBar/ProgressBar.stories.tsx +22 -22
  629. package/src/components/ProgressBar/ProgressBar.tsx +61 -61
  630. package/src/components/ProgressBar/types.ts +12 -12
  631. package/src/components/RadioButton/RadioButton.scss +106 -106
  632. package/src/components/RadioButton/RadioButton.stories.tsx +43 -43
  633. package/src/components/RadioButton/RadioButton.tsx +41 -41
  634. package/src/components/RadioButton/index.ts +1 -1
  635. package/src/components/RadioButton/radioButtonTypes.tsx +62 -62
  636. package/src/components/RadioGroup/RadioGroup.scss +11 -11
  637. package/src/components/RadioGroup/RadioGroup.stories.tsx +150 -150
  638. package/src/components/RadioGroup/RadioGroup.tsx +49 -49
  639. package/src/components/RadioGroup/index.ts +1 -1
  640. package/src/components/RadioGroup/radioGroupTypes.tsx +96 -96
  641. package/src/components/ScriptSwitchButton/ScriptSwitchButton.scss +33 -33
  642. package/src/components/ScriptSwitchButton/ScriptSwitchButton.stories.tsx +48 -48
  643. package/src/components/ScriptSwitchButton/ScriptSwitchButton.tsx +65 -65
  644. package/src/components/ScriptSwitchButton/index.ts +1 -1
  645. package/src/components/Search/Search.scss +103 -103
  646. package/src/components/Search/Search.stories.tsx +44 -44
  647. package/src/components/Search/Search.tsx +138 -138
  648. package/src/components/Search/index.ts +1 -1
  649. package/src/components/Search/types.ts +19 -19
  650. package/src/components/Select/Select.scss +213 -213
  651. package/src/components/Select/Select.stories.tsx +355 -355
  652. package/src/components/Select/Select.tsx +278 -278
  653. package/src/components/Select/components/Dropdown.scss +61 -61
  654. package/src/components/Select/components/Dropdown.tsx +140 -140
  655. package/src/components/Select/components/types.ts +24 -24
  656. package/src/components/Select/index.ts +1 -1
  657. package/src/components/Select/types.ts +134 -134
  658. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +128 -128
  659. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +67 -67
  660. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +186 -184
  661. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +191 -191
  662. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +326 -318
  663. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +33 -32
  664. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.scss +3 -3
  665. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +78 -76
  666. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +25 -24
  667. package/src/components/SequentialConnectingBranch/index.ts +1 -1
  668. package/src/components/SequentialConnectingBranch/types.ts +66 -62
  669. package/src/components/StateDropdown/StateDropdown.stories.tsx +104 -104
  670. package/src/components/StateDropdown/StateDropdown.tsx +245 -245
  671. package/src/components/StateDropdown/StateDropdownTypes.tsx +27 -27
  672. package/src/components/StatusButton/StatusButton.scss +90 -90
  673. package/src/components/StatusButton/StatusButton.stories.tsx +91 -91
  674. package/src/components/StatusButton/StatusButton.tsx +46 -46
  675. package/src/components/StatusButton/index.ts +1 -1
  676. package/src/components/StatusButton/types.ts +45 -45
  677. package/src/components/StatusCard/StatusCard.scss +138 -138
  678. package/src/components/StatusCard/StatusCard.stories.tsx +117 -117
  679. package/src/components/StatusCard/StatusCard.tsx +80 -80
  680. package/src/components/StatusCard/index.ts +1 -1
  681. package/src/components/StatusCard/types.ts +18 -18
  682. package/src/components/Table/Table.scss +118 -118
  683. package/src/components/Table/Table.stories.tsx +373 -373
  684. package/src/components/Table/Table.tsx +178 -178
  685. package/src/components/Table/Types.ts +124 -124
  686. package/src/components/Table/index.ts +1 -1
  687. package/src/components/TableTree/Components/TableBody.tsx +41 -41
  688. package/src/components/TableTree/Components/TableCell.tsx +75 -75
  689. package/src/components/TableTree/Components/TableHead.tsx +39 -39
  690. package/src/components/TableTree/Components/TableRow.tsx +41 -41
  691. package/src/components/TableTree/TableTree.scss +210 -217
  692. package/src/components/TableTree/TableTree.stories.tsx +176 -176
  693. package/src/components/TableTree/TableTree.tsx +72 -91
  694. package/src/components/TableTree/TableTreeStories.scss +22 -22
  695. package/src/components/TableTree/Utils/getAllChildIds.ts +14 -14
  696. package/src/components/TableTree/data.ts +368 -368
  697. package/src/components/TableTree/index.ts +1 -1
  698. package/src/components/TableTree/types.ts +72 -72
  699. package/src/components/TableWithAccordion/TableWithAccordion.scss +54 -54
  700. package/src/components/TableWithAccordion/TableWithAccordion.stories.tsx +94 -94
  701. package/src/components/TableWithAccordion/TableWithAccordion.tsx +174 -174
  702. package/src/components/TableWithAccordion/data.ts +36 -36
  703. package/src/components/TableWithAccordion/types.ts +69 -69
  704. package/src/components/Tabs/Tabs.scss +132 -132
  705. package/src/components/Tabs/Tabs.stories.tsx +153 -153
  706. package/src/components/Tabs/Tabs.tsx +71 -71
  707. package/src/components/Tabs/index.ts +1 -1
  708. package/src/components/Tabs/types.ts +48 -48
  709. package/src/components/TextArea/Textarea.scss +144 -144
  710. package/src/components/TextArea/Textarea.stories.tsx +92 -92
  711. package/src/components/TextArea/Textarea.tsx +86 -86
  712. package/src/components/TextArea/Types.ts +85 -85
  713. package/src/components/TextArea/index.tsx +1 -1
  714. package/src/components/ThemeProvider/ThemeProvider.tsx +27 -27
  715. package/src/components/ThemeProvider/index.ts +1 -1
  716. package/src/components/ThemeProvider/types.ts +14 -14
  717. package/src/components/Toast/Toast.scss +121 -121
  718. package/src/components/Toast/Toast.stories.tsx +144 -144
  719. package/src/components/Toast/Toast.tsx +117 -117
  720. package/src/components/Toast/index.ts +1 -1
  721. package/src/components/Toast/types.ts +27 -27
  722. package/src/components/Toastify/Toastify.stories.tsx +71 -71
  723. package/src/components/Toastify/Toastify.tsx +95 -95
  724. package/src/components/Toastify/index.ts +1 -1
  725. package/src/components/Toastify/types.ts +9 -9
  726. package/src/components/Toggle/Toggle.scss +133 -133
  727. package/src/components/Toggle/Toggle.stories.tsx +132 -132
  728. package/src/components/Toggle/Toggle.tsx +96 -96
  729. package/src/components/Toggle/index.ts +1 -1
  730. package/src/components/Toggle/types.ts +43 -43
  731. package/src/components/ToggleSwitch/ToggleSwitch.scss +58 -58
  732. package/src/components/ToggleSwitch/ToggleSwitch.stories.tsx +52 -52
  733. package/src/components/ToggleSwitch/ToggleSwitch.tsx +30 -30
  734. package/src/components/ToggleSwitch/index.ts +1 -1
  735. package/src/components/Tooltip/Tooltip.scss +27 -27
  736. package/src/components/Tooltip/Tooltip.stories.tsx +98 -98
  737. package/src/components/Tooltip/Tooltip.tsx +194 -194
  738. package/src/components/Tooltip/index.ts +1 -1
  739. package/src/components/Tooltip/types.ts +66 -66
  740. package/src/components/Typography/Typography.scss +25 -25
  741. package/src/components/Typography/Typography.stories.tsx +59 -59
  742. package/src/components/Typography/Typography.tsx +41 -41
  743. package/src/components/Typography/index.ts +1 -1
  744. package/src/components/Typography/types.ts +57 -57
  745. package/src/components/VariableInput/VariableInput.scss +127 -127
  746. package/src/components/VariableInput/VariableInput.stories.tsx +32 -32
  747. package/src/components/VariableInput/VariableInput.tsx +352 -352
  748. package/src/components/VariableInput/types.ts +56 -56
  749. package/src/hooks/keyboardevents/useEscKeyEvent.tsx +30 -30
  750. package/src/hooks/useClickOutside.tsx +30 -30
  751. package/src/hooks/useFileDropzone.tsx +275 -275
  752. package/src/hooks/useIntersectionObserver.tsx +56 -56
  753. package/src/hooks/usePortalPosition.tsx +53 -53
  754. package/src/hooks/useTheme.tsx +13 -13
  755. package/src/index.ts +302 -302
  756. package/src/utils/FormatString/FormatString.stories.tsx +58 -58
  757. package/src/utils/FormatString/FormatString.tsx +41 -41
  758. package/src/utils/TableCell/TableCell.ts +16 -16
  759. package/src/utils/capitalize/capitalize.stories.tsx +44 -44
  760. package/src/utils/capitalize/capitalize.tsx +4 -4
  761. package/src/utils/checkDuplicates/CheckDuplicates.stories.tsx +40 -40
  762. package/src/utils/checkDuplicates/checkDuplicates.ts +13 -13
  763. package/src/utils/checkEmpty/checkEmpty.stories.tsx +34 -34
  764. package/src/utils/checkEmpty/checkEmpty.ts +24 -24
  765. package/src/utils/compareArrays/compareArrays.stories.tsx +62 -62
  766. package/src/utils/compareArrays/compareArrays.ts +31 -31
  767. package/src/utils/compareObjects/compareObjects.stories.tsx +51 -51
  768. package/src/utils/compareObjects/compareObjects.ts +53 -53
  769. package/src/utils/debounce/debounce.stories.tsx +81 -81
  770. package/src/utils/debounce/debounce.ts +28 -28
  771. package/src/utils/downloadFile/saveFileFromBlob.stories.tsx +62 -62
  772. package/src/utils/downloadFile/saveFileFromBlob.ts +40 -40
  773. package/src/utils/ffID/ffID.stories.tsx +35 -35
  774. package/src/utils/ffID/ffid.ts +7 -7
  775. package/src/utils/findAndInsert/findAndInsert.stories.tsx +119 -119
  776. package/src/utils/findAndInsert/findAndInsert.ts +49 -49
  777. package/src/utils/formData/ConvertFormDataToObject.stories.tsx +27 -0
  778. package/src/utils/formData/ConvertFormDataToObject.ts +14 -0
  779. package/src/utils/functionCheck/functionCheck.ts +8 -8
  780. package/src/utils/getEncryptedData/getEncryptedData.stories.tsx +55 -55
  781. package/src/utils/getEncryptedData/getEncryptedData.ts +8 -8
  782. package/src/utils/getExtension/getExtension.stories.tsx +24 -23
  783. package/src/utils/getExtension/getExtension.ts +28 -28
  784. package/src/utils/getSelectOptionValue/getSelectOptionValue.ts +31 -31
  785. package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +72 -72
  786. package/src/utils/getSequentialPayload/getSequentialPayload.ts +16 -16
  787. package/src/utils/getSequentialPayload/types.ts +33 -33
  788. package/src/utils/throttle/throttle.stories.tsx +100 -100
  789. package/src/utils/throttle/throttle.ts +33 -33
  790. package/src/utils/truncateText/truncateText.stories.tsx +37 -37
  791. package/src/utils/truncateText/truncateText.ts +4 -4
  792. package/src/utils/validateFile/validateFile.stories.tsx +49 -49
  793. package/src/utils/validateFile/validateFile.ts +39 -39
  794. package/src/validations/regex.stories.tsx +418 -362
  795. package/src/validations/regex.ts +224 -194
  796. package/tsconfig.json +55 -55
  797. package/vite.config.js +14 -14
  798. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  799. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  800. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  801. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  802. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
  803. package/lib/components/TableTree/TableTree copy.d.ts +0 -25
  804. package/src/assets/images/photo.png +0 -0
@@ -1,723 +1,723 @@
1
- @use '../../assets/styles/fonts';
2
- @import 'react-day-picker/style.css';
3
-
4
- /* Custom date picker styling */
5
- .ff-date-picker {
6
- // day-picker variable override
7
- .rdp-root {
8
- --rdp-accent-color: var(--brand-color);
9
- --rdp-day-height: 24px;
10
- --rdp-day-width: 36px;
11
- --rdp-day_button-height: 24px;
12
- --rdp-day_button-width: 36px;
13
- @include fonts.fontPoppins(12px);
14
- --rdp-font-family: 'Poppins', sans-serif;
15
- }
16
-
17
- .ff-cursor-pointer {
18
- cursor: pointer;
19
- }
20
-
21
- position: relative;
22
-
23
- .ff-datepicker-input-container {
24
- display: flex;
25
- gap: 10px;
26
-
27
- .ff-input-with-icon {
28
- position: relative;
29
- display: flex;
30
- flex-direction: column;
31
- align-items: flex-start;
32
-
33
- .ff-date-input,
34
- .ff-time-input {
35
- padding: 4px 8px;
36
- padding-left: 2rem;
37
- height: 32px;
38
- border-radius: 5px;
39
- border: 1px solid var(--border-color);
40
- @extend .fontXs;
41
- color: var(--status-skipped-text-color);
42
- line-height: 15px;
43
- box-sizing: border-box;
44
-
45
- &:focus {
46
- outline: none;
47
- }
48
- }
49
-
50
- .ff-calendar-icon,
51
- .ff-clock-icon {
52
- position: absolute;
53
- top: 50%;
54
- transform: translate(25%, -50%);
55
- display: flex;
56
- align-items: center;
57
- pointer-events: none;
58
- }
59
- }
60
-
61
- .ff-date-input-field {
62
- flex: 1;
63
- .ff-date-input {
64
- width: 100%;
65
- }
66
-
67
- .ff-date-input-message {
68
- @extend .font-size-8;
69
- padding: 0px 4px;
70
- margin-left: 8px;
71
- line-height: 12px;
72
- &--danger {
73
- color: var(--input-error-text-color);
74
- }
75
- }
76
- }
77
-
78
- .ff-time-input-field {
79
- flex: 0 0 120px;
80
- .ff-time-input {
81
- width: 100%;
82
- }
83
- }
84
- }
85
- .ff-date-picker-container {
86
- display: flex;
87
- flex-direction: column;
88
- position: absolute;
89
- border-radius: 8px;
90
- padding: 4px;
91
- box-sizing: border-box;
92
- background-color: var(--tab-bg-color);
93
- box-shadow: 0 0 12px 0 #00000033;
94
- gap: 8px;
95
- z-index: 10;
96
-
97
- .ff-calendar-container {
98
- display: flex;
99
- align-items: flex-start;
100
- gap: 4px;
101
- height: 240px;
102
- }
103
-
104
- .ff-date-picker-controls {
105
- padding: 4px;
106
- display: flex;
107
- justify-content: end;
108
- gap: 8px;
109
- border-top: 1px solid var(--border-color);
110
-
111
- .ff-date-picker-button {
112
- font-weight: 600;
113
- line-height: 15px;
114
- }
115
- }
116
- }
117
-
118
- .ff-calendar {
119
- .ff-calendar-nav-button {
120
- margin: 0 5px;
121
- border: 1px solid var(--border-color);
122
- background-color: var(--toggle-button-bg-color);
123
- box-shadow: 0 -1px 2px 0 var(--ff-mini-modal-box-shadow);
124
- padding: 0px;
125
- border-radius: 30%;
126
- cursor: pointer;
127
-
128
- &:disabled {
129
- cursor: auto;
130
- opacity: 0.5;
131
- }
132
- }
133
-
134
- .ff-calendar-haeder {
135
- display: flex;
136
- align-items: center;
137
- gap: 5px;
138
- color: var(--text-color);
139
- }
140
-
141
- .ff-custom-year_grid,
142
- .ff-custom-month_grid {
143
- width: calc((var(--rdp-day-width) + 4px) * 7);
144
- display: grid;
145
- grid-template-columns: repeat(3, 1fr);
146
- gap: 10px;
147
- padding: 5px;
148
- max-width: 100%;
149
-
150
- .ff-custom-year,
151
- .ff-custom-month {
152
- padding: 10px 0;
153
- text-align: center;
154
- cursor: pointer;
155
- border-radius: 8px;
156
- background-color: #f9f9f9; // color need to be change
157
-
158
- &--selected {
159
- background-color: var(--brand-color);
160
- color: var(--primary-button-text-color);
161
- }
162
- &--disabled {
163
- color: var(--text-color-light);
164
- cursor: default;
165
-
166
- &.ff-custom-month--selected,
167
- &.ff-custom-year--selected {
168
- background-color: var(--disable-color);
169
- }
170
- }
171
- }
172
- }
173
-
174
- .rdp-weekdays {
175
- th {
176
- color: #6f7c8e; // color need to be change
177
- font-weight: 400;
178
- }
179
- }
180
-
181
- .rdp-day {
182
- padding: 2px;
183
- font-weight: 500;
184
- }
185
-
186
- .rdp-day_button {
187
- border-radius: 4px;
188
- padding: 3px 9px;
189
-
190
- &:hover {
191
- background-color: var(--hover-color);
192
- }
193
- }
194
- .rdp-selected {
195
- font: inherit;
196
- .rdp-day_button {
197
- background: var(--rdp-accent-color);
198
- color: var(--drawer-footer-bg);
199
- border: none;
200
- }
201
- }
202
- .rdp-today:not(.rdp-outside) {
203
- .rdp-day_button {
204
- border: 2px solid var(--rdp-accent-color);
205
- }
206
- }
207
- }
208
-
209
- // Timepicker css ************************************************************************
210
-
211
- .ff-time-picker-container {
212
- position: relative;
213
- width: 150px;
214
- height: 100%;
215
- overflow-y: hidden;
216
- border-left: 1px solid #ccc;
217
- padding: 10px 5px;
218
- box-sizing: border-box;
219
-
220
- &::-webkit-scrollbar {
221
- display: none;
222
- }
223
-
224
- .ff-time-picker-fields {
225
- display: flex;
226
- height: 14%;
227
- width: 100%;
228
- margin-bottom: 5px;
229
- box-sizing: border-box;
230
-
231
- .ff-time-input-container {
232
- display: flex;
233
- border: 1px solid var(--border-color);
234
- border-right: 0;
235
- border-radius: 4px 0 0 4px;
236
- width: 55%;
237
- position: relative;
238
-
239
- .ff-time-input {
240
- border: none;
241
- padding: 5px;
242
- width: 100%;
243
- text-align: center;
244
- border-radius: 4px 0 0 4px;
245
- font-weight: 400;
246
- @extend .fontSm;
247
-
248
- &::placeholder {
249
- opacity: 0;
250
- line-height: 18px;
251
- }
252
- }
253
-
254
- .ff-time-input-label {
255
- position: absolute;
256
- left: 10px;
257
- top: 50%;
258
- transform: translateY(-50%);
259
- transition: 0.2s ease all;
260
- color: var(--input-default-label-color);
261
- pointer-events: none;
262
- }
263
-
264
- &--float .ff-time-input-label {
265
- top: 0;
266
- left: 5px;
267
- color: var(--brand-color);
268
- background-color: var(--input-label-bg-color);
269
- line-height: 12px;
270
- padding: 0 2px;
271
- font-size: 8px !important;
272
-
273
- &--danger {
274
- color: var(--input-error-text-color);
275
- }
276
- }
277
-
278
- &:hover {
279
- border-color: var(--input-hover-border-color);
280
- }
281
-
282
- &:focus-within {
283
- border-color: var(--brand-color);
284
-
285
- .ff-time-input-label {
286
- top: 0;
287
- left: 5px;
288
- color: var(--brand-color);
289
- background-color: var(--input-label-bg-color);
290
- line-height: 12px;
291
- padding: 0 2px;
292
- font-size: 8px !important;
293
-
294
- &--danger {
295
- color: var(--input-error-text-color);
296
- }
297
- }
298
-
299
- .ff-time-input {
300
- &::placeholder {
301
- opacity: 1;
302
- margin-bottom: 1px;
303
- }
304
- }
305
- }
306
-
307
- &--danger {
308
- border-color: var(--input-error-text-color) !important;
309
- }
310
-
311
- .ff-time-input:focus {
312
- outline: none;
313
- }
314
- }
315
- .ff-time-period-container {
316
- position: relative;
317
- width: 45%;
318
- display: flex;
319
- border: 1px solid var(--border-color);
320
- border-radius: 0 4px 4px 0;
321
-
322
- .ff-time-period-select {
323
- display: flex;
324
- align-items: center;
325
- padding: 0 5px;
326
- width: 100%;
327
- border-radius: 4px;
328
- background-color: white;
329
- cursor: pointer;
330
- border: none;
331
- }
332
- &--active {
333
- border-color: var(--brand-color) !important;
334
- }
335
- &:hover {
336
- border-color: var(--input-hover-border-color);
337
- }
338
-
339
- .ff-time-period-icon {
340
- svg {
341
- path {
342
- fill: var(--default-icon-color);
343
- }
344
- }
345
- margin-left: auto;
346
- pointer-events: none;
347
- }
348
-
349
- &:hover {
350
- svg {
351
- path {
352
- fill: var(--brand-color);
353
- }
354
- }
355
- }
356
-
357
- .ff-time-period-options {
358
- position: fixed;
359
- z-index: 100;
360
- min-width: 60px;
361
- margin: 4px 0 0;
362
- padding: 0;
363
- list-style: none;
364
- border: 1px solid var(--ff-select-background-color);
365
- border-radius: 4px;
366
- background-color: var(--primary-button-text-color);
367
- box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
368
- }
369
-
370
- .ff-option-item {
371
- padding: 8px;
372
- color: var(--text-color);
373
- border-radius: 4px;
374
- cursor: pointer;
375
- transition: background-color 0.2s ease;
376
-
377
- &:hover {
378
- background-color: var(--ff-select-option-hover-color);
379
- }
380
- }
381
- }
382
- }
383
- .ff-time-picker-options {
384
- height: 86%;
385
- overflow-y: auto;
386
- padding-right: 5px;
387
-
388
- &::-webkit-scrollbar {
389
- width: 4px;
390
- height: 12px;
391
-
392
- &-thumb {
393
- background-color: var(--ff-select-scroll-thumb-color);
394
- border-radius: 4px;
395
- }
396
-
397
- &-track {
398
- background-color: var(--hover-color); // color need to be change
399
- border-radius: 4px;
400
- }
401
- }
402
-
403
- .ff-time-option {
404
- padding: 10px 12px;
405
- cursor: pointer;
406
- text-align: center;
407
- border-radius: 8px;
408
- background-color: rgba(249, 249, 249); // color need to be change
409
- margin: 10px 0;
410
- }
411
- }
412
- }
413
- }
414
-
415
-
416
-
417
-
418
- // Adding react day picker library node modules css here to get the css style available in platform
419
-
420
- /* Variables declaration */
421
- /* prettier-ignore */
422
- .rdp-root {
423
- --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
424
- --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */
425
- --rdp-font-family: system-ui; /* The font family used by the calendar. Note that `inherit`does not work here. */
426
-
427
- --rdp-day-font: inherit; /* The font used for the day cells. */
428
- --rdp-day-height: 2.75rem; /* The height of the day cells. */
429
- --rdp-day-width: 2.75rem; /* The width of the day cells. */
430
-
431
- --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
432
- --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
433
- --rdp-day_button-height: var(--rdp-day-height); /* The height of the day cells. */
434
- --rdp-day_button-width: var(--rdp-day-width); /* The width of the day cells. */
435
-
436
- --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
437
- --rdp-selected-font: bold large var(--rdp-font-family); /* The font of the selected days. */
438
- --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
439
- --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
440
- --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */
441
-
442
- --rdp-dropdown-gap: 0.5rem;/* The gap between the dropdowns used in the month captons. */
443
-
444
- --rdp-month_caption-font: bold larger var(--rdp-font-family); /* The font of the month caption. */
445
- --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
446
-
447
- --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
448
- --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
449
- --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
450
- --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
451
-
452
- --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
453
- --rdp-range_middle-font: normal medium var(--rdp-font-family); /* The font for days in the middle of a range. */
454
- --rdp-range_middle-foreground-color: white; /* The font for days in the middle of a range. */
455
- --rdp-range_middle-color: inherit;/* The color of the range text. */
456
-
457
- --rdp-range_start-color: white; /* The color of the range text. */
458
- --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%); /* Used for the background of the start of the selected range. */
459
- --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */
460
-
461
- --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%); /* Used for the background of the end of the selected range. */
462
- --rdp-range_end-color: white;/* The color of the range text. */
463
- --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */
464
-
465
- --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
466
- --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */
467
- --rdp-week_number-font: 400 small var(--rdp-font-family); /* The font of the week number cells. */
468
- --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
469
- --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
470
- --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
471
- --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
472
-
473
- --rdp-weekday-font: 500 smaller var(--rdp-font-family); /* The font of the weekday. */
474
- --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
475
- --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
476
- --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */
477
-
478
- --rdp-gradient-direction: 90deg;
479
- }
480
-
481
- .rdp-root[dir="rtl"] {
482
- --rdp-gradient-direction: -90deg;
483
- }
484
-
485
- /* Root of the component. */
486
- .rdp-root {
487
- position: relative; /* Required to position the navigation toolbar. */
488
- box-sizing: border-box;
489
- }
490
-
491
- .rdp-root * {
492
- box-sizing: border-box;
493
- }
494
-
495
- .rdp-day {
496
- width: var(--rdp-day-width);
497
- height: var(--rdp-day-height);
498
- font: var(--rdp-day-font);
499
- text-align: center;
500
- }
501
-
502
- .rdp-day_button {
503
- background: none;
504
- padding: 0;
505
- margin: 0;
506
- cursor: pointer;
507
- font: inherit;
508
- color: inherit;
509
- justify-content: center;
510
- align-items: center;
511
- display: flex;
512
-
513
- width: var(--rdp-day_button-width);
514
- height: var(--rdp-day_button-height);
515
- border: var(--rdp-day_button-border);
516
- border-radius: var(--rdp-day_button-border-radius);
517
- }
518
-
519
- .rdp-day_button:disabled {
520
- cursor: revert;
521
- }
522
-
523
- .rdp-caption_label {
524
- z-index: 1;
525
-
526
- position: relative;
527
- display: inline-flex;
528
- align-items: center;
529
-
530
- white-space: nowrap;
531
- border: 0;
532
- }
533
-
534
- .rdp-button_next,
535
- .rdp-button_previous {
536
- border: none;
537
- background: none;
538
- padding: 0;
539
- margin: 0;
540
- cursor: pointer;
541
- font: inherit;
542
- color: inherit;
543
- -moz-appearance: none;
544
- -webkit-appearance: none;
545
- display: inline-flex;
546
- align-items: center;
547
- justify-content: center;
548
- position: relative;
549
- appearance: none;
550
-
551
- width: var(--rdp-nav_button-width);
552
- height: var(--rdp-nav_button-height);
553
- }
554
-
555
- .rdp-button_next:disabled,
556
- .rdp-button_previous:disabled {
557
- cursor: revert;
558
-
559
- opacity: var(--rdp-nav_button-disabled-opacity);
560
- }
561
-
562
- .rdp-chevron {
563
- display: inline-block;
564
- fill: var(--rdp-accent-color);
565
- }
566
-
567
- .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
568
- transform: rotate(180deg);
569
- }
570
-
571
- .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
572
- transform: rotate(180deg);
573
- transform-origin: 50%;
574
- }
575
-
576
- .rdp-dropdowns {
577
- position: relative;
578
- display: inline-flex;
579
- align-items: center;
580
- gap: var(--rdp-dropdown-gap);
581
- }
582
- .rdp-dropdown {
583
- z-index: 2;
584
-
585
- /* Reset */
586
- opacity: 0;
587
- appearance: none;
588
- position: absolute;
589
- inset-block-start: 0;
590
- inset-block-end: 0;
591
- inset-inline-start: 0;
592
- width: 100%;
593
- margin: 0;
594
- padding: 0;
595
- cursor: inherit;
596
- border: none;
597
- line-height: inherit;
598
- }
599
-
600
- .rdp-dropdown_root {
601
- position: relative;
602
- display: inline-flex;
603
- align-items: center;
604
- }
605
-
606
- .rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
607
- opacity: var(--rdp-disabled-opacity);
608
- }
609
-
610
- .rdp-month_caption {
611
- display: flex;
612
- align-content: center;
613
- height: var(--rdp-nav-height);
614
- font: var(--rdp-month_caption-font);
615
- }
616
-
617
- .rdp-months {
618
- position: relative;
619
- display: flex;
620
- flex-wrap: wrap;
621
- gap: var(--rdp-months-gap);
622
- max-width: fit-content;
623
- }
624
-
625
- .rdp-month_grid {
626
- border-collapse: collapse;
627
- }
628
-
629
- .rdp-nav {
630
- position: absolute;
631
- inset-block-start: 0;
632
- inset-inline-end: 0;
633
-
634
- display: flex;
635
- align-items: center;
636
-
637
- height: var(--rdp-nav-height);
638
- }
639
-
640
- .rdp-weekday {
641
- opacity: var(--rdp-weekday-opacity);
642
- padding: var(--rdp-weekday-padding);
643
- font: var(--rdp-weekday-font);
644
- text-align: var(--rdp-weekday-text-align);
645
- text-transform: var(--rdp-weekday-text-transform);
646
- }
647
-
648
- .rdp-week_number {
649
- opacity: var(--rdp-week_number-opacity);
650
- font: var(--rdp-week_number-font);
651
- height: var(--rdp-week_number-height);
652
- width: var(--rdp-week_number-width);
653
- border: var(--rdp-week_number-border);
654
- border-radius: var(--rdp-week_number-border-radius);
655
- text-align: var(--rdp-weeknumber-text-align);
656
- }
657
-
658
- /* DAY MODIFIERS */
659
- .rdp-today:not(.rdp-outside) {
660
- color: var(--rdp-today-color);
661
- }
662
-
663
- .rdp-selected {
664
- font: var(--rdp-selected-font);
665
- }
666
-
667
- .rdp-selected .rdp-day_button {
668
- border: var(--rdp-selected-border);
669
- }
670
-
671
- .rdp-outside {
672
- opacity: var(--rdp-outside-opacity);
673
- }
674
-
675
- .rdp-disabled {
676
- opacity: var(--rdp-disabled-opacity);
677
- }
678
-
679
- .rdp-hidden {
680
- visibility: hidden;
681
- color: var(--rdp-range_start-color);
682
- }
683
-
684
- .rdp-range_start {
685
- background: var(--rdp-range_start-background);
686
- }
687
-
688
- .rdp-range_start .rdp-day_button {
689
- background-color: var(--rdp-range_start-date-background-color);
690
- color: var(--rdp-range_start-color);
691
- }
692
-
693
- .rdp-range_middle {
694
- background-color: var(--rdp-range_middle-background-color);
695
- font: var(--rdp-range_middle-font);
696
- }
697
-
698
- .rdp-range_middle .rdp-day_button {
699
- border-color: transparent;
700
- border: unset;
701
- border-radius: unset;
702
- color: var(--rdp-range_middle-color);
703
- }
704
-
705
- .rdp-range_end {
706
- background: var(--rdp-range_end-background);
707
- color: var(--rdp-range_end-color);
708
- }
709
-
710
- .rdp-range_end .rdp-day_button {
711
- color: var(--rdp-range_start-color);
712
- background-color: var(--rdp-range_end-date-background-color);
713
- }
714
-
715
- .rdp-range_start.rdp-range_end {
716
- background: revert;
717
- }
718
-
719
- .rdp-focusable {
720
- cursor: pointer;
721
- }
722
-
723
-
1
+ @use '../../assets/styles/fonts';
2
+ @import 'react-day-picker/style.css';
3
+
4
+ /* Custom date picker styling */
5
+ .ff-date-picker {
6
+ // day-picker variable override
7
+ .rdp-root {
8
+ --rdp-accent-color: var(--brand-color);
9
+ --rdp-day-height: 24px;
10
+ --rdp-day-width: 36px;
11
+ --rdp-day_button-height: 24px;
12
+ --rdp-day_button-width: 36px;
13
+ @include fonts.fontPoppins(12px);
14
+ --rdp-font-family: 'Poppins', sans-serif;
15
+ }
16
+
17
+ .ff-cursor-pointer {
18
+ cursor: pointer;
19
+ }
20
+
21
+ position: relative;
22
+
23
+ .ff-datepicker-input-container {
24
+ display: flex;
25
+ gap: 10px;
26
+
27
+ .ff-input-with-icon {
28
+ position: relative;
29
+ display: flex;
30
+ flex-direction: column;
31
+ align-items: flex-start;
32
+
33
+ .ff-date-input,
34
+ .ff-time-input {
35
+ padding: 4px 8px;
36
+ padding-left: 2rem;
37
+ height: 32px;
38
+ border-radius: 5px;
39
+ border: 1px solid var(--border-color);
40
+ @extend .fontXs;
41
+ color: var(--status-skipped-text-color);
42
+ line-height: 15px;
43
+ box-sizing: border-box;
44
+
45
+ &:focus {
46
+ outline: none;
47
+ }
48
+ }
49
+
50
+ .ff-calendar-icon,
51
+ .ff-clock-icon {
52
+ position: absolute;
53
+ top: 50%;
54
+ transform: translate(25%, -50%);
55
+ display: flex;
56
+ align-items: center;
57
+ pointer-events: none;
58
+ }
59
+ }
60
+
61
+ .ff-date-input-field {
62
+ flex: 1;
63
+ .ff-date-input {
64
+ width: 100%;
65
+ }
66
+
67
+ .ff-date-input-message {
68
+ @extend .font-size-8;
69
+ padding: 0px 4px;
70
+ margin-left: 8px;
71
+ line-height: 12px;
72
+ &--danger {
73
+ color: var(--input-error-text-color);
74
+ }
75
+ }
76
+ }
77
+
78
+ .ff-time-input-field {
79
+ flex: 0 0 120px;
80
+ .ff-time-input {
81
+ width: 100%;
82
+ }
83
+ }
84
+ }
85
+ .ff-date-picker-container {
86
+ display: flex;
87
+ flex-direction: column;
88
+ position: absolute;
89
+ border-radius: 8px;
90
+ padding: 4px;
91
+ box-sizing: border-box;
92
+ background-color: var(--tab-bg-color);
93
+ box-shadow: 0 0 12px 0 #00000033;
94
+ gap: 8px;
95
+ z-index: 10;
96
+
97
+ .ff-calendar-container {
98
+ display: flex;
99
+ align-items: flex-start;
100
+ gap: 4px;
101
+ height: 240px;
102
+ }
103
+
104
+ .ff-date-picker-controls {
105
+ padding: 4px;
106
+ display: flex;
107
+ justify-content: end;
108
+ gap: 8px;
109
+ border-top: 1px solid var(--border-color);
110
+
111
+ .ff-date-picker-button {
112
+ font-weight: 600;
113
+ line-height: 15px;
114
+ }
115
+ }
116
+ }
117
+
118
+ .ff-calendar {
119
+ .ff-calendar-nav-button {
120
+ margin: 0 5px;
121
+ border: 1px solid var(--border-color);
122
+ background-color: var(--toggle-button-bg-color);
123
+ box-shadow: 0 -1px 2px 0 var(--ff-mini-modal-box-shadow);
124
+ padding: 0px;
125
+ border-radius: 30%;
126
+ cursor: pointer;
127
+
128
+ &:disabled {
129
+ cursor: auto;
130
+ opacity: 0.5;
131
+ }
132
+ }
133
+
134
+ .ff-calendar-haeder {
135
+ display: flex;
136
+ align-items: center;
137
+ gap: 5px;
138
+ color: var(--text-color);
139
+ }
140
+
141
+ .ff-custom-year_grid,
142
+ .ff-custom-month_grid {
143
+ width: calc((var(--rdp-day-width) + 4px) * 7);
144
+ display: grid;
145
+ grid-template-columns: repeat(3, 1fr);
146
+ gap: 10px;
147
+ padding: 5px;
148
+ max-width: 100%;
149
+
150
+ .ff-custom-year,
151
+ .ff-custom-month {
152
+ padding: 10px 0;
153
+ text-align: center;
154
+ cursor: pointer;
155
+ border-radius: 8px;
156
+ background-color: #f9f9f9; // color need to be change
157
+
158
+ &--selected {
159
+ background-color: var(--brand-color);
160
+ color: var(--primary-button-text-color);
161
+ }
162
+ &--disabled {
163
+ color: var(--text-color-light);
164
+ cursor: default;
165
+
166
+ &.ff-custom-month--selected,
167
+ &.ff-custom-year--selected {
168
+ background-color: var(--disable-color);
169
+ }
170
+ }
171
+ }
172
+ }
173
+
174
+ .rdp-weekdays {
175
+ th {
176
+ color: #6f7c8e; // color need to be change
177
+ font-weight: 400;
178
+ }
179
+ }
180
+
181
+ .rdp-day {
182
+ padding: 2px;
183
+ font-weight: 500;
184
+ }
185
+
186
+ .rdp-day_button {
187
+ border-radius: 4px;
188
+ padding: 3px 9px;
189
+
190
+ &:hover {
191
+ background-color: var(--hover-color);
192
+ }
193
+ }
194
+ .rdp-selected {
195
+ font: inherit;
196
+ .rdp-day_button {
197
+ background: var(--rdp-accent-color);
198
+ color: var(--drawer-footer-bg);
199
+ border: none;
200
+ }
201
+ }
202
+ .rdp-today:not(.rdp-outside) {
203
+ .rdp-day_button {
204
+ border: 2px solid var(--rdp-accent-color);
205
+ }
206
+ }
207
+ }
208
+
209
+ // Timepicker css ************************************************************************
210
+
211
+ .ff-time-picker-container {
212
+ position: relative;
213
+ width: 150px;
214
+ height: 100%;
215
+ overflow-y: hidden;
216
+ border-left: 1px solid #ccc;
217
+ padding: 10px 5px;
218
+ box-sizing: border-box;
219
+
220
+ &::-webkit-scrollbar {
221
+ display: none;
222
+ }
223
+
224
+ .ff-time-picker-fields {
225
+ display: flex;
226
+ height: 14%;
227
+ width: 100%;
228
+ margin-bottom: 5px;
229
+ box-sizing: border-box;
230
+
231
+ .ff-time-input-container {
232
+ display: flex;
233
+ border: 1px solid var(--border-color);
234
+ border-right: 0;
235
+ border-radius: 4px 0 0 4px;
236
+ width: 55%;
237
+ position: relative;
238
+
239
+ .ff-time-input {
240
+ border: none;
241
+ padding: 5px;
242
+ width: 100%;
243
+ text-align: center;
244
+ border-radius: 4px 0 0 4px;
245
+ font-weight: 400;
246
+ @extend .fontSm;
247
+
248
+ &::placeholder {
249
+ opacity: 0;
250
+ line-height: 18px;
251
+ }
252
+ }
253
+
254
+ .ff-time-input-label {
255
+ position: absolute;
256
+ left: 10px;
257
+ top: 50%;
258
+ transform: translateY(-50%);
259
+ transition: 0.2s ease all;
260
+ color: var(--input-default-label-color);
261
+ pointer-events: none;
262
+ }
263
+
264
+ &--float .ff-time-input-label {
265
+ top: 0;
266
+ left: 5px;
267
+ color: var(--brand-color);
268
+ background-color: var(--input-label-bg-color);
269
+ line-height: 12px;
270
+ padding: 0 2px;
271
+ font-size: 8px !important;
272
+
273
+ &--danger {
274
+ color: var(--input-error-text-color);
275
+ }
276
+ }
277
+
278
+ &:hover {
279
+ border-color: var(--input-hover-border-color);
280
+ }
281
+
282
+ &:focus-within {
283
+ border-color: var(--brand-color);
284
+
285
+ .ff-time-input-label {
286
+ top: 0;
287
+ left: 5px;
288
+ color: var(--brand-color);
289
+ background-color: var(--input-label-bg-color);
290
+ line-height: 12px;
291
+ padding: 0 2px;
292
+ font-size: 8px !important;
293
+
294
+ &--danger {
295
+ color: var(--input-error-text-color);
296
+ }
297
+ }
298
+
299
+ .ff-time-input {
300
+ &::placeholder {
301
+ opacity: 1;
302
+ margin-bottom: 1px;
303
+ }
304
+ }
305
+ }
306
+
307
+ &--danger {
308
+ border-color: var(--input-error-text-color) !important;
309
+ }
310
+
311
+ .ff-time-input:focus {
312
+ outline: none;
313
+ }
314
+ }
315
+ .ff-time-period-container {
316
+ position: relative;
317
+ width: 45%;
318
+ display: flex;
319
+ border: 1px solid var(--border-color);
320
+ border-radius: 0 4px 4px 0;
321
+
322
+ .ff-time-period-select {
323
+ display: flex;
324
+ align-items: center;
325
+ padding: 0 5px;
326
+ width: 100%;
327
+ border-radius: 4px;
328
+ background-color: white;
329
+ cursor: pointer;
330
+ border: none;
331
+ }
332
+ &--active {
333
+ border-color: var(--brand-color) !important;
334
+ }
335
+ &:hover {
336
+ border-color: var(--input-hover-border-color);
337
+ }
338
+
339
+ .ff-time-period-icon {
340
+ svg {
341
+ path {
342
+ fill: var(--default-icon-color);
343
+ }
344
+ }
345
+ margin-left: auto;
346
+ pointer-events: none;
347
+ }
348
+
349
+ &:hover {
350
+ svg {
351
+ path {
352
+ fill: var(--brand-color);
353
+ }
354
+ }
355
+ }
356
+
357
+ .ff-time-period-options {
358
+ position: fixed;
359
+ z-index: 100;
360
+ min-width: 60px;
361
+ margin: 4px 0 0;
362
+ padding: 0;
363
+ list-style: none;
364
+ border: 1px solid var(--ff-select-background-color);
365
+ border-radius: 4px;
366
+ background-color: var(--primary-button-text-color);
367
+ box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
368
+ }
369
+
370
+ .ff-option-item {
371
+ padding: 8px;
372
+ color: var(--text-color);
373
+ border-radius: 4px;
374
+ cursor: pointer;
375
+ transition: background-color 0.2s ease;
376
+
377
+ &:hover {
378
+ background-color: var(--ff-select-option-hover-color);
379
+ }
380
+ }
381
+ }
382
+ }
383
+ .ff-time-picker-options {
384
+ height: 86%;
385
+ overflow-y: auto;
386
+ padding-right: 5px;
387
+
388
+ &::-webkit-scrollbar {
389
+ width: 4px;
390
+ height: 12px;
391
+
392
+ &-thumb {
393
+ background-color: var(--ff-select-scroll-thumb-color);
394
+ border-radius: 4px;
395
+ }
396
+
397
+ &-track {
398
+ background-color: var(--hover-color); // color need to be change
399
+ border-radius: 4px;
400
+ }
401
+ }
402
+
403
+ .ff-time-option {
404
+ padding: 10px 12px;
405
+ cursor: pointer;
406
+ text-align: center;
407
+ border-radius: 8px;
408
+ background-color: rgba(249, 249, 249); // color need to be change
409
+ margin: 10px 0;
410
+ }
411
+ }
412
+ }
413
+ }
414
+
415
+
416
+
417
+
418
+ // Adding react day picker library node modules css here to get the css style available in platform
419
+
420
+ /* Variables declaration */
421
+ /* prettier-ignore */
422
+ .rdp-root {
423
+ --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
424
+ --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */
425
+ --rdp-font-family: system-ui; /* The font family used by the calendar. Note that `inherit`does not work here. */
426
+
427
+ --rdp-day-font: inherit; /* The font used for the day cells. */
428
+ --rdp-day-height: 2.75rem; /* The height of the day cells. */
429
+ --rdp-day-width: 2.75rem; /* The width of the day cells. */
430
+
431
+ --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
432
+ --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
433
+ --rdp-day_button-height: var(--rdp-day-height); /* The height of the day cells. */
434
+ --rdp-day_button-width: var(--rdp-day-width); /* The width of the day cells. */
435
+
436
+ --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
437
+ --rdp-selected-font: bold large var(--rdp-font-family); /* The font of the selected days. */
438
+ --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
439
+ --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
440
+ --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */
441
+
442
+ --rdp-dropdown-gap: 0.5rem;/* The gap between the dropdowns used in the month captons. */
443
+
444
+ --rdp-month_caption-font: bold larger var(--rdp-font-family); /* The font of the month caption. */
445
+ --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
446
+
447
+ --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
448
+ --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
449
+ --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
450
+ --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
451
+
452
+ --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
453
+ --rdp-range_middle-font: normal medium var(--rdp-font-family); /* The font for days in the middle of a range. */
454
+ --rdp-range_middle-foreground-color: white; /* The font for days in the middle of a range. */
455
+ --rdp-range_middle-color: inherit;/* The color of the range text. */
456
+
457
+ --rdp-range_start-color: white; /* The color of the range text. */
458
+ --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%); /* Used for the background of the start of the selected range. */
459
+ --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */
460
+
461
+ --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%); /* Used for the background of the end of the selected range. */
462
+ --rdp-range_end-color: white;/* The color of the range text. */
463
+ --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */
464
+
465
+ --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
466
+ --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */
467
+ --rdp-week_number-font: 400 small var(--rdp-font-family); /* The font of the week number cells. */
468
+ --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
469
+ --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
470
+ --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
471
+ --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
472
+
473
+ --rdp-weekday-font: 500 smaller var(--rdp-font-family); /* The font of the weekday. */
474
+ --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
475
+ --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
476
+ --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */
477
+
478
+ --rdp-gradient-direction: 90deg;
479
+ }
480
+
481
+ .rdp-root[dir="rtl"] {
482
+ --rdp-gradient-direction: -90deg;
483
+ }
484
+
485
+ /* Root of the component. */
486
+ .rdp-root {
487
+ position: relative; /* Required to position the navigation toolbar. */
488
+ box-sizing: border-box;
489
+ }
490
+
491
+ .rdp-root * {
492
+ box-sizing: border-box;
493
+ }
494
+
495
+ .rdp-day {
496
+ width: var(--rdp-day-width);
497
+ height: var(--rdp-day-height);
498
+ font: var(--rdp-day-font);
499
+ text-align: center;
500
+ }
501
+
502
+ .rdp-day_button {
503
+ background: none;
504
+ padding: 0;
505
+ margin: 0;
506
+ cursor: pointer;
507
+ font: inherit;
508
+ color: inherit;
509
+ justify-content: center;
510
+ align-items: center;
511
+ display: flex;
512
+
513
+ width: var(--rdp-day_button-width);
514
+ height: var(--rdp-day_button-height);
515
+ border: var(--rdp-day_button-border);
516
+ border-radius: var(--rdp-day_button-border-radius);
517
+ }
518
+
519
+ .rdp-day_button:disabled {
520
+ cursor: revert;
521
+ }
522
+
523
+ .rdp-caption_label {
524
+ z-index: 1;
525
+
526
+ position: relative;
527
+ display: inline-flex;
528
+ align-items: center;
529
+
530
+ white-space: nowrap;
531
+ border: 0;
532
+ }
533
+
534
+ .rdp-button_next,
535
+ .rdp-button_previous {
536
+ border: none;
537
+ background: none;
538
+ padding: 0;
539
+ margin: 0;
540
+ cursor: pointer;
541
+ font: inherit;
542
+ color: inherit;
543
+ -moz-appearance: none;
544
+ -webkit-appearance: none;
545
+ display: inline-flex;
546
+ align-items: center;
547
+ justify-content: center;
548
+ position: relative;
549
+ appearance: none;
550
+
551
+ width: var(--rdp-nav_button-width);
552
+ height: var(--rdp-nav_button-height);
553
+ }
554
+
555
+ .rdp-button_next:disabled,
556
+ .rdp-button_previous:disabled {
557
+ cursor: revert;
558
+
559
+ opacity: var(--rdp-nav_button-disabled-opacity);
560
+ }
561
+
562
+ .rdp-chevron {
563
+ display: inline-block;
564
+ fill: var(--rdp-accent-color);
565
+ }
566
+
567
+ .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
568
+ transform: rotate(180deg);
569
+ }
570
+
571
+ .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
572
+ transform: rotate(180deg);
573
+ transform-origin: 50%;
574
+ }
575
+
576
+ .rdp-dropdowns {
577
+ position: relative;
578
+ display: inline-flex;
579
+ align-items: center;
580
+ gap: var(--rdp-dropdown-gap);
581
+ }
582
+ .rdp-dropdown {
583
+ z-index: 2;
584
+
585
+ /* Reset */
586
+ opacity: 0;
587
+ appearance: none;
588
+ position: absolute;
589
+ inset-block-start: 0;
590
+ inset-block-end: 0;
591
+ inset-inline-start: 0;
592
+ width: 100%;
593
+ margin: 0;
594
+ padding: 0;
595
+ cursor: inherit;
596
+ border: none;
597
+ line-height: inherit;
598
+ }
599
+
600
+ .rdp-dropdown_root {
601
+ position: relative;
602
+ display: inline-flex;
603
+ align-items: center;
604
+ }
605
+
606
+ .rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
607
+ opacity: var(--rdp-disabled-opacity);
608
+ }
609
+
610
+ .rdp-month_caption {
611
+ display: flex;
612
+ align-content: center;
613
+ height: var(--rdp-nav-height);
614
+ font: var(--rdp-month_caption-font);
615
+ }
616
+
617
+ .rdp-months {
618
+ position: relative;
619
+ display: flex;
620
+ flex-wrap: wrap;
621
+ gap: var(--rdp-months-gap);
622
+ max-width: fit-content;
623
+ }
624
+
625
+ .rdp-month_grid {
626
+ border-collapse: collapse;
627
+ }
628
+
629
+ .rdp-nav {
630
+ position: absolute;
631
+ inset-block-start: 0;
632
+ inset-inline-end: 0;
633
+
634
+ display: flex;
635
+ align-items: center;
636
+
637
+ height: var(--rdp-nav-height);
638
+ }
639
+
640
+ .rdp-weekday {
641
+ opacity: var(--rdp-weekday-opacity);
642
+ padding: var(--rdp-weekday-padding);
643
+ font: var(--rdp-weekday-font);
644
+ text-align: var(--rdp-weekday-text-align);
645
+ text-transform: var(--rdp-weekday-text-transform);
646
+ }
647
+
648
+ .rdp-week_number {
649
+ opacity: var(--rdp-week_number-opacity);
650
+ font: var(--rdp-week_number-font);
651
+ height: var(--rdp-week_number-height);
652
+ width: var(--rdp-week_number-width);
653
+ border: var(--rdp-week_number-border);
654
+ border-radius: var(--rdp-week_number-border-radius);
655
+ text-align: var(--rdp-weeknumber-text-align);
656
+ }
657
+
658
+ /* DAY MODIFIERS */
659
+ .rdp-today:not(.rdp-outside) {
660
+ color: var(--rdp-today-color);
661
+ }
662
+
663
+ .rdp-selected {
664
+ font: var(--rdp-selected-font);
665
+ }
666
+
667
+ .rdp-selected .rdp-day_button {
668
+ border: var(--rdp-selected-border);
669
+ }
670
+
671
+ .rdp-outside {
672
+ opacity: var(--rdp-outside-opacity);
673
+ }
674
+
675
+ .rdp-disabled {
676
+ opacity: var(--rdp-disabled-opacity);
677
+ }
678
+
679
+ .rdp-hidden {
680
+ visibility: hidden;
681
+ color: var(--rdp-range_start-color);
682
+ }
683
+
684
+ .rdp-range_start {
685
+ background: var(--rdp-range_start-background);
686
+ }
687
+
688
+ .rdp-range_start .rdp-day_button {
689
+ background-color: var(--rdp-range_start-date-background-color);
690
+ color: var(--rdp-range_start-color);
691
+ }
692
+
693
+ .rdp-range_middle {
694
+ background-color: var(--rdp-range_middle-background-color);
695
+ font: var(--rdp-range_middle-font);
696
+ }
697
+
698
+ .rdp-range_middle .rdp-day_button {
699
+ border-color: transparent;
700
+ border: unset;
701
+ border-radius: unset;
702
+ color: var(--rdp-range_middle-color);
703
+ }
704
+
705
+ .rdp-range_end {
706
+ background: var(--rdp-range_end-background);
707
+ color: var(--rdp-range_end-color);
708
+ }
709
+
710
+ .rdp-range_end .rdp-day_button {
711
+ color: var(--rdp-range_start-color);
712
+ background-color: var(--rdp-range_end-date-background-color);
713
+ }
714
+
715
+ .rdp-range_start.rdp-range_end {
716
+ background: revert;
717
+ }
718
+
719
+ .rdp-focusable {
720
+ cursor: pointer;
721
+ }
722
+
723
+