pixel-react 1.0.8 → 1.1.0
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.d.ts +3 -0
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +6 -0
- package/lib/components/AllProjectsDropdown/index.d.ts +1 -0
- package/lib/components/AppHeader/AppHeader.d.ts +4 -0
- package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
- package/lib/components/AppHeader/index.d.ts +1 -0
- package/lib/components/AppHeader/types.d.ts +26 -0
- package/lib/components/Input/types.d.ts +1 -1
- package/lib/components/InputWithDropdown/types.d.ts +1 -1
- package/lib/components/Modal/types.d.ts +2 -0
- package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +1 -0
- package/lib/components/MultiSelect/MultiSelectTypes.d.ts +3 -0
- package/lib/index.d.ts +67 -4
- package/lib/index.esm.js +440 -89
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +442 -88
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/assets/Themes/BaseTheme.scss +5 -0
- package/src/assets/Themes/DarkTheme.scss +3 -0
- package/src/assets/icons/all_projects.svg +3 -0
- package/src/assets/icons/android_icon.svg +6 -0
- package/src/assets/icons/download_icon.svg +4 -0
- package/src/assets/icons/fireflink_icon.svg +4 -0
- package/src/assets/icons/fireflink_logo.svg +13 -0
- package/src/assets/icons/mobile_icon.svg +3 -0
- package/src/assets/icons/ms_dynamic.svg +4 -0
- package/src/assets/icons/sales_force.svg +7 -0
- package/src/assets/icons/switch_license_icon.svg +123 -0
- package/src/assets/icons/vertical_separator.svg +3 -0
- package/src/assets/icons/web&mobile_icon.svg +3 -0
- package/src/assets/icons/web_icon.svg +3 -0
- package/src/assets/styles/_colors.scss +2 -1
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +70 -0
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.stories.tsx +21 -0
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +148 -0
- package/src/components/AllProjectsDropdown/index.ts +1 -0
- package/src/components/AppHeader/AppHeader.scss +67 -0
- package/src/components/AppHeader/AppHeader.stories.tsx +156 -0
- package/src/components/AppHeader/AppHeader.tsx +124 -0
- package/src/components/AppHeader/index.ts +1 -0
- package/src/components/AppHeader/types.ts +27 -0
- package/src/components/Icon/iconList.ts +26 -0
- package/src/components/IconButton/IconButton.scss +2 -1
- package/src/components/Input/types.ts +1 -1
- package/src/components/InputWithDropdown/types.ts +1 -3
- package/src/components/Modal/Modal.stories.tsx +6 -2
- package/src/components/Modal/Modal.tsx +6 -2
- package/src/components/Modal/modal.scss +6 -4
- package/src/components/Modal/types.ts +2 -0
- package/src/components/MultiSelect/MultiSelect.scss +8 -1
- package/src/components/MultiSelect/MultiSelect.stories.tsx +26 -0
- package/src/components/MultiSelect/MultiSelect.tsx +68 -12
- package/src/components/MultiSelect/MultiSelectTypes.ts +3 -0
- package/src/components/Select/Select.scss +1 -1
- package/src/index.ts +7 -0
package/lib/index.esm.js
CHANGED
|
@@ -28,11 +28,11 @@ function styleInject(css, ref) {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
var css_248z$
|
|
32
|
-
styleInject(css_248z$
|
|
31
|
+
var css_248z$G = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color:#d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\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 --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight:#f5fb00;\n --slider-table-color: #efe1f9;\n}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-button, .ff-button--small, .ff-button--medium {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-button--large {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-button {\n width: auto;\n background-color: #ffffff;\n border-radius: 4px;\n padding: 4px 8px;\n text-align: center;\n text-decoration: none;\n font-weight: 500;\n cursor: pointer;\n display: flex;\n gap: 4px;\n justify-content: center;\n align-items: center;\n border: 2px solid transparent;\n}\n.ff-button--transparent {\n background-color: transparent;\n}\n.ff-button--primary, .ff-button--delete, .ff-button--secondary {\n position: relative;\n cursor: pointer;\n border-radius: 4px;\n z-index: 1;\n border: none;\n overflow: hidden;\n}\n.ff-button--primary:before, .ff-button--delete:before, .ff-button--secondary:before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 4px;\n padding: 0.6px;\n background: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);\n mask-composite: exclude;\n -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);\n -webkit-mask-composite: destination-out;\n z-index: -1;\n}\n.ff-button--primary:hover, .ff-button--delete:hover, .ff-button--secondary:hover {\n background: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n}\n.ff-button--primary:disabled, .ff-button--delete:disabled, .ff-button--secondary:disabled {\n opacity: 50%;\n cursor: no-drop;\n}\n.ff-button--primary:disabled:before, .ff-button--delete:disabled:before, .ff-button--secondary:disabled:before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 4px;\n padding: 0.6px;\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n z-index: -1;\n}\n.ff-button--primary {\n background: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n}\n.ff-button--primary:before {\n background: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n}\n.ff-button--primary:hover {\n background: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n}\n.ff-button--delete {\n background: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n color: #ffffff;\n}\n.ff-button--delete:before {\n background: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n}\n.ff-button--delete:hover {\n background: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n}\n.ff-button--secondary:before {\n background: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n}\n.ff-button--secondary:hover {\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n}\n.ff-button--tertiary {\n border: none;\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n}\n.ff-button--tertiary:hover {\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n}\n.ff-button--tertiary:disabled {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff-button--small {\n font-weight: 500;\n padding: 4.5px 8px;\n}\n.ff-button--medium {\n font-weight: 500;\n padding: 6px 12px;\n}\n.ff-button--large {\n padding: 8px 16px;\n}\n.ff-button-primary--text {\n color: #ffffff;\n}\n.ff-button-secondary--text, .ff-button-tertiary--text {\n background: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n}";
|
|
32
|
+
styleInject(css_248z$G);
|
|
33
33
|
|
|
34
|
-
var css_248z$
|
|
35
|
-
styleInject(css_248z$
|
|
34
|
+
var css_248z$F = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color:#d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\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 --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight:#f5fb00;\n --slider-table-color: #efe1f9;\n}";
|
|
35
|
+
styleInject(css_248z$F);
|
|
36
36
|
|
|
37
37
|
function getDefaultExportFromCjs (x) {
|
|
38
38
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -161,6 +161,8 @@ const SvgCheckMark = (props) => /* @__PURE__ */ React.createElement("svg", { wid
|
|
|
161
161
|
|
|
162
162
|
const SvgWrongMark = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.50139 2.11982L5.8514 0.4552V0.456744L4.00446 2.29277L2.11053 0.456744L0.498413 2.11982L2.4105 3.97267L0.510132 5.86731L2.10193 7.5448L3.94549 5.70878L5.83942 7.5448L7.50158 5.87237L5.54463 4.02766L7.50139 2.11982Z", fill: "currentColor" }));
|
|
163
163
|
|
|
164
|
+
const SvgFireflinkIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 22 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8.30815 2.44586C8.00129 2.63411 7.75562 2.75272 7.509 2.87602C6.58748 3.36737 5.7272 3.79754 4.80568 4.28795C4.74167 4.32431 4.68966 4.37863 4.6562 4.44421C4.62274 4.5098 4.60923 4.58376 4.61736 4.65693V23.2755C4.61736 23.5212 4.55624 23.7057 4.31057 23.7669C3.85464 23.9552 3.36009 24.0312 2.86866 23.9884C2.37722 23.9457 1.90328 23.7854 1.48672 23.5212C1.18046 23.3059 0.919692 23.0323 0.7194 22.716C0.519108 22.3997 0.383245 22.047 0.319539 21.6782C0.16509 20.682 0.102006 19.6737 0.131213 18.666C0.0700298 13.7497 0.00884184 8.77315 0.00884184 3.85683C-0.0391441 3.07511 0.108741 2.29379 0.439038 1.58366C0.717224 0.990161 1.19816 0.515478 1.79523 0.245067C2.39231 -0.0253429 3.06627 -0.0737303 3.69584 0.108649C4.56928 0.371444 5.39798 0.764987 6.15361 1.27586C6.82945 1.64484 7.50528 2.01287 8.11994 2.38186C8.18583 2.32255 8.24697 2.38373 8.30815 2.44586Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M8.42587 21.3723V16.0258C8.42442 15.9536 8.44083 15.8821 8.47367 15.8177C8.50651 15.7533 8.55473 15.6981 8.61408 15.6569C10.7037 14.4887 12.7934 13.3215 14.8209 12.1543C15.3734 11.8465 15.9269 11.5397 16.5406 11.1707C16.1854 10.9425 15.8159 10.7372 15.4346 10.556C14.5131 10.0026 13.5917 9.51123 12.6701 8.95587C12.6247 8.92503 12.5711 8.90853 12.5162 8.90853C12.4613 8.90853 12.4077 8.92503 12.3623 8.95587C11.1951 9.6929 10.0891 10.3678 8.92098 11.1067C8.8598 11.1067 8.85982 11.1679 8.79769 11.1679V7.2352C8.79594 7.15413 8.81183 7.07365 8.84434 6.99937C8.87686 6.92508 8.92516 6.85876 8.9859 6.80504C10.0307 6.06801 11.0746 5.39311 12.0583 4.6542C12.1149 4.62396 12.1781 4.60815 12.2422 4.60815C12.3064 4.60815 12.3697 4.62396 12.4263 4.6542C13.8382 5.45335 15.3141 6.31368 16.7279 7.11188C17.7106 7.66442 18.6943 8.21789 19.7401 8.77042C20.488 9.15981 21.1072 9.75743 21.5228 10.4911C21.7846 10.9685 21.8898 11.5161 21.8236 12.0566C21.7574 12.5971 21.5232 13.1031 21.1539 13.5032C20.6682 14.0556 20.0849 14.5138 19.4332 14.8549C18.0213 15.654 16.6677 16.5144 15.2549 17.3126C13.473 18.3574 11.7524 19.3401 9.97051 20.3849C9.4095 20.7577 8.91722 21.0607 8.42587 21.3723Z", fill: "white" }));
|
|
165
|
+
|
|
164
166
|
const SvgTickIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 8 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M7.56484 1.56558L3.56484 5.56558C3.40859 5.72183 3.20391 5.79995 2.99922 5.79995C2.79453 5.79995 2.58984 5.72183 2.43359 5.56558L0.433594 3.56558C0.121094 3.25308 0.121094 2.74683 0.433594 2.43433C0.746094 2.12183 1.25234 2.12183 1.56484 2.43433L2.99922 3.8687L6.43359 0.434326C6.74609 0.121826 7.25234 0.121826 7.56484 0.434326C7.87734 0.746826 7.87734 1.25308 7.56484 1.56558Z", fill: "currentColor" }));
|
|
165
167
|
|
|
166
168
|
const SvgSearch = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M7.85401 7.14867L6.30549 5.59951C7.46416 4.05112 7.14823 1.8566 5.59984 0.697929C4.05145 -0.460742 1.85694 -0.14481 0.698265 1.40358C-0.460407 2.95197 -0.144475 5.14648 1.40391 6.30516C2.64771 7.2359 4.35603 7.2359 5.59984 6.30516L7.14901 7.85432C7.34369 8.049 7.65933 8.049 7.85399 7.85432C8.04867 7.65964 8.04867 7.34401 7.85399 7.14934L7.85401 7.14867ZM3.51479 6.00615C2.13865 6.00615 1.02309 4.89059 1.02309 3.51445C1.02309 2.13832 2.13865 1.02275 3.51479 1.02275C4.89092 1.02275 6.00649 2.13832 6.00649 3.51445C6.00502 4.88996 4.89032 6.00469 3.51479 6.00615Z", fill: "currentColor" }));
|
|
@@ -197,13 +199,15 @@ const SvgCalendarIcon = (props) => /* @__PURE__ */ React.createElement("svg", {
|
|
|
197
199
|
|
|
198
200
|
const SvgHideIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M11.024 6.97605L6.97599 11.0241C6.45599 10.5041 6.13599 9.79205 6.13599 9.00005C6.13599 7.41605 7.41599 6.13605 8.99999 6.13605C9.79199 6.13605 10.504 6.45605 11.024 6.97605Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M3.87988 13.608C3.07988 12.92 2.35188 12.072 1.71188 11.072C0.991875 9.94404 0.991875 8.04804 1.71188 6.92003C2.65588 5.44003 3.80788 4.28003 5.09588 3.50403", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M13.656 4.01597C12.256 2.95997 10.656 2.38397 9 2.38397", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M6.13599 15.0241C7.04799 15.4081 8.01599 15.6161 8.99999 15.6161C11.824 15.6161 14.456 13.9521 16.288 11.0721C17.008 9.94409 17.008 8.04808 16.288 6.92008C16.024 6.50408 15.736 6.11208 15.44 5.74408", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M11.8079 9.56C11.5999 10.688 10.6799 11.608 9.55188 11.816", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M6.97601 11.024L1 17.0001", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M17.0001 1L11.024 6.97601", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
199
201
|
|
|
202
|
+
const SvgVerticalSeparator = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 2 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("rect", { x: 0.5, width: 1, height: 16, rx: 0.5, fill: "currentColor" }));
|
|
203
|
+
|
|
200
204
|
const SvgCollapseIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.4095 5.32067C8.41256 5.33569 8.41816 5.34969 8.42248 5.3642C8.42758 5.38151 8.43165 5.39882 8.43852 5.41562C8.44565 5.43267 8.45532 5.4482 8.46423 5.46449C8.47136 5.47722 8.47696 5.49071 8.48536 5.50318C8.52252 5.55893 8.57037 5.60703 8.62637 5.6442C8.6391 5.65285 8.6531 5.65871 8.66634 5.66609C8.68212 5.67474 8.69714 5.68416 8.71394 5.69103C8.73099 5.69816 8.74856 5.70223 8.76612 5.70733C8.78037 5.7114 8.79412 5.717 8.80888 5.72005C8.84172 5.72642 8.87532 5.72998 8.90867 5.72998L11.9632 5.72998C12.2442 5.72998 12.4723 5.50191 12.4723 5.22089C12.4723 4.93987 12.2442 4.7118 11.9632 4.7118L10.1376 4.7118L13.8504 0.998999C14.0492 0.800199 14.0492 0.477945 13.8504 0.279145C13.7511 0.179618 13.6208 0.129981 13.4905 0.129981C13.3602 0.129981 13.2298 0.179618 13.1306 0.279145L9.41776 3.99194L9.41776 2.16634C9.41776 1.88533 9.18968 1.65725 8.90867 1.65725C8.62739 1.65725 8.39958 1.88533 8.39958 2.16634L8.39957 5.22089C8.39957 5.25423 8.40314 5.28758 8.4095 5.32067Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.869116 13.9808L4.58192 10.268L4.58192 12.0936C4.58192 12.3746 4.80973 12.6027 5.09101 12.6027C5.37228 12.6027 5.6001 12.3746 5.6001 12.0936L5.6001 9.03904C5.6001 9.00569 5.59653 8.97235 5.58992 8.93925C5.58712 8.92424 5.58152 8.91024 5.57719 8.89573C5.5721 8.87842 5.56803 8.86111 5.56115 8.84431C5.55403 8.82725 5.54435 8.81173 5.53544 8.79569C5.52832 8.78271 5.52272 8.76922 5.51432 8.75674C5.47715 8.701 5.4293 8.65289 5.3733 8.61573C5.36083 8.60733 5.34708 8.60147 5.33384 8.59434C5.31806 8.58569 5.30253 8.57602 5.28573 8.56889C5.26893 8.56202 5.25137 8.55794 5.23406 8.55285C5.21955 8.54853 5.20581 8.54293 5.19079 8.54013C5.1577 8.53351 5.12435 8.52994 5.09101 8.52994L2.03646 8.52994C1.75544 8.52994 1.52737 8.75802 1.52737 9.03904C1.52737 9.32005 1.75544 9.54813 2.03646 9.54813L3.86206 9.54813L0.149262 13.2609C-0.0495386 13.4597 -0.0495386 13.782 0.149261 13.9808C0.347807 14.1796 0.67057 14.1796 0.869116 13.9808Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.09052 1.65676C4.80925 1.65676 4.58143 1.88484 4.58143 2.16586L4.58143 3.99146L0.868883 0.27891C0.76961 0.179637 0.639283 0.130001 0.508955 0.130001C0.378882 0.130001 0.248555 0.179637 0.149028 0.27891C-0.0497718 0.47771 -0.0497718 0.800219 0.149028 0.999019L3.86157 4.71131L2.03597 4.71131C1.75495 4.71131 1.52688 4.93938 1.52688 5.2204C1.52688 5.50142 1.75495 5.72949 2.03597 5.72949L5.09052 5.72949C5.12386 5.72949 5.15721 5.72593 5.1903 5.71956C5.20506 5.71651 5.21881 5.71091 5.23306 5.70684C5.25063 5.70175 5.26819 5.69767 5.28525 5.69055C5.30205 5.68367 5.31706 5.674 5.33285 5.6656C5.34634 5.65822 5.36008 5.65236 5.37281 5.64371C5.42881 5.60655 5.47666 5.55844 5.51383 5.50269C5.52223 5.49022 5.52783 5.47673 5.53495 5.464C5.54386 5.44771 5.55354 5.43218 5.56066 5.41513C5.56754 5.39833 5.57161 5.38102 5.5767 5.36371C5.58103 5.3492 5.58663 5.3352 5.58943 5.32018C5.59605 5.28709 5.59961 5.25375 5.59961 5.2204L5.59961 2.16586C5.59961 1.88484 5.37179 1.65676 5.09052 1.65676Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.9089 12.6024C9.18992 12.6024 9.41799 12.3743 9.41799 12.0933L9.41799 10.2677L13.1308 13.9808C13.3296 14.1796 13.6521 14.1796 13.8509 13.9808C14.0497 13.782 14.0497 13.4595 13.8509 13.2607L10.1378 9.54787L11.9634 9.54787C12.2445 9.54787 12.4725 9.3198 12.4725 9.03878C12.4725 8.75776 12.2445 8.52969 11.9634 8.52969L8.9089 8.52969C8.87555 8.52969 8.84221 8.53325 8.80912 8.53987C8.7941 8.54267 8.78035 8.54827 8.76585 8.5526C8.74854 8.55769 8.73097 8.56176 8.71417 8.56864C8.69737 8.57576 8.68185 8.58544 8.66606 8.59409C8.65283 8.60122 8.63908 8.60707 8.62661 8.61547C8.57061 8.65264 8.52276 8.70074 8.48559 8.75649C8.47719 8.76896 8.47159 8.78245 8.46446 8.79544C8.45555 8.81147 8.44588 8.827 8.43875 8.84405C8.43188 8.86085 8.42781 8.87816 8.42272 8.89547C8.41839 8.90998 8.41279 8.92398 8.40974 8.939C8.40337 8.97209 8.39981 9.00544 8.39981 9.03878L8.39981 12.0933C8.39981 12.3743 8.62763 12.6024 8.9089 12.6024Z", fill: "currentColor" }));
|
|
201
205
|
|
|
202
206
|
const SvgExpandIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.9894 0.409309C13.9864 0.394291 13.9808 0.380291 13.9764 0.365782C13.9714 0.348473 13.9673 0.331164 13.9604 0.314364C13.9533 0.297309 13.9436 0.281782 13.9347 0.265491C13.9276 0.252764 13.922 0.239273 13.9136 0.2268C13.8764 0.171055 13.8286 0.122945 13.7726 0.0857818C13.7598 0.0771273 13.7458 0.0712727 13.7326 0.0638909C13.7168 0.0552364 13.7018 0.0458182 13.685 0.0389454C13.6679 0.0318182 13.6504 0.0277455 13.6328 0.0226545C13.6186 0.0185818 13.6048 0.0129818 13.59 0.00992727C13.5572 0.00356364 13.5236 0 13.4903 0H10.4357C10.1547 0 9.92662 0.228073 9.92662 0.509091C9.92662 0.790109 10.1547 1.01818 10.4357 1.01818H12.2613L8.54851 4.73098C8.34971 4.92978 8.34971 5.25204 8.54851 5.45084C8.64779 5.55036 8.77811 5.6 8.90844 5.6C9.03877 5.6 9.1691 5.55036 9.26837 5.45084L12.9812 1.73804V3.56364C12.9812 3.84465 13.2092 4.07273 13.4903 4.07273C13.7715 4.07273 13.9994 3.84465 13.9994 3.56364V0.509091C13.9994 0.475745 13.9958 0.4424 13.9894 0.409309Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.73098 8.549L1.01818 12.2618V10.4362C1.01818 10.1552 0.790364 9.92711 0.509091 9.92711C0.227818 9.92711 0 10.1552 0 10.4362V13.4907C0 13.5241 0.00356364 13.5574 0.0101818 13.5905C0.0129818 13.6055 0.0185818 13.6195 0.0229091 13.6341C0.028 13.6514 0.0320727 13.6687 0.0389455 13.6855C0.0460727 13.7025 0.0557455 13.7181 0.0646545 13.7341C0.0717818 13.7471 0.0773818 13.7606 0.0857818 13.773C0.122945 13.8288 0.1708 13.8769 0.2268 13.9141C0.239273 13.9225 0.253018 13.9283 0.266255 13.9354C0.282036 13.9441 0.297564 13.9538 0.314364 13.9609C0.331164 13.9678 0.348727 13.9718 0.366036 13.9769C0.380545 13.9813 0.394291 13.9869 0.409309 13.9897C0.4424 13.9963 0.475745 13.9998 0.509091 13.9998H3.56364C3.84465 13.9998 4.07273 13.7718 4.07273 13.4907C4.07273 13.2097 3.84465 12.9817 3.56364 12.9817H1.73804L5.45084 9.26886C5.64964 9.07006 5.64964 8.7478 5.45084 8.549C5.25229 8.3502 4.92953 8.3502 4.73098 8.549Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.509091 4.07273C0.790364 4.07273 1.01818 3.84465 1.01818 3.56364V1.73804L4.73073 5.45058C4.83 5.54985 4.96033 5.59949 5.09065 5.59949C5.22073 5.59949 5.35105 5.54985 5.45058 5.45058C5.64938 5.25178 5.64938 4.92927 5.45058 4.73047L1.73804 1.01818H3.56364C3.84465 1.01818 4.07273 0.790109 4.07273 0.509091C4.07273 0.228073 3.84465 0 3.56364 0H0.509091C0.475745 0 0.4424 0.00356364 0.409309 0.00992727C0.394545 0.0129818 0.3808 0.0185818 0.366545 0.0226545C0.348982 0.0277455 0.331418 0.0318182 0.314364 0.0389455C0.297564 0.0458182 0.282545 0.0554909 0.266764 0.0638909C0.253273 0.0712727 0.239527 0.0771273 0.2268 0.0857818C0.1708 0.122945 0.122945 0.171055 0.0857818 0.2268C0.0773818 0.239273 0.0717818 0.252764 0.0646545 0.265491C0.0557455 0.281782 0.0460727 0.297309 0.0389455 0.314364C0.0320727 0.331164 0.028 0.348473 0.0229091 0.365782C0.0185818 0.380291 0.0129818 0.394291 0.0101818 0.409309C0.00356364 0.4424 0 0.475745 0 0.509091V3.56364C0 3.84465 0.227818 4.07273 0.509091 4.07273Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.4905 9.92737C13.2095 9.92737 12.9814 10.1554 12.9814 10.4365V12.2621L9.26862 8.549C9.06982 8.3502 8.74731 8.3502 8.54851 8.549C8.34971 8.7478 8.34971 9.07031 8.54851 9.26911L12.2616 12.9819H10.436C10.155 12.9819 9.92688 13.21 9.92688 13.491C9.92688 13.772 10.155 14.0001 10.436 14.0001H13.4905C13.5239 14.0001 13.5572 13.9965 13.5903 13.9899C13.6053 13.9871 13.6191 13.9815 13.6336 13.9772C13.6509 13.9721 13.6684 13.968 13.6852 13.9611C13.702 13.954 13.7176 13.9443 13.7334 13.9357C13.7466 13.9286 13.7603 13.9227 13.7728 13.9143C13.8288 13.8771 13.8767 13.829 13.9138 13.7733C13.9222 13.7608 13.9278 13.7473 13.935 13.7343C13.9439 13.7183 13.9535 13.7028 13.9607 13.6857C13.9675 13.6689 13.9716 13.6516 13.9767 13.6343C13.981 13.6198 13.9866 13.6058 13.9897 13.5908C13.996 13.5577 13.9996 13.5243 13.9996 13.491V10.4365C13.9996 10.1554 13.7718 9.92737 13.4905 9.92737Z", fill: "currentColor" }));
|
|
203
207
|
|
|
204
208
|
const SvgCopyIcon = (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: "M6.47905 2.14357C6.12624 2.49637 5.88387 3.12668 5.88387 4.31484V4.33548H7.34968C8.69055 4.33548 9.83057 4.59892 10.6158 5.38417C11.4011 6.16943 11.6645 7.30945 11.6645 8.65032V10.1161H11.6852C12.8733 10.1161 13.5036 9.87376 13.8564 9.52095C14.2092 9.16814 14.4516 8.53784 14.4516 7.34968V4.31484C14.4516 3.12668 14.2092 2.49637 13.8564 2.14357C13.5036 1.79076 12.8733 1.54839 11.6852 1.54839H8.65032C7.46216 1.54839 6.83186 1.79076 6.47905 2.14357ZM11.6645 11.6645H11.6852C13.026 11.6645 14.166 11.4011 14.9513 10.6158C15.7366 9.83057 16 8.69055 16 7.34968V4.31484C16 2.97396 15.7366 1.83395 14.9513 1.04869C14.166 0.263433 13.026 0 11.6852 0H8.65032C7.30945 0 6.16943 0.263433 5.38417 1.04869C4.59892 1.83395 4.33548 2.97396 4.33548 4.31484V4.33548H4.31484C2.97396 4.33548 1.83395 4.59892 1.04869 5.38417C0.263433 6.16943 0 7.30945 0 8.65032V11.6852C0 13.026 0.263433 14.166 1.04869 14.9513C1.83395 15.7366 2.97396 16 4.31484 16H7.34968C8.69055 16 9.83057 15.7366 10.6158 14.9513C11.4011 14.166 11.6645 13.026 11.6645 11.6852V11.6645ZM10.1161 8.65032C10.1161 7.46216 9.87376 6.83186 9.52095 6.47905C9.16814 6.12624 8.53784 5.88387 7.34968 5.88387H4.31484C3.12668 5.88387 2.49637 6.12624 2.14357 6.47905C1.79076 6.83186 1.54839 7.46216 1.54839 8.65032V11.6852C1.54839 12.8733 1.79076 13.5036 2.14357 13.8564C2.49637 14.2092 3.12668 14.4516 4.31484 14.4516H7.34968C8.53784 14.4516 9.16814 14.2092 9.52095 13.8564C9.87376 13.5036 10.1161 12.8733 10.1161 11.6852V8.65032Z", fill: "currentColor" }));
|
|
205
209
|
|
|
206
|
-
const SvgDownloadIcon = (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", { d: "M12.4444 16H3.55555C2.60588 16 1.71302 15.6302 1.04142 14.9586C0.369847 14.287 0 13.3941 0 12.4444V11.5555C0 11.0646 0.397948 10.6666 0.888894 10.6666C1.37984 10.6666 1.77779 11.0646 1.77779 11.5555V12.4444C1.77779 12.9193 1.96273 13.3657 2.29845 13.7015C2.63426 14.0372 3.08068 14.2222 3.55555 14.2222H12.4444C12.9193 14.2222 13.3657 14.0372 13.7015 13.7015C14.0372 13.3656 14.2222 12.9192 14.2222 12.4444V11.5555C14.2222 11.0646 14.6202 10.6666 15.1111 10.6666C15.602 10.6666 16 11.0646 16 11.5555V12.4444C16 13.3941 15.6302 14.2869 14.9586 14.9586C14.287 15.6302 13.3941 16 12.4444 16ZM7.99998 12.4444C7.87702 12.4444 7.75996 12.4194 7.65346 12.3743C7.55409 12.3323 7.46072 12.2713 7.37903 12.1916C7.379 12.1915 7.379 12.1915 7.37897 12.1915C7.37838 12.191 7.37779 12.1904 7.3772 12.1898C7.37704 12.1897 7.37685 12.1894 7.3767 12.1893C7.3762 12.1888 7.37577 12.1884 7.3753 12.1879C7.37499 12.1876 7.37471 12.1874 7.3744 12.187C7.37409 12.1867 7.37369 12.1863 7.37341 12.186C7.37279 12.1854 7.3721 12.1847 7.37148 12.1841L3.81591 8.62852C3.46879 8.2814 3.46879 7.71857 3.81591 7.37142C4.16302 7.0243 4.72588 7.02427 5.073 7.37142L7.11112 9.40954V0.888894C7.11109 0.397948 7.50904 0 7.99998 0C8.49093 0 8.88891 0.397948 8.88891 0.888894V9.40951L10.927 7.37142C11.2741 7.0243 11.837 7.0243 12.1841 7.37142C12.5312 7.71854 12.5312 8.2814 12.1841 8.62852L8.62852 12.1841C8.6279 12.1847 8.62721 12.1854 8.62659 12.186C8.62625 12.1863 8.62588 12.1867 8.6256 12.1869C8.62529 12.1873 8.62501 12.1875 8.6247 12.1878C8.62426 12.1883 8.62377 12.1888 8.62333 12.1892C8.62318 12.1894 8.62296 12.1896 8.6228 12.1897C8.62224 12.1903 8.62165 12.1909 8.62106 12.1915C8.62103 12.1915 8.62103 12.1915 8.621 12.1915C8.61122 12.201 8.60132 12.2103 8.59119 12.2193C8.51676 12.2857 8.43386 12.3375 8.3462 12.3744C8.34589 12.3745 8.34564 12.3747 8.34533 12.3748C8.34499 12.3749 8.34471 12.3751 8.34437 12.3752C8.23842 12.4198 8.12211 12.4444 7.99998 12.4444Z", fill: "currentColor" }));
|
|
210
|
+
const SvgDownloadIcon$1 = (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", { d: "M12.4444 16H3.55555C2.60588 16 1.71302 15.6302 1.04142 14.9586C0.369847 14.287 0 13.3941 0 12.4444V11.5555C0 11.0646 0.397948 10.6666 0.888894 10.6666C1.37984 10.6666 1.77779 11.0646 1.77779 11.5555V12.4444C1.77779 12.9193 1.96273 13.3657 2.29845 13.7015C2.63426 14.0372 3.08068 14.2222 3.55555 14.2222H12.4444C12.9193 14.2222 13.3657 14.0372 13.7015 13.7015C14.0372 13.3656 14.2222 12.9192 14.2222 12.4444V11.5555C14.2222 11.0646 14.6202 10.6666 15.1111 10.6666C15.602 10.6666 16 11.0646 16 11.5555V12.4444C16 13.3941 15.6302 14.2869 14.9586 14.9586C14.287 15.6302 13.3941 16 12.4444 16ZM7.99998 12.4444C7.87702 12.4444 7.75996 12.4194 7.65346 12.3743C7.55409 12.3323 7.46072 12.2713 7.37903 12.1916C7.379 12.1915 7.379 12.1915 7.37897 12.1915C7.37838 12.191 7.37779 12.1904 7.3772 12.1898C7.37704 12.1897 7.37685 12.1894 7.3767 12.1893C7.3762 12.1888 7.37577 12.1884 7.3753 12.1879C7.37499 12.1876 7.37471 12.1874 7.3744 12.187C7.37409 12.1867 7.37369 12.1863 7.37341 12.186C7.37279 12.1854 7.3721 12.1847 7.37148 12.1841L3.81591 8.62852C3.46879 8.2814 3.46879 7.71857 3.81591 7.37142C4.16302 7.0243 4.72588 7.02427 5.073 7.37142L7.11112 9.40954V0.888894C7.11109 0.397948 7.50904 0 7.99998 0C8.49093 0 8.88891 0.397948 8.88891 0.888894V9.40951L10.927 7.37142C11.2741 7.0243 11.837 7.0243 12.1841 7.37142C12.5312 7.71854 12.5312 8.2814 12.1841 8.62852L8.62852 12.1841C8.6279 12.1847 8.62721 12.1854 8.62659 12.186C8.62625 12.1863 8.62588 12.1867 8.6256 12.1869C8.62529 12.1873 8.62501 12.1875 8.6247 12.1878C8.62426 12.1883 8.62377 12.1888 8.62333 12.1892C8.62318 12.1894 8.62296 12.1896 8.6228 12.1897C8.62224 12.1903 8.62165 12.1909 8.62106 12.1915C8.62103 12.1915 8.62103 12.1915 8.621 12.1915C8.61122 12.201 8.60132 12.2103 8.59119 12.2193C8.51676 12.2857 8.43386 12.3375 8.3462 12.3744C8.34589 12.3745 8.34564 12.3747 8.34533 12.3748C8.34499 12.3749 8.34471 12.3751 8.34437 12.3752C8.23842 12.4198 8.12211 12.4444 7.99998 12.4444Z", fill: "currentColor" }));
|
|
207
211
|
|
|
208
212
|
const SvgRefreshIcon = (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", { d: "M14.0002 14C13.8234 14 13.6538 13.9298 13.5288 13.8047C13.4037 13.6797 13.3335 13.5101 13.3335 13.3333V10.6667H10.6668C10.49 10.6667 10.3204 10.5964 10.1954 10.4714C10.0704 10.3464 10.0002 10.1768 10.0002 10C10.0002 9.82319 10.0704 9.65362 10.1954 9.5286C10.3204 9.40357 10.49 9.33333 10.6668 9.33333H14.0002C14.177 9.33333 14.3465 9.40357 14.4716 9.5286C14.5966 9.65362 14.6668 9.82319 14.6668 10V13.3333C14.6668 13.5101 14.5966 13.6797 14.4716 13.8047C14.3465 13.9298 14.177 14 14.0002 14ZM5.3335 6.66667H2.00016C1.82335 6.66667 1.65378 6.59643 1.52876 6.4714C1.40373 6.34638 1.3335 6.17681 1.3335 6V2.66667C1.3335 2.48986 1.40373 2.32029 1.52876 2.19526C1.65378 2.07024 1.82335 2 2.00016 2C2.17697 2 2.34654 2.07024 2.47157 2.19526C2.59659 2.32029 2.66683 2.48986 2.66683 2.66667V5.33333H5.3335C5.51031 5.33333 5.67988 5.40357 5.8049 5.5286C5.92992 5.65362 6.00016 5.82319 6.00016 6C6.00016 6.17681 5.92992 6.34638 5.8049 6.4714C5.67988 6.59643 5.51031 6.66667 5.3335 6.66667Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M7.99983 14.6669C6.35964 14.6672 4.77691 14.0628 3.55435 12.9694C2.3318 11.876 1.55522 10.3703 1.37316 8.74022C1.36353 8.65267 1.37124 8.56408 1.39585 8.47951C1.42045 8.39494 1.46147 8.31605 1.51657 8.24733C1.62784 8.10856 1.78968 8.01966 1.9665 8.00022C2.14331 7.98077 2.3206 8.03235 2.45938 8.14362C2.59816 8.2549 2.68705 8.41674 2.7065 8.59355C2.83827 9.79535 3.37446 10.9167 4.22716 11.7738C5.07986 12.6309 6.19847 13.1728 7.39958 13.3108C8.60069 13.4487 9.81303 13.1744 10.8378 12.533C11.8626 11.8915 12.6391 10.9209 13.0398 9.78022C13.0648 9.69253 13.1075 9.61091 13.1653 9.54039C13.2231 9.46987 13.2948 9.41195 13.3758 9.37023C13.4569 9.3285 13.5457 9.30384 13.6366 9.29778C13.7276 9.29172 13.8189 9.30439 13.9048 9.33499C13.9906 9.3656 14.0693 9.4135 14.136 9.47573C14.2026 9.53796 14.2558 9.6132 14.2922 9.69679C14.3286 9.78039 14.3475 9.87056 14.3476 9.96174C14.3478 10.0529 14.3293 10.1432 14.2932 10.2269C13.8324 11.5271 12.9797 12.6524 11.8525 13.4476C10.7254 14.2429 9.37928 14.6689 7.99983 14.6669ZM13.9598 8.00022C13.795 8.00122 13.6357 7.94113 13.5126 7.83156C13.3895 7.72199 13.3113 7.57069 13.2932 7.40688C13.1555 6.21083 12.6172 5.09655 11.7658 4.24529C10.9145 3.39402 9.80012 2.85585 8.60406 2.71832C7.408 2.58078 6.20059 2.85198 5.17823 3.4878C4.15587 4.12361 3.37871 5.08663 2.97316 6.22022C2.94817 6.3079 2.90545 6.38952 2.84766 6.46004C2.78986 6.53056 2.71822 6.58848 2.63715 6.63021C2.55608 6.67193 2.46732 6.69659 2.37634 6.70265C2.28537 6.70871 2.19412 6.69605 2.10823 6.66544C2.02235 6.63483 1.94365 6.58693 1.87702 6.5247C1.81038 6.46247 1.75722 6.38723 1.72081 6.30364C1.68441 6.22004 1.66554 6.12987 1.66537 6.0387C1.6652 5.94752 1.68373 5.85728 1.71983 5.77355C2.22178 4.3496 3.19222 3.1382 4.47232 2.33762C5.75243 1.53704 7.26637 1.19469 8.76639 1.36661C10.2664 1.53853 11.6636 2.21453 12.7294 3.28397C13.7952 4.35341 14.4664 5.75296 14.6332 7.25355C14.6519 7.42846 14.6008 7.60369 14.4909 7.74105C14.381 7.87841 14.2213 7.96677 14.0465 7.98688L13.9598 8.00022Z", fill: "currentColor" }));
|
|
209
213
|
|
|
@@ -211,6 +215,26 @@ const SvgLicenseInfo = (props) => /* @__PURE__ */ React.createElement("svg", { w
|
|
|
211
215
|
|
|
212
216
|
const SvgLicenseWarning = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("mask", { id: "path-1-inside-1_794_7546", fill: "white" }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.4674 0.217769C19.4684 -0.0725897 20.5315 -0.0725897 21.5326 0.217769C22.179 0.4053 22.7305 0.730828 23.2743 1.1273C23.7924 1.50514 24.382 2.00759 25.0836 2.60544L25.4439 2.9126C26.0716 3.44749 26.2431 3.58556 26.4193 3.68605C26.601 3.78954 26.7948 3.86986 26.9965 3.92509C27.1923 3.97875 27.411 4.00232 28.2332 4.06791L28.7051 4.10558C29.624 4.17888 30.3962 4.2405 31.0298 4.33971C31.6945 4.44384 32.3147 4.60362 32.9045 4.92817C33.8175 5.4307 34.5693 6.18235 35.0719 7.09554C35.3964 7.68528 35.5562 8.30544 35.6602 8.97024C35.7595 9.60384 35.8211 10.376 35.8943 11.2949L35.9321 11.7668C35.9977 12.5889 36.0211 12.8077 36.0749 13.0035C36.1301 13.2051 36.2104 13.399 36.3138 13.5806C36.4144 13.757 36.5525 13.9284 37.0874 14.556L37.3945 14.9165C37.9925 15.618 38.4948 16.2076 38.8727 16.7258C39.2692 17.2693 39.5947 17.8209 39.7821 18.4674C40.0726 19.4685 40.0726 20.5314 39.7821 21.5325C39.5947 22.179 39.2692 22.7306 38.8727 23.2743C38.4948 23.7925 37.9925 24.3818 37.3947 25.0834L37.0874 25.4439C36.5525 26.0715 36.4144 26.243 36.3138 26.4194C36.2104 26.601 36.1301 26.7949 36.0749 26.9966C36.0211 27.1922 35.9977 27.4111 35.9321 28.2331L35.8943 28.705C35.8211 29.6239 35.7595 30.3961 35.6602 31.0296C35.5562 31.6944 35.3964 32.3146 35.0719 32.9044C34.5693 33.8176 33.8175 34.5692 32.9045 35.0717C32.3147 35.3964 31.6945 35.5561 31.0298 35.6603C30.3962 35.7595 29.624 35.8211 28.7051 35.8944L28.2332 35.932C27.411 35.9976 27.1923 36.0212 26.9965 36.0748C26.7948 36.13 26.601 36.2105 26.4193 36.3139C26.2431 36.4143 26.0716 36.5525 25.4439 37.0873L25.0834 37.3946C24.382 37.9923 23.7924 38.4949 23.2743 38.8726C22.7305 39.2691 22.179 39.5946 21.5326 39.7822C20.5315 40.0725 19.4684 40.0725 18.4674 39.7822C17.821 39.5946 17.2694 39.2691 16.7257 38.8726C16.2076 38.4949 15.618 37.9923 14.9165 37.3946L14.556 37.0873C13.9283 36.5525 13.757 36.4143 13.5806 36.3139C13.399 36.2105 13.2051 36.13 13.0035 36.0748C12.8077 36.0212 12.5889 35.9976 11.7668 35.932L11.2949 35.8944C10.376 35.8211 9.60384 35.7595 8.97024 35.6603C8.30544 35.5561 7.68528 35.3964 7.09554 35.0717C6.18235 34.5692 5.4307 33.8176 4.92817 32.9044C4.6036 32.3146 4.44382 31.6944 4.33971 31.0296C4.24048 30.3961 4.17888 29.6241 4.10558 28.7052L4.06791 28.2331C4.00232 27.4111 3.97875 27.1922 3.9251 26.9966C3.86986 26.7949 3.78954 26.601 3.68605 26.4194C3.58554 26.243 3.44749 26.0715 2.91258 25.4439L2.6054 25.0834C2.00757 24.382 1.50512 23.7925 1.1273 23.2743C0.730829 22.7306 0.4053 22.179 0.217769 21.5325C-0.0725897 20.5314 -0.0725897 19.4685 0.217769 18.4674C0.4053 17.8209 0.730829 17.2693 1.1273 16.7258C1.50514 16.2076 2.00757 15.618 2.60542 14.9165L2.91258 14.556C3.44749 13.9284 3.58554 13.757 3.68605 13.5806C3.78954 13.399 3.86986 13.2051 3.9251 13.0035C3.97875 12.8077 4.00232 12.5889 4.06791 11.7668L4.10558 11.2947C4.17888 10.376 4.24048 9.6038 4.33971 8.97024C4.44382 8.30544 4.6036 7.68528 4.92817 7.09554C5.4307 6.18235 6.18235 5.43072 7.09554 4.92817C7.68528 4.60362 8.30544 4.44384 8.97024 4.33971C9.6038 4.2405 10.3759 4.17888 11.2947 4.10558L11.7668 4.06791C12.5889 4.00232 12.8077 3.97875 13.0035 3.92509C13.2051 3.86986 13.399 3.78954 13.5806 3.68605C13.757 3.58556 13.9283 3.44749 14.556 2.9126L14.9165 2.60544C15.618 2.00759 16.2076 1.50514 16.7257 1.1273C17.2694 0.730828 17.821 0.4053 18.4674 0.217769Z" })), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.4674 0.217769C19.4684 -0.0725897 20.5315 -0.0725897 21.5326 0.217769C22.179 0.4053 22.7305 0.730828 23.2743 1.1273C23.7924 1.50514 24.382 2.00759 25.0836 2.60544L25.4439 2.9126C26.0716 3.44749 26.2431 3.58556 26.4193 3.68605C26.601 3.78954 26.7948 3.86986 26.9965 3.92509C27.1923 3.97875 27.411 4.00232 28.2332 4.06791L28.7051 4.10558C29.624 4.17888 30.3962 4.2405 31.0298 4.33971C31.6945 4.44384 32.3147 4.60362 32.9045 4.92817C33.8175 5.4307 34.5693 6.18235 35.0719 7.09554C35.3964 7.68528 35.5562 8.30544 35.6602 8.97024C35.7595 9.60384 35.8211 10.376 35.8943 11.2949L35.9321 11.7668C35.9977 12.5889 36.0211 12.8077 36.0749 13.0035C36.1301 13.2051 36.2104 13.399 36.3138 13.5806C36.4144 13.757 36.5525 13.9284 37.0874 14.556L37.3945 14.9165C37.9925 15.618 38.4948 16.2076 38.8727 16.7258C39.2692 17.2693 39.5947 17.8209 39.7821 18.4674C40.0726 19.4685 40.0726 20.5314 39.7821 21.5325C39.5947 22.179 39.2692 22.7306 38.8727 23.2743C38.4948 23.7925 37.9925 24.3818 37.3947 25.0834L37.0874 25.4439C36.5525 26.0715 36.4144 26.243 36.3138 26.4194C36.2104 26.601 36.1301 26.7949 36.0749 26.9966C36.0211 27.1922 35.9977 27.4111 35.9321 28.2331L35.8943 28.705C35.8211 29.6239 35.7595 30.3961 35.6602 31.0296C35.5562 31.6944 35.3964 32.3146 35.0719 32.9044C34.5693 33.8176 33.8175 34.5692 32.9045 35.0717C32.3147 35.3964 31.6945 35.5561 31.0298 35.6603C30.3962 35.7595 29.624 35.8211 28.7051 35.8944L28.2332 35.932C27.411 35.9976 27.1923 36.0212 26.9965 36.0748C26.7948 36.13 26.601 36.2105 26.4193 36.3139C26.2431 36.4143 26.0716 36.5525 25.4439 37.0873L25.0834 37.3946C24.382 37.9923 23.7924 38.4949 23.2743 38.8726C22.7305 39.2691 22.179 39.5946 21.5326 39.7822C20.5315 40.0725 19.4684 40.0725 18.4674 39.7822C17.821 39.5946 17.2694 39.2691 16.7257 38.8726C16.2076 38.4949 15.618 37.9923 14.9165 37.3946L14.556 37.0873C13.9283 36.5525 13.757 36.4143 13.5806 36.3139C13.399 36.2105 13.2051 36.13 13.0035 36.0748C12.8077 36.0212 12.5889 35.9976 11.7668 35.932L11.2949 35.8944C10.376 35.8211 9.60384 35.7595 8.97024 35.6603C8.30544 35.5561 7.68528 35.3964 7.09554 35.0717C6.18235 34.5692 5.4307 33.8176 4.92817 32.9044C4.6036 32.3146 4.44382 31.6944 4.33971 31.0296C4.24048 30.3961 4.17888 29.6241 4.10558 28.7052L4.06791 28.2331C4.00232 27.4111 3.97875 27.1922 3.9251 26.9966C3.86986 26.7949 3.78954 26.601 3.68605 26.4194C3.58554 26.243 3.44749 26.0715 2.91258 25.4439L2.6054 25.0834C2.00757 24.382 1.50512 23.7925 1.1273 23.2743C0.730829 22.7306 0.4053 22.179 0.217769 21.5325C-0.0725897 20.5314 -0.0725897 19.4685 0.217769 18.4674C0.4053 17.8209 0.730829 17.2693 1.1273 16.7258C1.50514 16.2076 2.00757 15.618 2.60542 14.9165L2.91258 14.556C3.44749 13.9284 3.58554 13.757 3.68605 13.5806C3.78954 13.399 3.86986 13.2051 3.9251 13.0035C3.97875 12.8077 4.00232 12.5889 4.06791 11.7668L4.10558 11.2947C4.17888 10.376 4.24048 9.6038 4.33971 8.97024C4.44382 8.30544 4.6036 7.68528 4.92817 7.09554C5.4307 6.18235 6.18235 5.43072 7.09554 4.92817C7.68528 4.60362 8.30544 4.44384 8.97024 4.33971C9.6038 4.2405 10.3759 4.17888 11.2947 4.10558L11.7668 4.06791C12.5889 4.00232 12.8077 3.97875 13.0035 3.92509C13.2051 3.86986 13.399 3.78954 13.5806 3.68605C13.757 3.58556 13.9283 3.44749 14.556 2.9126L14.9165 2.60544C15.618 2.00759 16.2076 1.50514 16.7257 1.1273C17.2694 0.730828 17.821 0.4053 18.4674 0.217769Z", fill: "#FFC600" }), /* @__PURE__ */ React.createElement("path", { d: "M18.4674 0.217769L18.1888 -0.742648L18.1887 -0.742627L18.4674 0.217769ZM21.5326 0.217769L21.8112 -0.742627L21.8112 -0.742648L21.5326 0.217769ZM23.2743 1.1273L23.8635 0.319312L23.8634 0.319278L23.2743 1.1273ZM25.0836 2.60544L25.7323 1.84445L25.7321 1.8443L25.0836 2.60544ZM25.4439 2.9126L24.7951 3.67359L24.7953 3.67377L25.4439 2.9126ZM26.4193 3.68605L25.924 4.55477L25.9243 4.55493L26.4193 3.68605ZM26.9965 3.92509L27.2607 2.96063L27.2607 2.96062L26.9965 3.92509ZM28.2332 4.06791L28.3128 3.07108L28.3127 3.07108L28.2332 4.06791ZM28.7051 4.10558L28.6256 5.10241L28.6256 5.10242L28.7051 4.10558ZM31.0298 4.33971L31.1845 3.35175L31.1845 3.35175L31.0298 4.33971ZM32.9045 4.92817L33.3867 4.0521L33.3866 4.05206L32.9045 4.92817ZM35.0719 7.09554L35.948 6.61347L35.948 6.61341L35.0719 7.09554ZM35.6602 8.97024L34.6722 9.12484L34.6723 9.12497L35.6602 8.97024ZM35.8943 11.2949L34.8974 11.3743L34.8975 11.3747L35.8943 11.2949ZM35.9321 11.7668L36.9289 11.6873L36.9289 11.687L35.9321 11.7668ZM36.0749 13.0035L37.0394 12.7393L37.0392 12.7384L36.0749 13.0035ZM36.3138 13.5806L35.4448 14.0754L35.4452 14.0762L36.3138 13.5806ZM37.0874 14.556L37.8486 13.9075L37.8485 13.9074L37.0874 14.556ZM37.3945 14.9165L36.6333 15.565L36.6335 15.5652L37.3945 14.9165ZM38.8727 16.7258L38.0648 17.315L38.0648 17.3151L38.8727 16.7258ZM39.7821 18.4674L38.8217 18.7459L38.8218 18.7461L39.7821 18.4674ZM39.7821 21.5325L38.8218 21.2538L38.8217 21.254L39.7821 21.5325ZM38.8727 23.2743L39.6806 23.8636L39.6807 23.8635L38.8727 23.2743ZM37.3947 25.0834L38.1557 25.7321L38.1559 25.732L37.3947 25.0834ZM37.0874 25.4439L37.8484 26.0926L37.8485 26.0926L37.0874 25.4439ZM36.3138 26.4194L35.4451 25.924L35.4448 25.9246L36.3138 26.4194ZM36.0749 26.9966L37.0391 27.2618L37.0394 27.2606L36.0749 26.9966ZM35.9321 28.2331L36.9289 28.313L36.9289 28.3127L35.9321 28.2331ZM35.8943 28.705L34.8975 28.6252L34.8974 28.6256L35.8943 28.705ZM35.6602 31.0296L34.6723 30.8749L34.6722 30.875L35.6602 31.0296ZM35.0719 32.9044L35.948 33.3865L35.948 33.3864L35.0719 32.9044ZM32.9045 35.0717L32.4223 34.1957L32.4222 34.1957L32.9045 35.0717ZM31.0298 35.6603L31.1845 36.6483L31.1847 36.6482L31.0298 35.6603ZM28.7051 35.8944L28.6257 34.8975L28.6257 34.8975L28.7051 35.8944ZM28.2332 35.932L28.1538 34.9351L28.1537 34.9352L28.2332 35.932ZM26.9965 36.0748L26.7324 35.1103L26.7324 35.1103L26.9965 36.0748ZM26.4193 36.3139L25.9245 35.4449L25.9242 35.445L26.4193 36.3139ZM25.4439 37.0873L24.7954 36.326L24.7951 36.3263L25.4439 37.0873ZM25.0834 37.3946L25.732 38.1557L25.7321 38.1556L25.0834 37.3946ZM23.2743 38.8726L22.6852 38.0645L22.6851 38.0646L23.2743 38.8726ZM21.5326 39.7822L21.8111 40.7427L21.8114 40.7426L21.5326 39.7822ZM18.4674 39.7822L18.1886 40.7426L18.1889 40.7427L18.4674 39.7822ZM16.7257 38.8726L17.3149 38.0646L17.3148 38.0645L16.7257 38.8726ZM14.9165 37.3946L14.2678 38.1556L14.2679 38.1557L14.9165 37.3946ZM14.556 37.0873L15.2047 36.3263L15.2045 36.3261L14.556 37.0873ZM13.5806 36.3139L13.0858 37.1829L13.0858 37.1829L13.5806 36.3139ZM13.0035 36.0748L13.2676 35.1103H13.2676L13.0035 36.0748ZM11.7668 35.932L11.8464 34.9352L11.8463 34.9351L11.7668 35.932ZM11.2949 35.8944L11.3743 34.8975L11.3743 34.8975L11.2949 35.8944ZM8.97024 35.6603L8.81535 36.6482L8.81552 36.6483L8.97024 35.6603ZM7.09554 35.0717L7.57783 34.1957L7.57766 34.1956L7.09554 35.0717ZM4.92817 32.9044L5.80428 32.4223L5.80426 32.4222L4.92817 32.9044ZM4.33971 31.0296L5.32767 30.8749L5.32766 30.8749L4.33971 31.0296ZM4.10558 28.7052L5.10242 28.6257L5.10242 28.6257L4.10558 28.7052ZM4.06791 28.2331L5.06475 28.1536L5.06474 28.1535L4.06791 28.2331ZM3.9251 26.9966L2.96062 27.2607L2.9607 27.261L3.9251 26.9966ZM3.68605 26.4194L2.81713 26.9143L2.81717 26.9144L3.68605 26.4194ZM2.91258 25.4439L2.15144 26.0925L2.15152 26.0926L2.91258 25.4439ZM2.6054 25.0834L3.36654 24.4349L3.36646 24.4348L2.6054 25.0834ZM1.1273 23.2743L0.319278 23.8635L0.319297 23.8635L1.1273 23.2743ZM0.217769 21.5325L1.17819 21.2539L1.17819 21.2539L0.217769 21.5325ZM0.217769 18.4674L1.17819 18.746L1.17819 18.746L0.217769 18.4674ZM1.1273 16.7258L1.93521 17.3151L1.93528 17.315L1.1273 16.7258ZM2.60542 14.9165L3.36652 15.5651L3.36655 15.5651L2.60542 14.9165ZM2.91258 14.556L2.15148 13.9074L2.15145 13.9074L2.91258 14.556ZM3.68605 13.5806L4.55487 14.0757L4.55491 14.0757L3.68605 13.5806ZM3.9251 13.0035L2.96066 12.7392L2.96063 12.7393L3.9251 13.0035ZM4.06791 11.7668L5.06475 11.8464V11.8464L4.06791 11.7668ZM4.10558 11.2947L5.10242 11.3743L5.10242 11.3743L4.10558 11.2947ZM4.33971 8.97024L5.32766 9.12498L5.32767 9.12496L4.33971 8.97024ZM4.92817 7.09554L5.80425 7.57769L5.80427 7.57766L4.92817 7.09554ZM7.09554 4.92817L6.6134 4.05207L6.61339 4.05207L7.09554 4.92817ZM8.97024 4.33971L8.81554 3.35175L8.8155 3.35175L8.97024 4.33971ZM11.2947 4.10558L11.3742 5.10242L11.3743 5.10242L11.2947 4.10558ZM11.7668 4.06791L11.8464 5.06475L11.8464 5.06474L11.7668 4.06791ZM13.0035 3.92509L12.7393 2.96063L12.7392 2.96066L13.0035 3.92509ZM13.5806 3.68605L13.0855 2.81718L13.0855 2.81719L13.5806 3.68605ZM14.556 2.9126L15.2046 3.67372L15.2046 3.67371L14.556 2.9126ZM14.9165 2.60544L15.5651 3.36655L15.5651 3.36654L14.9165 2.60544ZM16.7257 1.1273L16.1365 0.319278L16.1365 0.319312L16.7257 1.1273ZM18.7459 1.17819C19.565 0.940605 20.4349 0.940605 21.254 1.17819L21.8112 -0.742648C20.6281 -1.08578 19.3718 -1.08578 18.1888 -0.742648L18.7459 1.17819ZM21.254 1.17817C21.7449 1.3206 22.1894 1.57388 22.6851 1.93531L23.8634 0.319278C23.2716 -0.112221 22.6131 -0.509998 21.8112 -0.742627L21.254 1.17817ZM22.6851 1.93528C23.1659 2.2859 23.7233 2.76013 24.435 3.36658L25.7321 1.8443C25.0406 1.25505 24.4189 0.724374 23.8635 0.319312L22.6851 1.93528ZM24.4348 3.36643L24.7951 3.67359L26.0926 2.15161L25.7323 1.84445L24.4348 3.36643ZM24.7953 3.67377C25.3907 4.18107 25.6461 4.39632 25.924 4.55477L26.9146 2.81733C26.84 2.77481 26.7526 2.7139 26.0924 2.15143L24.7953 3.67377ZM25.9243 4.55493C26.1785 4.69974 26.4499 4.81221 26.7323 4.88957L27.2607 2.96062C27.1398 2.92751 27.0235 2.87933 26.9143 2.81717L25.9243 4.55493ZM26.7323 4.88956C27.0411 4.97418 27.3739 5.00253 28.1537 5.06475L28.3127 3.07108C27.4481 3.0021 27.3435 2.98332 27.2607 2.96063L26.7323 4.88956ZM28.1536 5.06474L28.6256 5.10241L28.7847 3.10875L28.3128 3.07108L28.1536 5.06474ZM28.6256 5.10242C29.5576 5.17676 30.2872 5.23561 30.8751 5.32767L31.1845 3.35175C30.5052 3.24539 29.6904 3.181 28.7847 3.10875L28.6256 5.10242ZM30.875 5.32766C31.4811 5.42259 31.9744 5.55778 32.4224 5.80427L33.3866 4.05206C32.655 3.64946 31.908 3.46508 31.1845 3.35175L30.875 5.32766ZM32.4223 5.80424C33.1694 6.21547 33.7846 6.83053 34.1958 7.57766L35.948 6.61341C35.354 5.53417 34.4656 4.64594 33.3867 4.0521L32.4223 5.80424ZM34.1957 7.5776C34.4422 8.02556 34.5774 8.51896 34.6722 9.12484L36.6482 8.81564C36.535 8.09193 36.3505 7.34499 35.948 6.61347L34.1957 7.5776ZM34.6723 9.12497C34.7643 9.71286 34.8232 10.4424 34.8974 11.3743L36.8911 11.2154C36.8189 10.3097 36.7546 9.49481 36.6482 8.81552L34.6723 9.12497ZM34.8975 11.3747L34.9353 11.8467L36.9289 11.687L36.8911 11.215L34.8975 11.3747ZM34.9353 11.8464C34.9974 12.6252 35.0257 12.9591 35.1107 13.2685L37.0392 12.7384C37.0166 12.6563 36.998 12.5526 36.9289 11.6873L34.9353 11.8464ZM35.1105 13.2676C35.1877 13.5497 35.3 13.8211 35.4448 14.0754L37.1828 13.0858C37.1208 12.9768 37.0726 12.8605 37.0394 12.7393L35.1105 13.2676ZM35.4452 14.0762C35.6038 14.3541 35.8189 14.6093 36.3263 15.2047L37.8485 13.9074C37.2861 13.2475 37.2251 13.1599 37.1824 13.085L35.4452 14.0762ZM36.3262 15.2045L36.6333 15.565L38.1557 14.268L37.8486 13.9075L36.3262 15.2045ZM36.6335 15.5652C37.2398 16.2765 37.7141 16.8342 38.0648 17.315L39.6806 16.1365C39.2755 15.5811 38.7451 14.9595 38.1555 14.2678L36.6335 15.5652ZM38.0648 17.3151C38.4261 17.8104 38.6793 18.2549 38.8217 18.7459L40.7426 18.189C40.51 17.3869 40.1123 16.7282 39.6806 16.1364L38.0648 17.3151ZM38.8218 18.7461C39.0594 19.5652 39.0594 20.4348 38.8218 21.2538L40.7425 21.8111C41.0858 20.628 41.0858 19.3719 40.7425 18.1888L38.8218 18.7461ZM38.8217 21.254C38.6793 21.7451 38.4261 22.1895 38.0647 22.6851L39.6807 23.8635C40.1123 23.2717 40.5101 22.613 40.7426 21.8109L38.8217 21.254ZM38.0648 22.6851C37.714 23.1659 37.2399 23.7231 36.6335 24.4349L38.1559 25.732C38.745 25.0405 39.2755 24.419 39.6806 23.8636L38.0648 22.6851ZM36.6337 24.4347L36.3264 24.7952L37.8485 26.0926L38.1557 25.7321L36.6337 24.4347ZM36.3264 24.7952C35.8189 25.3906 35.6037 25.6459 35.4451 25.924L37.1825 26.9148C37.2251 26.84 37.2861 26.7524 37.8484 26.0926L36.3264 24.7952ZM35.4448 25.9246C35.3 26.1789 35.1877 26.4503 35.1104 26.7325L37.0394 27.2606C37.0726 27.1395 37.1208 27.0232 37.1828 26.9142L35.4448 25.9246ZM35.1107 26.7314C35.0256 27.0407 34.9974 27.3748 34.9353 28.1535L36.9289 28.3127C36.998 27.4473 37.0166 27.3437 37.0391 27.2618L35.1107 26.7314ZM34.9353 28.1532L34.8975 28.6252L36.8911 28.7849L36.9289 28.313L34.9353 28.1532ZM34.8974 28.6256C34.8232 29.5575 34.7643 30.2871 34.6723 30.8749L36.6482 31.1844C36.7546 30.5051 36.8189 29.6902 36.8911 28.7845L34.8974 28.6256ZM34.6722 30.875C34.5774 31.4809 34.4422 31.9743 34.1957 32.4223L35.948 33.3864C36.3505 32.6549 36.535 31.9079 36.6482 31.1843L34.6722 30.875ZM34.1958 32.4223C33.7846 33.1694 33.1695 33.7844 32.4223 34.1957L33.3867 35.9478C34.4656 35.354 35.3541 34.4658 35.948 33.3865L34.1958 32.4223ZM32.4222 34.1957C31.9744 34.4422 31.4812 34.5773 30.8749 34.6724L31.1847 36.6482C31.9079 36.5348 32.655 36.3506 33.3868 35.9478L32.4222 34.1957ZM30.875 34.6723C30.2872 34.7644 29.5576 34.8233 28.6257 34.8975L28.7846 36.8912C29.6904 36.819 30.5052 36.7546 31.1845 36.6483L30.875 34.6723ZM28.6257 34.8975L28.1538 34.9351L28.3127 36.9288L28.7846 36.8912L28.6257 34.8975ZM28.1537 34.9352C27.3737 34.9974 27.0412 35.0258 26.7324 35.1103L27.2605 37.0393C27.3435 37.0166 27.4483 36.9978 28.3128 36.9288L28.1537 34.9352ZM26.7324 35.1103C26.4496 35.1877 26.1783 35.3004 25.9245 35.4449L26.9141 37.1829C27.0236 37.1205 27.14 37.0723 27.2606 37.0393L26.7324 35.1103ZM25.9242 35.445C25.6462 35.6035 25.3904 35.8192 24.7954 36.326L26.0923 37.8485C26.7528 37.2859 26.84 37.2251 26.9144 37.1827L25.9242 35.445ZM24.7951 36.3263L24.4347 36.6335L25.7321 38.1556L26.0926 37.8483L24.7951 36.3263ZM24.4347 36.6335C23.7232 37.2399 23.1659 37.7141 22.6852 38.0645L23.8633 39.6807C24.4189 39.2757 25.0407 38.7448 25.732 38.1557L24.4347 36.6335ZM22.6851 38.0646C22.1894 38.426 21.7449 38.6793 21.2538 38.8219L21.8114 40.7426C22.6131 40.5098 23.2716 40.1122 23.8635 39.6806L22.6851 38.0646ZM21.2541 38.8218C20.4349 39.0593 19.565 39.0593 18.7459 38.8218L18.1889 40.7427C19.3719 41.0857 20.6281 41.0857 21.8111 40.7427L21.2541 38.8218ZM18.7462 38.8219C18.2551 38.6793 17.8105 38.426 17.3149 38.0646L16.1365 39.6806C16.7284 40.1122 17.3869 40.5098 18.1886 40.7426L18.7462 38.8219ZM17.3148 38.0645C16.834 37.7141 16.2768 37.2399 15.5651 36.6334L14.2679 38.1557C14.9592 38.7448 15.5811 39.2757 16.1366 39.6807L17.3148 38.0645ZM15.5652 36.6336L15.2047 36.3263L13.9073 37.8483L14.2678 38.1556L15.5652 36.6336ZM15.2045 36.3261C14.6097 35.8194 14.3539 35.6034 14.0754 35.4449L13.0858 37.1829C13.1601 37.2252 13.247 37.2857 13.9075 37.8485L15.2045 36.3261ZM14.0754 35.4449C13.8216 35.3004 13.5503 35.1877 13.2676 35.1103L12.7393 37.0393C12.8599 37.0723 12.9763 37.1205 13.0858 37.1829L14.0754 35.4449ZM13.2676 35.1103C12.9589 35.0258 12.6261 34.9974 11.8464 34.9352L11.6873 36.9288C12.5517 36.9978 12.6565 37.0166 12.7393 37.0393L13.2676 35.1103ZM11.8463 34.9351L11.3743 34.8975L11.2154 36.8912L11.6874 36.9288L11.8463 34.9351ZM11.3743 34.8975C10.4424 34.8233 9.71286 34.7644 9.12497 34.6723L8.81552 36.6483C9.49481 36.7546 10.3097 36.819 11.2154 36.8912L11.3743 34.8975ZM9.12513 34.6724C8.51878 34.5773 8.02556 34.4422 7.57783 34.1957L6.61324 35.9478C7.34499 36.3506 8.09211 36.5348 8.81535 36.6482L9.12513 34.6724ZM7.57766 34.1956C6.83046 33.7845 6.21546 33.1695 5.80428 32.4223L4.05205 33.3865C4.64595 34.4657 5.53424 35.354 6.61341 35.9478L7.57766 34.1956ZM5.80426 32.4222C5.55776 31.9743 5.42257 31.481 5.32767 30.8749L3.35175 31.1844C3.46506 31.9079 3.64944 32.6549 4.05208 33.3865L5.80426 32.4222ZM5.32766 30.8749C5.23559 30.287 5.17676 29.5577 5.10242 28.6257L3.10875 28.7847C3.181 29.6905 3.24537 30.5051 3.35175 31.1844L5.32766 30.8749ZM5.10242 28.6257L5.06475 28.1536L3.07108 28.3126L3.10875 28.7848L5.10242 28.6257ZM5.06474 28.1535C5.00255 27.3741 4.97419 27.0409 4.88949 26.7321L2.9607 27.261C2.98331 27.3435 3.00209 27.448 3.07108 28.3126L5.06474 28.1535ZM4.88957 26.7324C4.81221 26.4499 4.69974 26.1786 4.55493 25.9244L2.81717 26.9144C2.87933 27.0235 2.92751 27.1399 2.96062 27.2607L4.88957 26.7324ZM4.55497 25.9244C4.39638 25.646 4.18096 25.3905 3.67364 24.7952L2.15152 26.0926C2.71401 26.7525 2.77471 26.8399 2.81713 26.9143L4.55497 25.9244ZM3.67373 24.7954L3.36654 24.4349L1.84425 25.732L2.15144 26.0925L3.67373 24.7954ZM3.36646 24.4348C2.7601 23.7234 2.28587 23.1659 1.9353 22.6852L0.319297 23.8635C0.724372 24.419 1.25505 25.0407 1.84434 25.7321L3.36646 24.4348ZM1.93531 22.6852C1.57389 22.1895 1.32062 21.745 1.17819 21.2539L-0.742651 21.811C-0.510024 22.6131 -0.112232 23.2717 0.319278 23.8635L1.93531 22.6852ZM1.17819 21.2539C0.940605 20.4348 0.940605 19.5651 1.17819 18.746L-0.742648 18.1889C-1.08578 19.3719 -1.08578 20.628 -0.742648 21.811L1.17819 21.2539ZM1.17819 18.746C1.32062 18.2549 1.57388 17.8104 1.93521 17.3151L0.319381 16.1365C-0.112223 16.7282 -0.510022 17.3868 -0.742651 18.1889L1.17819 18.746ZM1.93528 17.315C2.28591 16.8342 2.76017 16.2766 3.36652 15.5651L1.84431 14.2678C1.25498 14.9594 0.724372 15.5811 0.319312 16.1366L1.93528 17.315ZM3.36655 15.5651L3.67371 15.2046L2.15145 13.9074L1.84428 14.2679L3.36655 15.5651ZM3.67368 15.2047C4.18097 14.6094 4.39633 14.3539 4.55487 14.0757L2.81723 13.0855C2.77476 13.16 2.714 13.2473 2.15148 13.9074L3.67368 15.2047ZM4.55491 14.0757C4.69975 13.8215 4.81221 13.55 4.88956 13.2677L2.96063 12.7393C2.92751 12.8601 2.87933 12.9765 2.81719 13.0855L4.55491 14.0757ZM4.88953 13.2678C4.97418 12.9589 5.00254 12.6259 5.06475 11.8464L3.07108 11.6873C3.00209 12.5519 2.98332 12.6565 2.96066 12.7392L4.88953 13.2678ZM5.06475 11.8464L5.10242 11.3743L3.10875 11.2152L3.07108 11.6873L5.06475 11.8464ZM5.10242 11.3743C5.17677 10.4423 5.23559 9.71285 5.32766 9.12498L3.35175 8.81551C3.24537 9.49474 3.181 10.3096 3.10875 11.2152L5.10242 11.3743ZM5.32767 9.12496C5.42257 8.51891 5.55776 8.02557 5.80425 7.57769L4.05208 6.61338C3.64944 7.34498 3.46506 8.09198 3.35175 8.81553L5.32767 9.12496ZM5.80427 7.57766C6.21545 6.83048 6.83046 6.21548 7.57768 5.80426L6.61339 4.05207C5.53423 4.64597 4.64596 5.53421 4.05207 6.61341L5.80427 7.57766ZM7.57767 5.80426C8.02556 5.55778 8.51892 5.42259 9.12499 5.32766L8.8155 3.35175C8.09197 3.46508 7.34499 3.64946 6.6134 4.05207L7.57767 5.80426ZM9.12495 5.32767C9.71285 5.23561 10.4423 5.17676 11.3742 5.10242L11.2152 3.10875C10.3095 3.181 9.49475 3.24539 8.81554 3.35175L9.12495 5.32767ZM11.3743 5.10242L11.8464 5.06475L11.6873 3.07108L11.2152 3.10875L11.3743 5.10242ZM11.8464 5.06474C12.6259 5.00254 12.9589 4.97418 13.2678 4.88953L12.7392 2.96066C12.6565 2.98332 12.5519 3.00209 11.6873 3.07108L11.8464 5.06474ZM13.2677 4.88956C13.55 4.81221 13.8214 4.69975 14.0757 4.55491L13.0855 2.81719C12.9765 2.87933 12.8601 2.92751 12.7393 2.96063L13.2677 4.88956ZM14.0756 4.55492C14.3539 4.39637 14.6095 4.18091 15.2046 3.67372L13.9074 2.15148C13.2472 2.71406 13.16 2.77475 13.0855 2.81718L14.0756 4.55492ZM15.2046 3.67371L15.5651 3.36655L14.2678 1.84432L13.9074 2.15149L15.2046 3.67371ZM15.5651 3.36654C16.2766 2.76014 16.8341 2.28589 17.3149 1.93528L16.1365 0.319312C15.581 0.724382 14.9593 1.25505 14.2678 1.84433L15.5651 3.36654ZM17.3148 1.93531C17.8106 1.57388 18.2551 1.3206 18.746 1.17817L18.1887 -0.742627C17.3869 -0.509998 16.7283 -0.112221 16.1365 0.319278L17.3148 1.93531Z", fill: "#E79B08", mask: "url(#path-1-inside-1_794_7546)" }), /* @__PURE__ */ React.createElement("path", { d: "M20 29H11.5954C11.3154 29 11.0402 28.9252 10.7977 28.7832C10.5552 28.6412 10.3538 28.4369 10.2138 28.191C10.0737 27.945 10 27.666 10 27.3819C10 27.0979 10.0737 26.8189 10.2137 26.5729L14.416 19.191L18.6183 11.8091C18.7583 11.5631 18.9597 11.3588 19.2023 11.2168C19.4448 11.0748 19.7199 11 20 11C20.2801 11 20.5552 11.0748 20.7977 11.2168C21.0403 11.3588 21.2417 11.5631 21.3817 11.8091L25.584 19.191L29.7863 26.5729C29.9263 26.8189 30 27.0979 30 27.3819C30 27.666 29.9263 27.945 29.7862 28.191C29.6462 28.4369 29.4448 28.6412 29.2023 28.7832C28.9598 28.9252 28.6846 29 28.4046 29H20Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M21 16.7778C21 16.3482 20.5523 16 20 16C19.4477 16 19 16.3482 19 16.7778V22.2222C19 22.6518 19.4477 23 20 23C20.5523 23 21 22.6518 21 22.2222V16.7778Z", fill: "#E79B08" }), /* @__PURE__ */ React.createElement("path", { d: "M20 26C20.5523 26 21 25.5523 21 25C21 24.4477 20.5523 24 20 24C19.4477 24 19 24.4477 19 25C19 25.5523 19.4477 26 20 26Z", fill: "#E79B08" }));
|
|
213
217
|
|
|
218
|
+
const SvgDownloadIcon = (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", { d: "M12.4444 16H3.55555C2.60588 16 1.71302 15.6302 1.04142 14.9586C0.369847 14.287 0 13.3941 0 12.4444V11.5555C0 11.0646 0.397948 10.6666 0.888894 10.6666C1.37984 10.6666 1.77779 11.0646 1.77779 11.5555V12.4444C1.77779 12.9193 1.96273 13.3657 2.29845 13.7015C2.63426 14.0372 3.08068 14.2222 3.55555 14.2222H12.4444C12.9193 14.2222 13.3657 14.0372 13.7015 13.7015C14.0372 13.3656 14.2222 12.9192 14.2222 12.4444V11.5555C14.2222 11.0646 14.6202 10.6666 15.1111 10.6666C15.602 10.6666 16 11.0646 16 11.5555V12.4444C16 13.3941 15.6302 14.2869 14.9586 14.9586C14.287 15.6302 13.3941 16 12.4444 16ZM7.99998 12.4444C7.87702 12.4444 7.75996 12.4194 7.65346 12.3743C7.55409 12.3323 7.46072 12.2713 7.37903 12.1916C7.379 12.1915 7.379 12.1915 7.37897 12.1915C7.37838 12.191 7.37779 12.1904 7.3772 12.1898C7.37704 12.1897 7.37685 12.1894 7.3767 12.1893C7.3762 12.1888 7.37577 12.1884 7.3753 12.1879C7.37499 12.1876 7.37471 12.1874 7.3744 12.187C7.37409 12.1867 7.37369 12.1863 7.37341 12.186C7.37279 12.1854 7.3721 12.1847 7.37148 12.1841L3.81591 8.62852C3.46879 8.2814 3.46879 7.71857 3.81591 7.37142C4.16302 7.0243 4.72588 7.02427 5.073 7.37142L7.11112 9.40954V0.888894C7.11109 0.397948 7.50904 0 7.99998 0C8.49093 0 8.88891 0.397948 8.88891 0.888894V9.40951L10.927 7.37142C11.2741 7.0243 11.837 7.0243 12.1841 7.37142C12.5312 7.71854 12.5312 8.2814 12.1841 8.62852L8.62852 12.1841C8.6279 12.1847 8.62721 12.1854 8.62659 12.186C8.62625 12.1863 8.62588 12.1867 8.6256 12.1869C8.62529 12.1873 8.62501 12.1875 8.6247 12.1878C8.62426 12.1883 8.62377 12.1888 8.62333 12.1892C8.62318 12.1894 8.62296 12.1896 8.6228 12.1897C8.62224 12.1903 8.62165 12.1909 8.62106 12.1915C8.62103 12.1915 8.62103 12.1915 8.621 12.1915C8.61122 12.201 8.60132 12.2103 8.59119 12.2193C8.51676 12.2857 8.43386 12.3375 8.3462 12.3744C8.34589 12.3745 8.34564 12.3747 8.34533 12.3748C8.34499 12.3749 8.34471 12.3751 8.34437 12.3752C8.23842 12.4198 8.12211 12.4444 7.99998 12.4444Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.6538 0.680511C12.7083 0.652702 12.7638 0.62438 12.8319 0.583147L12.7921 0.562091C12.6938 0.502444 12.5874 0.445891 12.4791 0.388243C12.4274 0.360745 12.3752 0.332996 12.3232 0.304544C12.145 0.18273 11.9496 0.0888035 11.7437 0.0259412C11.5949 -0.0175826 11.4357 -0.00606335 11.2946 0.0584227C11.1536 0.122909 11.0399 0.236125 10.9742 0.377692C10.896 0.547176 10.8611 0.733682 10.8725 0.920274C10.8725 2.09321 10.8869 3.28044 10.9014 4.45338C10.8942 4.6937 10.9087 4.93419 10.9449 5.17184C10.96 5.25988 10.9921 5.34404 11.0395 5.41952C11.0868 5.495 11.1484 5.5603 11.2208 5.61169C11.3193 5.6748 11.4314 5.71306 11.5476 5.72324C11.6638 5.73343 11.7808 5.71524 11.8886 5.6702C11.9465 5.65557 11.961 5.61136 11.961 5.55285V1.1111C11.9588 1.09371 11.9617 1.07607 11.9695 1.06038C11.9772 1.04469 11.9894 1.03168 12.0045 1.023C12.1133 0.964318 12.2186 0.909378 12.3239 0.854439C12.4291 0.799499 12.5344 0.744559 12.6432 0.685879C12.6468 0.68409 12.6503 0.682301 12.6538 0.680511ZM12.8319 3.82234V5.09801C12.9481 5.02519 13.064 4.95139 13.1947 4.86069C13.4053 4.73602 13.6121 4.61509 13.819 4.49415C14.0258 4.37322 14.2327 4.25229 14.4433 4.12761C14.6147 4.03049 14.7822 3.92908 14.9499 3.82761C15.1088 3.73141 15.2679 3.63516 15.4304 3.54244C15.5844 3.46114 15.7223 3.35181 15.837 3.21995C15.9243 3.12454 15.9797 3.00385 15.9954 2.87492C16.011 2.746 15.9862 2.61537 15.9243 2.5015C15.8262 2.3264 15.6799 2.18377 15.5032 2.0909C15.2566 1.95924 15.0241 1.82725 14.792 1.69526C14.6096 1.5919 14.4228 1.4837 14.2364 1.37572C14.0816 1.28605 13.927 1.19653 13.7755 1.1101C13.7621 1.10284 13.7471 1.09905 13.7319 1.09905C13.7167 1.09905 13.7017 1.10284 13.6883 1.1101C13.5421 1.2207 13.3903 1.32552 13.2364 1.43183C13.1455 1.49457 13.0539 1.55782 12.9623 1.6231C12.9481 1.63602 12.9368 1.6519 12.9293 1.66964C12.9218 1.68737 12.9182 1.70655 12.9188 1.72583V2.66404C12.926 2.66404 12.9297 2.66038 12.9333 2.65673C12.9369 2.65307 12.9405 2.64941 12.9478 2.64941C13.0857 2.56147 13.22 2.4772 13.3542 2.39292C13.4885 2.30864 13.6228 2.22436 13.7607 2.13642C13.7714 2.12901 13.7841 2.12504 13.7971 2.12504C13.8101 2.12504 13.8228 2.12901 13.8335 2.13642C13.9411 2.20152 14.0488 2.26313 14.1565 2.32473C14.2666 2.38772 14.3767 2.4507 14.4867 2.51743C14.5769 2.56064 14.6642 2.60961 14.7482 2.66404C14.6033 2.75214 14.4726 2.82562 14.3418 2.89876C13.8624 3.17704 13.3689 3.45564 12.8753 3.73425C12.8615 3.74419 12.8502 3.75743 12.8427 3.7728C12.8351 3.78817 12.8314 3.80518 12.8319 3.82234Z", fill: "currentColor" }));
|
|
219
|
+
|
|
220
|
+
const SvgWebIcon = (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.845866 11.5813C0.304533 10.504 0 9.28693 0 8C0 6.71307 0.304533 5.496 0.845866 4.41867C2.16053 1.79894 4.872 0 8 0C11.128 0 13.8395 1.79894 15.1541 4.41867C15.6955 5.496 16 6.71307 16 8C16 9.28693 15.6955 10.504 15.1541 11.5813C13.8395 14.2011 11.128 16 8 16C4.872 16 2.16053 14.2011 0.845866 11.5813ZM1.59253 5.34773C1.25387 6.1648 1.06667 7.0608 1.06667 8C1.06667 8.9392 1.25387 9.8352 1.59253 10.6523C2.46347 10.3147 3.49013 10.0437 4.62347 9.86133C4.5648 9.26507 4.53333 8.6416 4.53333 8C4.53333 7.3584 4.5648 6.73493 4.62347 6.13867C3.49013 5.95627 2.46347 5.68533 1.59253 5.34773ZM13.9205 4.39253C13.0379 2.94773 11.6416 1.8512 9.98667 1.35627C10.0608 1.47147 10.1328 1.5936 10.2021 1.72267C10.6571 2.57227 11.0208 3.7328 11.2395 5.0816C12.2357 4.92 13.1429 4.6848 13.9205 4.39253ZM6.01333 1.35627C4.3584 1.8512 2.96213 2.94773 2.07947 4.39253C2.85707 4.68533 3.76427 4.92 4.76053 5.0816C4.9792 3.7328 5.34293 2.57227 5.79787 1.72267C5.8672 1.5936 5.9392 1.47147 6.01333 1.35627ZM14.4075 10.6523C14.7461 9.8352 14.9333 8.9392 14.9333 8C14.9333 7.0608 14.7461 6.1648 14.4075 5.34773C13.5365 5.68533 12.5099 5.95627 11.3765 6.13867C11.4352 6.73493 11.4667 7.3584 11.4667 8C11.4667 8.6416 11.4352 9.26507 11.3765 9.86133C12.5099 10.0437 13.5365 10.3147 14.4075 10.6523ZM2.07947 11.6075C2.96213 13.0523 4.3584 14.1488 6.01333 14.6437C5.9392 14.5285 5.8672 14.4064 5.79787 14.2773C5.34293 13.4277 4.9792 12.2672 4.76053 10.9184C3.76427 11.08 2.85707 11.3152 2.07947 11.6075ZM9.98667 14.6437C11.6416 14.1488 13.0379 13.0523 13.9205 11.6075C13.1429 11.3152 12.2357 11.08 11.2395 10.9184C11.0208 12.2672 10.6571 13.4277 10.2021 14.2773C10.1328 14.4064 10.0608 14.5285 9.98667 14.6437ZM8 1.06667C7.79467 1.06667 7.60267 1.16427 7.41813 1.32107C7.17067 1.5312 6.94454 1.84107 6.73814 2.22667C6.33067 2.9872 6.01067 4.02133 5.81547 5.22187C6.51413 5.29493 7.24587 5.33333 8 5.33333C8.75413 5.33333 9.48587 5.2944 10.1845 5.22187C9.98933 4.02133 9.66933 2.9872 9.26187 2.22667C9.05547 1.84107 8.82934 1.5312 8.58187 1.32107C8.39734 1.16427 8.20533 1.06667 8 1.06667ZM8 14.9333C8.20533 14.9333 8.39734 14.8357 8.58187 14.6789C8.82934 14.4688 9.05547 14.1589 9.26187 13.7733C9.66933 13.0128 9.98933 11.9787 10.1845 10.7781C9.48587 10.7056 8.75413 10.6667 8 10.6667C7.24587 10.6667 6.51413 10.7056 5.81547 10.7781C6.01067 11.9787 6.33067 13.0128 6.73814 13.7733C6.94454 14.1589 7.17067 14.4688 7.41813 14.6789C7.60267 14.8357 7.79467 14.9333 8 14.9333ZM10.32 9.72107C10.3723 9.1696 10.4 8.59307 10.4 8C10.4 7.40693 10.3723 6.8304 10.32 6.27893C9.57813 6.35787 8.80053 6.4 8 6.4C7.19947 6.4 6.42187 6.35787 5.68 6.27893C5.62773 6.8304 5.6 7.40693 5.6 8C5.6 8.59307 5.62773 9.1696 5.68 9.72107C6.42187 9.64213 7.19947 9.6 8 9.6C8.80053 9.6 9.57813 9.64213 10.32 9.72107Z", fill: "currentColor" }));
|
|
221
|
+
|
|
222
|
+
const SvgWebmobileIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.688042 9.91308C0.247712 9.03675 0 8.04677 0 6.99996C0 5.95314 0.247712 4.96316 0.688042 4.08684C1.75742 1.9559 3.96297 0.492615 6.50734 0.492615C9.05171 0.492615 11.2573 1.9559 12.3266 4.08684C12.5242 4.48003 12.683 4.8961 12.798 5.32992H11.8954C11.844 5.16406 11.7852 5.00147 11.7193 4.84256C11.0109 5.11717 10.1757 5.33755 9.25387 5.48592C9.3016 5.97093 9.32719 6.47807 9.32719 6.99996C9.32719 7.52185 9.3016 8.02898 9.25387 8.514C9.85897 8.61138 10.4267 8.73979 10.9457 8.8942V9.80207C10.4034 9.62503 9.79648 9.47993 9.14238 9.37384C8.96451 10.471 8.66865 11.415 8.2986 12.106C8.2422 12.211 8.18363 12.3104 8.12333 12.4041C9.25325 12.0662 10.2349 11.3835 10.9457 10.4779V11.7571C9.78285 12.8427 8.22203 13.5073 6.50734 13.5073C3.96297 13.5073 1.75742 12.044 0.688042 9.91308ZM1.29539 4.84256C1.01992 5.50717 0.867646 6.23599 0.867646 6.99996C0.867646 7.76392 1.01992 8.49274 1.29539 9.15736C2.00383 8.88275 2.83894 8.66236 3.76081 8.514C3.71309 8.02898 3.68749 7.52185 3.68749 6.99996C3.68749 6.47807 3.71309 5.97093 3.76081 5.48592C2.83894 5.33755 2.00383 5.11717 1.29539 4.84256ZM11.3232 4.06558C10.6052 2.89035 9.46948 1.99841 8.12333 1.59583C8.18363 1.68953 8.2422 1.78888 8.2986 1.89386C8.66865 2.58494 8.96451 3.52894 9.14238 4.62608C9.95276 4.49463 10.6907 4.30331 11.3232 4.06558ZM4.89135 1.59583C3.5452 1.99841 2.40945 2.89035 1.69148 4.06558C2.32399 4.30375 3.06192 4.49463 3.8723 4.62608C4.05017 3.52894 4.34604 2.58494 4.71609 1.89386C4.77249 1.78888 4.83105 1.68953 4.89135 1.59583ZM1.69148 9.93433C2.40945 11.1096 3.5452 12.0015 4.89135 12.4041C4.83105 12.3104 4.77249 12.211 4.71609 12.106C4.34604 11.415 4.05017 10.471 3.8723 9.37384C3.06192 9.50528 2.32399 9.6966 1.69148 9.93433ZM6.50734 1.36026C6.34032 1.36026 6.18414 1.43965 6.03404 1.56719C5.83275 1.73812 5.64881 1.99017 5.48092 2.30383C5.14948 2.92246 4.88918 3.76364 4.7304 4.74017C5.29871 4.79961 5.89392 4.83084 6.50734 4.83084C7.12077 4.83084 7.71597 4.79917 8.28428 4.74017C8.1255 3.76364 7.86521 2.92246 7.53377 2.30383C7.36588 1.99017 7.18194 1.73812 6.98064 1.56719C6.83054 1.43965 6.67436 1.36026 6.50734 1.36026ZM6.50734 12.6397C6.67436 12.6397 6.83054 12.5603 6.98064 12.4327C7.18194 12.2618 7.36588 12.0097 7.53377 11.6961C7.86521 11.0775 8.1255 10.2363 8.28428 9.25974C7.71597 9.20074 7.12077 9.16907 6.50734 9.16907C5.89392 9.16907 5.29871 9.20074 4.7304 9.25974C4.88918 10.2363 5.14948 11.0775 5.48092 11.6961C5.64881 12.0097 5.83275 12.2618 6.03404 12.4327C6.18414 12.5603 6.34032 12.6397 6.50734 12.6397ZM8.39447 8.3999C8.43699 7.95133 8.45955 7.48237 8.45955 6.99996C8.45955 6.51755 8.43699 6.04858 8.39447 5.60001C7.79102 5.66422 7.15851 5.69849 6.50734 5.69849C5.85617 5.69849 5.22366 5.66422 4.62021 5.60001C4.5777 6.04858 4.55514 6.51755 4.55514 6.99996C4.55514 7.48237 4.5777 7.95133 4.62021 8.3999C5.22366 8.3357 5.85617 8.30143 6.50734 8.30143C7.15851 8.30143 7.79102 8.3357 8.39447 8.3999ZM15.0982 5.5073H11.999C11.5718 5.5073 11.0966 5.98851 11.0966 6.41567V12.6141C11.0966 13.0412 11.5718 13.5073 11.999 13.5073H15.0982C15.5253 13.5073 16 13.0412 16 12.6141V6.41567C16 5.98851 15.5253 5.5073 15.0982 5.5073ZM15.4856 12.6141C15.4856 12.828 15.3121 13.0015 15.0982 13.0015H11.999C11.785 13.0015 11.6116 12.828 11.6116 12.6141V6.41567C11.6116 6.2017 11.785 6.02827 11.999 6.02827H15.0982C15.3121 6.02827 15.4856 6.2017 15.4856 6.41567V12.6141ZM14.2588 6.28654H13.484C13.3769 6.28654 13.2903 6.37319 13.2903 6.48023C13.2903 6.58728 13.3769 6.67393 13.484 6.67393H14.2588C14.3658 6.67393 14.4525 6.58728 14.4525 6.48023C14.4525 6.37319 14.3658 6.28654 14.2588 6.28654ZM13.936 12.3558C13.936 12.5697 13.7625 12.7432 13.5486 12.7432C13.3346 12.7432 13.1612 12.5697 13.1612 12.3558C13.1612 12.1418 13.3346 11.9684 13.5486 11.9684C13.7625 11.9684 13.936 12.1418 13.936 12.3558ZM12.8384 6.67393C12.9453 6.67393 13.0321 6.58721 13.0321 6.48023C13.0321 6.37326 12.9453 6.28654 12.8384 6.28654C12.7314 6.28654 12.6447 6.37326 12.6447 6.48023C12.6447 6.58721 12.7314 6.67393 12.8384 6.67393Z", fill: "currentColor" }));
|
|
223
|
+
|
|
224
|
+
const SvgMobileIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.90138 0H8.09976C8.9541 0 9.90347 0.962408 9.90347 1.81674V14.2135C9.90347 15.0678 8.9541 16 8.09976 16H1.90138C1.04705 16 0.0965576 15.0678 0.0965576 14.2135V1.81674C0.0965576 0.962408 1.04705 0 1.90138 0ZM8.09976 14.9883C8.52772 14.9883 8.87456 14.6415 8.87456 14.2135V1.81674C8.87456 1.38879 8.52772 1.04195 8.09976 1.04195H1.90138C1.47343 1.04195 1.12659 1.38879 1.12659 1.81674V14.2135C1.12659 14.6415 1.47343 14.9883 1.90138 14.9883H8.09976ZM4.87139 1.55849H6.42099C6.63509 1.55849 6.80839 1.73179 6.80839 1.94589C6.80839 2.15999 6.63509 2.33329 6.42099 2.33329H4.87139C4.6573 2.33329 4.48399 2.15999 4.48399 1.94589C4.48399 1.73179 4.6573 1.55849 4.87139 1.55849ZM5.00059 14.4717C5.4285 14.4717 5.77539 14.1248 5.77539 13.6969C5.77539 13.269 5.4285 12.9221 5.00059 12.9221C4.57268 12.9221 4.22579 13.269 4.22579 13.6969C4.22579 14.1248 4.57268 14.4717 5.00059 14.4717ZM3.96754 1.94589C3.96754 2.15985 3.7941 2.33329 3.58014 2.33329C3.36619 2.33329 3.19274 2.15985 3.19274 1.94589C3.19274 1.73194 3.36619 1.55849 3.58014 1.55849C3.7941 1.55849 3.96754 1.73194 3.96754 1.94589Z", fill: "currentColor" }));
|
|
225
|
+
|
|
226
|
+
const SvgSalesForce = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M4.51031 6.07875C4.42699 6.06597 4.34293 6.05878 4.25868 6.05725C4.06937 6.0549 3.98884 6.1244 3.9894 6.12431C3.93356 6.16372 3.90649 6.2225 3.90649 6.30362C3.90649 6.35534 3.9159 6.39575 3.93431 6.42412C3.94637 6.443 3.95143 6.45012 3.98781 6.47915L3.98834 6.47947C3.98774 6.47928 4.07124 6.54497 4.25996 6.53359C4.39284 6.52559 4.51043 6.50028 4.51043 6.50028H4.51031V6.07875Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M10.0592 5.52728C9.93694 5.52728 9.85038 5.569 9.79347 5.65603C9.73619 5.74363 9.70703 5.86828 9.70703 6.027C9.70703 6.18575 9.73603 6.31156 9.79347 6.39975C9.8505 6.48713 9.9375 6.52969 10.0592 6.52969C10.1809 6.52969 10.2683 6.48678 10.3261 6.39916C10.3841 6.31044 10.4137 6.18531 10.4137 6.02672C10.4137 5.86813 10.3844 5.74353 10.3261 5.65603C10.2685 5.56944 10.1815 5.52728 10.0592 5.52728Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M6.33305 5.52026C6.21136 5.52026 6.1248 5.56786 6.06789 5.65489C6.02999 5.71189 6.00577 5.78536 5.99268 5.87348L6.65408 5.87361C6.6478 5.78833 6.63108 5.71223 6.59293 5.65489C6.5353 5.56811 6.45474 5.52026 6.33305 5.52026Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M12.5488 2.28872C12.0687 2.28847 11.5938 2.38966 11.1554 2.58563C10.6616 1.70963 9.74441 1.12169 8.68612 1.12169C7.89241 1.12169 7.17397 1.45444 6.65775 1.99182L6.65834 1.99488C6.09394 1.25116 5.19441 0.771973 4.18903 0.771973C2.47228 0.771973 1.07887 2.1595 1.07887 3.87629C1.07844 4.30104 1.1655 4.72132 1.33463 5.11094C0.537375 5.58125 0 6.45141 0 7.45088C0 8.93838 1.1935 10.1495 2.66922 10.1495C2.85375 10.1496 3.03778 10.1304 3.21834 10.0923C3.624 11.1918 4.67641 11.9737 5.91694 11.9737C7.10456 11.9737 8.12463 11.2505 8.56262 10.2217C8.90687 10.3896 9.28494 10.4764 9.66794 10.4757C10.6086 10.4757 11.4347 9.95244 11.8668 9.18222C12.0891 9.22644 12.316 9.24982 12.5488 9.24982C14.4538 9.24982 16 7.69182 16 5.76929C16 3.84675 14.4537 2.28872 12.5488 2.28872ZM3.43916 6.32532C3.43916 6.60632 3.23516 6.78094 2.90709 6.78094C2.746 6.78094 2.59197 6.75566 2.42853 6.66925C2.39797 6.65157 2.36744 6.63582 2.33741 6.61403C2.33416 6.60941 2.32053 6.60391 2.33059 6.57769L2.33034 6.57722L2.39503 6.39732C2.40525 6.3665 2.42878 6.37679 2.43819 6.38247C2.456 6.39335 2.46919 6.40304 2.49228 6.41654C2.68337 6.53729 2.85969 6.53825 2.915 6.53825C3.05728 6.53825 3.14606 6.46238 3.14606 6.36066V6.35513C3.14606 6.2446 3.00966 6.2025 2.85209 6.15407L2.81728 6.14322C2.60094 6.08147 2.36928 5.99213 2.36928 5.71813V5.71253C2.36928 5.45269 2.57919 5.271 2.87959 5.271L2.91234 5.27088C3.08872 5.27088 3.25922 5.32203 3.38269 5.39728C3.39391 5.404 3.40484 5.41697 3.39862 5.43422C3.39275 5.45066 3.33791 5.5975 3.33159 5.61413C3.32 5.64488 3.28816 5.62429 3.28816 5.62429C3.18056 5.56488 3.01241 5.51788 2.87131 5.51788C2.74431 5.51788 2.662 5.5855 2.662 5.67722V5.68269C2.662 5.78972 2.8025 5.83569 2.96537 5.88847L2.99353 5.8976C3.20872 5.96522 3.43919 6.05985 3.43919 6.31972L3.43916 6.32532ZM4.785 6.68688C4.785 6.68688 4.75066 6.69622 4.71975 6.70332C4.64228 6.7201 4.56447 6.73522 4.48634 6.74869C4.39463 6.76416 4.29997 6.77216 4.20472 6.77216C4.11419 6.77216 4.03187 6.76375 3.95897 6.7471C3.88547 6.73066 3.82181 6.70291 3.77025 6.66541C3.71841 6.62785 3.67678 6.57791 3.64913 6.52019C3.62091 6.462 3.60663 6.39085 3.60663 6.30854C3.60663 6.22741 3.62337 6.15569 3.65625 6.09453C3.68881 6.03394 3.73487 5.98163 3.79087 5.94166C3.84672 5.90144 3.912 5.87122 3.98431 5.85169C4.05603 5.83232 4.13306 5.82241 4.21244 5.82241C4.27066 5.82241 4.31944 5.82375 4.35706 5.82654L4.35794 5.82869C4.35794 5.82869 4.43144 5.83535 4.51081 5.84685V5.80763C4.51081 5.68419 4.485 5.62544 4.43437 5.58657C4.38262 5.54688 4.30503 5.5266 4.20509 5.5266C4.20509 5.5266 3.97934 5.52366 3.80119 5.62069C3.79297 5.62557 3.78597 5.62832 3.78597 5.62832C3.78597 5.62832 3.76369 5.63616 3.7555 5.61329L3.68966 5.43691C3.67966 5.41135 3.698 5.40003 3.698 5.40003C3.78147 5.33463 3.98372 5.29535 3.98372 5.29535C4.05075 5.28188 4.16303 5.2725 4.23241 5.2725C4.41759 5.2725 4.56047 5.31541 4.65806 5.40069C4.756 5.48594 4.80562 5.6241 4.80562 5.80991L4.80616 6.65654C4.80619 6.65654 4.80794 6.68104 4.785 6.68688ZM5.40703 6.71672C5.40703 6.73225 5.39597 6.74488 5.38047 6.74488H5.13453C5.11894 6.74488 5.10791 6.73225 5.10791 6.71672V4.73729C5.10791 4.72182 5.11897 4.70929 5.13453 4.70929H5.38047C5.396 4.70929 5.40703 4.72179 5.40703 4.73729V6.71672ZM6.94413 6.07894C6.94159 6.10285 6.91713 6.10303 6.91713 6.10303L5.98819 6.10235C5.99347 6.24347 6.02756 6.34282 6.09578 6.411C6.16281 6.47763 6.26981 6.52013 6.41328 6.52038C6.63375 6.52097 6.72781 6.47641 6.79425 6.4516C6.79425 6.4516 6.81987 6.44241 6.82925 6.46778L6.88981 6.63769C6.90197 6.66635 6.89222 6.67625 6.882 6.68204C6.82438 6.71435 6.68328 6.77403 6.41519 6.77494C6.28466 6.77535 6.17178 6.7566 6.07831 6.72044C5.98425 6.68397 5.90606 6.63225 5.84491 6.56582C5.78434 6.49997 5.73897 6.42063 5.71084 6.33007C5.68281 6.2401 5.66875 6.14072 5.66875 6.03375C5.66875 5.9291 5.68234 5.82916 5.70931 5.738C5.73634 5.64572 5.77887 5.56516 5.83512 5.49697C5.89156 5.42875 5.96331 5.37419 6.04856 5.3341C6.13381 5.29432 6.23906 5.27472 6.35488 5.27472C6.44619 5.27457 6.53659 5.29291 6.62063 5.32866C6.67884 5.35335 6.73703 5.39863 6.797 5.46269C6.83462 5.50328 6.89247 5.59207 6.91575 5.67963L6.91641 5.67982C6.97594 5.88844 6.94513 6.06907 6.94413 6.07894ZM7.71037 6.78047C7.54928 6.78047 7.39525 6.75516 7.23178 6.66875C7.20122 6.65107 7.17059 6.63532 7.14066 6.61353C7.13731 6.60891 7.12366 6.60344 7.13372 6.57722L7.133 6.57672L7.19769 6.39682C7.20716 6.36744 7.23484 6.37822 7.24078 6.382C7.25831 6.39328 7.27181 6.40257 7.29494 6.41603C7.48544 6.53678 7.66222 6.53775 7.71766 6.53775C7.85994 6.53775 7.94872 6.46191 7.94872 6.36019V6.35466C7.94872 6.24413 7.81291 6.20203 7.65475 6.15357L7.62 6.14275C7.40366 6.081 7.172 5.99163 7.172 5.71766V5.71207C7.172 5.45219 7.38188 5.2705 7.68231 5.2705L7.71513 5.27041C7.8915 5.27041 8.062 5.32157 8.18547 5.39682C8.19662 5.4035 8.20762 5.4165 8.20134 5.43375C8.19606 5.45019 8.14112 5.59703 8.13491 5.61366C8.12325 5.64438 8.09141 5.62382 8.09141 5.62382C7.98322 5.56438 7.81566 5.51741 7.67456 5.51741C7.54756 5.51741 7.46525 5.585 7.46525 5.67675V5.68222C7.46525 5.78922 7.60575 5.83522 7.76862 5.888L7.79678 5.89713C8.01256 5.96472 8.24244 6.05938 8.24244 6.31925V6.32479C8.24247 6.60585 8.03844 6.78047 7.71037 6.78047ZM9.33372 5.52654C9.32837 5.55447 9.30262 5.5535 9.30262 5.5535H8.99712L8.78819 6.73579C8.76625 6.858 8.73888 6.96291 8.70669 7.04738C8.67416 7.13266 8.64019 7.19516 8.58616 7.25482C8.53619 7.31016 8.47969 7.351 8.41478 7.37447C8.35028 7.39775 8.2725 7.40975 8.18713 7.40975C8.14638 7.40975 8.10288 7.409 8.05125 7.39682C8.01409 7.38807 7.99381 7.38182 7.96653 7.37207C7.95491 7.36788 7.94566 7.35341 7.95225 7.33507C7.95872 7.31647 8.01334 7.16629 8.02103 7.14657C8.0305 7.12247 8.05453 7.13163 8.05453 7.13163C8.07106 7.13857 8.08253 7.1435 8.10456 7.14788C8.12663 7.15229 8.15647 7.15607 8.17894 7.15607C8.21928 7.15607 8.25606 7.15113 8.28806 7.14035C8.32681 7.12735 8.34925 7.10507 8.37297 7.07479C8.39744 7.0435 8.41731 7.00041 8.43766 6.94291C8.45828 6.88466 8.47694 6.80775 8.49322 6.71428L8.70119 5.5535H8.49622C8.47153 5.55363 8.46359 5.5421 8.466 5.52363L8.50056 5.33079C8.50597 5.30275 8.53166 5.30382 8.53166 5.30382H8.74219L8.75353 5.24094C8.785 5.05475 8.84772 4.91325 8.93991 4.82035C9.03275 4.72675 9.16497 4.67935 9.33272 4.67935C9.37494 4.67888 9.41712 4.68216 9.45878 4.6891C9.48975 4.6945 9.52034 4.70175 9.55044 4.71085C9.55703 4.71344 9.57478 4.72222 9.5675 4.74316L9.49659 4.93788C9.49066 4.95253 9.48659 4.96147 9.45638 4.95222C9.44884 4.95 9.43769 4.94675 9.40894 4.94066C9.38806 4.93629 9.36066 4.93294 9.33275 4.93294C9.29903 4.93247 9.26544 4.93735 9.23322 4.94729C9.20381 4.95694 9.17719 4.9735 9.15556 4.99563C9.13241 5.01885 9.10506 5.05266 9.09053 5.09457C9.0565 5.19279 9.04303 5.29704 9.04156 5.30375H9.33806C9.36287 5.30363 9.37075 5.31516 9.36834 5.33363L9.33372 5.52654ZM10.6871 6.32157C10.6601 6.41269 10.6182 6.49266 10.5624 6.55969C10.5066 6.62672 10.4354 6.68032 10.352 6.71841C10.2685 6.75654 10.1697 6.77591 10.0586 6.77591C9.94747 6.77591 9.84869 6.75654 9.76462 6.71841C9.68112 6.68019 9.61006 6.62669 9.55416 6.55969C9.49831 6.49263 9.45637 6.41269 9.4295 6.32157C9.40275 6.23103 9.38916 6.13225 9.38916 6.027C9.38916 5.92178 9.40275 5.823 9.4295 5.73244C9.45653 5.64132 9.49841 5.56135 9.55416 5.49435C9.61 5.42732 9.68116 5.37347 9.76462 5.33444C9.84869 5.29544 9.94687 5.27563 10.0586 5.27563C10.1703 5.27563 10.2691 5.29532 10.3526 5.33444C10.4366 5.37322 10.5071 5.42735 10.563 5.49435C10.6189 5.56138 10.6607 5.64132 10.6877 5.73244H10.6871C10.7138 5.82297 10.7274 5.92235 10.7274 6.027C10.7274 6.13229 10.7138 6.23103 10.6871 6.32157ZM11.8238 5.34857L11.8244 5.34475C11.8156 5.37004 11.7704 5.49697 11.7544 5.53938C11.7484 5.5555 11.7384 5.56641 11.7206 5.56441C11.7206 5.56441 11.6673 5.55197 11.6188 5.55197C11.5767 5.55197 11.5347 5.55785 11.4942 5.5695C11.451 5.58291 11.4117 5.6065 11.3795 5.63829C11.3458 5.67122 11.3185 5.71713 11.2984 5.77469C11.278 5.83288 11.2678 5.92519 11.2678 6.0181V6.71185C11.2678 6.72738 11.2552 6.73994 11.2397 6.73997H10.9963C10.9808 6.73994 10.9682 6.72738 10.9681 6.71185V5.33019C10.9681 5.31466 10.9793 5.30216 10.9947 5.30216H11.2322C11.2478 5.30216 11.2588 5.31466 11.2588 5.33019L11.259 5.44307C11.2942 5.39485 11.3578 5.35316 11.4153 5.32725C11.4736 5.30113 11.5382 5.2815 11.6546 5.28882C11.7152 5.29257 11.794 5.30919 11.8098 5.31522C11.8101 5.31532 11.8104 5.31544 11.8106 5.31554C11.8234 5.321 11.8293 5.33579 11.8238 5.34857ZM12.9955 6.70338C12.8921 6.74438 12.748 6.77275 12.6075 6.77275C12.37 6.77275 12.1877 6.70457 12.0666 6.56935C11.9455 6.43469 11.8843 6.25069 11.8843 6.02372C11.8843 5.9185 11.8993 5.81913 11.929 5.7286C11.959 5.63747 12.0037 5.5575 12.0625 5.4905C12.1213 5.42344 12.1954 5.36957 12.283 5.33057C12.3706 5.29154 12.4729 5.27185 12.5881 5.27185C12.6657 5.27185 12.7345 5.27654 12.7939 5.2856C12.8574 5.29519 12.9412 5.31791 12.9767 5.33182C12.9833 5.33435 13.0011 5.34316 12.9938 5.36404C12.968 5.43694 12.9503 5.48453 12.9262 5.55097C12.9159 5.57925 12.8945 5.56988 12.8945 5.56988C12.8039 5.54157 12.7175 5.52844 12.6046 5.52844C12.4694 5.52844 12.3671 5.57432 12.3007 5.6625C12.2333 5.75185 12.1958 5.86829 12.1954 6.0235C12.1948 6.194 12.2372 6.31978 12.313 6.398C12.3882 6.47613 12.4941 6.5156 12.6264 6.5156C12.6799 6.5156 12.7307 6.512 12.7763 6.50482C12.8216 6.49775 12.8641 6.48366 12.9039 6.46844C12.9039 6.46844 12.9299 6.45838 12.9388 6.485H12.9391L13.0067 6.67078C13.0153 6.69385 12.9955 6.70338 12.9955 6.70338ZM14.3702 6.07894C14.3677 6.10285 14.3433 6.10303 14.3433 6.10303L13.4143 6.10235C13.4196 6.24347 13.4537 6.34282 13.5219 6.411C13.5889 6.47763 13.6953 6.52013 13.8394 6.52038C14.0598 6.52097 14.1539 6.47641 14.2203 6.4516C14.2203 6.4516 14.246 6.44241 14.2553 6.46778L14.3158 6.63769C14.328 6.66635 14.3183 6.67625 14.308 6.68204C14.2503 6.71435 14.1093 6.77403 13.8412 6.77494C13.7112 6.77535 13.5977 6.7566 13.5043 6.72044C13.4102 6.68397 13.332 6.63225 13.2709 6.56582C13.2097 6.49997 13.1644 6.42063 13.1362 6.33007C13.1084 6.2401 13.0942 6.14072 13.0942 6.03375C13.0942 5.9291 13.1079 5.82916 13.1349 5.738C13.1619 5.64572 13.2043 5.56516 13.2607 5.49697C13.3172 5.42875 13.3889 5.37419 13.4741 5.3341C13.5594 5.29432 13.6646 5.27472 13.7804 5.27472C13.8717 5.27457 13.9622 5.29291 14.0462 5.32866C14.1044 5.35335 14.1626 5.39863 14.2226 5.46269C14.2602 5.50328 14.318 5.59207 14.3413 5.67963L14.3426 5.67982C14.4021 5.88844 14.3713 6.06907 14.3702 6.07894Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M13.7587 5.52026C13.637 5.52026 13.5504 5.56786 13.4936 5.65489C13.4556 5.71189 13.4314 5.78536 13.4183 5.87348L14.0797 5.87361C14.0735 5.78833 14.0568 5.71223 14.0186 5.65489C13.961 5.56811 13.8804 5.52026 13.7587 5.52026Z", fill: "currentColor" }));
|
|
227
|
+
|
|
228
|
+
const SvgMsDynamic = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M0.0318604 16V5.16323L3.06376 7.08443L0.272016 15.5797L9.96808 5.58349V10.5066L0.0318604 16Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M6.36583 7.32458L0.0318604 4.23265V0L9.45776 5.01313L6.36583 7.32458Z", fill: "currentColor" }));
|
|
229
|
+
|
|
230
|
+
const SvgAllProjects = (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", { d: "M1.45455 15.6364C1.05455 15.6364 0.712121 15.4939 0.427273 15.2091C0.142424 14.9243 0 14.5818 0 14.1818V6.18183H1.45455V14.1818H13.8182V15.6364H1.45455ZM4.36364 12.7273C3.96364 12.7273 3.62121 12.5849 3.33636 12.3C3.05152 12.0152 2.90909 11.6727 2.90909 11.2727V3.27274H6.54545V1.81819C6.54545 1.41819 6.68788 1.07577 6.97273 0.79092C7.25758 0.506072 7.6 0.363647 8 0.363647H10.9091C11.3091 0.363647 11.6515 0.506072 11.9364 0.79092C12.2212 1.07577 12.3636 1.41819 12.3636 1.81819V3.27274H16V11.2727C16 11.6727 15.8576 12.0152 15.5727 12.3C15.2879 12.5849 14.9455 12.7273 14.5455 12.7273H4.36364ZM4.36364 11.2727H14.5455V4.72728H4.36364V11.2727ZM8 3.27274H10.9091V1.81819H8V3.27274Z", fill: "currentColor" }));
|
|
231
|
+
|
|
232
|
+
const SvgAndroidIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8.67013 16C9.2051 16 9.67163 15.5335 9.67163 14.9985V12.6596H10.3403C10.7416 12.6596 11.0091 12.392 11.0091 11.9908V5.31055H2.99084V11.9909C2.99084 12.3921 3.25833 12.6596 3.65956 12.6596H4.32832V14.9985C4.32832 15.5335 4.79474 16 5.32982 16C5.86474 16 6.33121 15.5335 6.33121 14.9985V12.6596H7.66869V14.9985C7.66863 15.5335 8.13516 16 8.67013 16Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M12.6793 11.9909C13.2143 11.9909 13.6807 11.5244 13.6807 10.9894V6.31161C13.6807 5.77947 13.2143 5.31055 12.6793 5.31055C12.1443 5.31055 11.6778 5.77947 11.6778 6.31161V10.9894C11.6778 11.5244 12.1442 11.9909 12.6793 11.9909Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M1.3206 11.9909C1.85563 11.9909 2.3221 11.5244 2.3221 10.9894V6.31161C2.3221 5.77947 1.85568 5.31055 1.3206 5.31055C0.785631 5.31055 0.319214 5.77947 0.319214 6.31161V10.9894C0.319214 11.5244 0.785631 11.9909 1.3206 11.9909Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M10.2065 0.100908C10.0729 -0.0336359 9.87381 -0.0336359 9.74012 0.100908L8.84322 0.994821L8.80184 1.03615C8.27002 0.769834 7.67376 0.636839 7.00975 0.635558C7.00649 0.635558 7.00328 0.635451 7.00003 0.635451H6.99992C6.99656 0.635451 6.99346 0.635558 6.9901 0.635558C6.32614 0.636839 5.72987 0.769834 5.19811 1.03615L5.15662 0.994821L4.25977 0.100908C4.12598 -0.0336359 3.92704 -0.0336359 3.79335 0.100908C3.65956 0.234704 3.65956 0.433262 3.79335 0.566951L4.66095 1.4347C4.38139 1.62136 4.1279 1.84976 3.90745 2.111C3.37969 2.73657 3.04306 3.55072 2.99677 4.43284C2.99634 4.44202 2.99544 4.45109 2.99501 4.46028C2.99218 4.52034 2.99084 4.58073 2.99084 4.64132H11.0091C11.0091 4.58073 11.0076 4.52034 11.0049 4.46028C11.0045 4.45109 11.0036 4.44202 11.003 4.43284C10.9568 3.55072 10.6201 2.73652 10.0923 2.11105C9.872 1.84981 9.61839 1.62141 9.33884 1.43476L10.2065 0.567005C10.3403 0.433262 10.3403 0.234704 10.2065 0.100908ZM5.32854 3.47373C5.05187 3.47373 4.82758 3.24944 4.82758 2.97277C4.82758 2.6961 5.05187 2.47181 5.32854 2.47181C5.60521 2.47181 5.8295 2.6961 5.8295 2.97277C5.8295 3.24944 5.60521 3.47373 5.32854 3.47373ZM8.67136 3.47373C8.39469 3.47373 8.1704 3.24944 8.1704 2.97277C8.1704 2.6961 8.39469 2.47181 8.67136 2.47181C8.94803 2.47181 9.17232 2.6961 9.17232 2.97277C9.17232 3.24944 8.94803 3.47373 8.67136 3.47373Z", fill: "currentColor" }));
|
|
233
|
+
|
|
234
|
+
const SvgSwitchLicenseIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 159 159", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_464_6772)" }, /* @__PURE__ */ React.createElement("path", { d: "M159 121.603H0V121.682H159V121.603Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M143.068 124.63H114.162V124.71H143.068V124.63Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M105.328 123.769H97.413V123.848H105.328V123.769Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M123.419 127.584H111.147V127.664H123.419V127.584Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M23.8818 127.05H16.6823V127.13H23.8818V127.05Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M35.263 127.05H26.712V127.13H35.263V127.05Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M71.5977 125.708H56.7026V125.788H71.5977V125.708Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M75.366 107.42H13.9634C13.4823 107.419 13.0213 107.228 12.6815 106.887C12.3416 106.547 12.1508 106.085 12.1508 105.604V19.2896C12.1549 18.8114 12.3477 18.3541 12.687 18.0171C13.0264 17.6801 13.4851 17.4906 13.9634 17.4897H75.366C75.8476 17.4897 76.3094 17.6811 76.6499 18.0216C76.9905 18.3621 77.1818 18.824 77.1818 19.3055V105.604C77.1818 106.086 76.9905 106.548 76.6499 106.888C76.3094 107.229 75.8476 107.42 75.366 107.42ZM13.9634 17.5533C13.5034 17.5542 13.0626 17.7375 12.7377 18.063C12.4127 18.3885 12.2303 18.8297 12.2303 19.2896V105.604C12.2303 106.064 12.4127 106.505 12.7377 106.831C13.0626 107.156 13.5034 107.34 13.9634 107.341H75.366C75.8262 107.34 76.2674 107.157 76.5928 106.831C76.9182 106.506 77.1014 106.065 77.1023 105.604V19.2896C77.1014 18.8294 76.9182 18.3883 76.5928 18.0628C76.2674 17.7374 75.8262 17.5542 75.366 17.5533H13.9634Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M144.153 107.42H82.7468C82.2655 107.419 81.8041 107.228 81.4638 106.887C81.1235 106.547 80.9319 106.086 80.931 105.604V19.2896C80.936 18.8111 81.1295 18.3538 81.4694 18.0169C81.8093 17.6799 82.2682 17.4906 82.7468 17.4897H144.153C144.63 17.4914 145.088 17.6813 145.427 18.0182C145.766 18.3551 145.958 18.8119 145.962 19.2896V105.604C145.962 106.085 145.772 106.546 145.432 106.886C145.093 107.226 144.633 107.418 144.153 107.42ZM82.7468 17.5533C82.2866 17.5542 81.8454 17.7374 81.52 18.0628C81.1946 18.3883 81.0114 18.8294 81.0105 19.2896V105.604C81.0114 106.065 81.1946 106.506 81.52 106.831C81.8454 107.157 82.2866 107.34 82.7468 107.341H144.153C144.613 107.34 145.054 107.157 145.379 106.831C145.705 106.506 145.888 106.065 145.889 105.604V19.2896C145.888 18.8294 145.705 18.3883 145.379 18.0628C145.054 17.7374 144.613 17.5542 144.153 17.5533H82.7468Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M16.679 121.6H54.6991L54.6991 37.5175H16.679L16.679 121.6Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M16.6823 121.6H52.8994L52.8994 37.5175H16.6823L16.6823 121.6Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M50.9913 119.695L50.9913 39.4287H18.5903L18.5903 119.695H50.9913Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M29.0588 77.2738H22.454C22.2291 77.273 22.0136 77.1832 21.8545 77.0242C21.6955 76.8651 21.6058 76.6497 21.6049 76.4247C21.6058 76.1998 21.6955 75.9843 21.8545 75.8253C22.0136 75.6662 22.2291 75.5765 22.454 75.5757H29.0588C29.2838 75.5765 29.4992 75.6662 29.6583 75.8253C29.8173 75.9843 29.9071 76.1998 29.9079 76.4247C29.9071 76.6497 29.8173 76.8651 29.6583 77.0242C29.4992 77.1832 29.2838 77.273 29.0588 77.2738Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M19.0864 119.695L19.0864 39.4287H18.5903L18.5903 119.695H19.0864Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M72.5135 120.007H78.174V95.457H72.5135V120.007Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M49.1724 121.565H77.0864V120.01H49.1724V121.565Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M72.5135 95.4602H48.0848V120.01H72.5135V95.4602Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M70.2844 98.4812H50.3077V106.533H70.2844V98.4812Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M70.2844 108.934H50.3077V116.986H70.2844V108.934Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M58.0541 99.1585H62.5411C62.6867 99.1577 62.8262 99.0994 62.9292 98.9965C63.0322 98.8935 63.0904 98.754 63.0912 98.6084C63.0912 98.4622 63.0334 98.3219 62.9303 98.2182C62.8272 98.1146 62.6873 98.0559 62.5411 98.0551H58.0541C57.9079 98.0559 57.768 98.1146 57.6649 98.2182C57.5618 98.3219 57.504 98.4622 57.504 98.6084C57.5048 98.754 57.563 98.8935 57.666 98.9965C57.769 99.0994 57.9085 99.1577 58.0541 99.1585Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M58.0541 109.614H62.5411C62.6851 109.614 62.8231 109.557 62.9259 109.456C63.0286 109.355 63.0879 109.218 63.0912 109.074C63.0904 108.928 63.0322 108.789 62.9292 108.686C62.8262 108.583 62.6867 108.525 62.5411 108.524H58.0541C57.9085 108.525 57.769 108.583 57.666 108.686C57.563 108.789 57.5048 108.928 57.504 109.074C57.5073 109.218 57.5666 109.355 57.6693 109.456C57.772 109.557 57.9101 109.614 58.0541 109.614Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M62.1594 94.9768C62.0484 94.976 61.9421 94.9315 61.8635 94.853C61.785 94.7744 61.7405 94.6681 61.7397 94.5571V81.8021C61.7397 81.6908 61.7839 81.584 61.8626 81.5053C61.9414 81.4265 62.0481 81.3823 62.1594 81.3823C62.2705 81.3832 62.3768 81.4276 62.4553 81.5062C62.5339 81.5847 62.5784 81.691 62.5792 81.8021V94.5571C62.5784 94.6681 62.5339 94.7744 62.4553 94.853C62.3768 94.9315 62.2705 94.976 62.1594 94.9768Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M66.0868 94.4807H58.2322V95.4697H66.0868V94.4807Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M64.3346 87.3447C64.2795 87.3447 64.2266 87.323 64.1873 87.2844C64.148 87.2457 64.1255 87.1931 64.1247 87.138V80.7716C64.1255 80.7162 64.1479 80.6633 64.1871 80.6241C64.2263 80.585 64.2792 80.5626 64.3346 80.5618C64.39 80.5626 64.4429 80.585 64.4821 80.6241C64.5213 80.6633 64.5436 80.7162 64.5445 80.7716V87.1316C64.5449 87.1595 64.5398 87.1871 64.5294 87.2129C64.519 87.2388 64.5037 87.2623 64.4841 87.2821C64.4646 87.3019 64.4413 87.3177 64.4156 87.3284C64.39 87.3392 64.3624 87.3447 64.3346 87.3447Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M56.0506 82.966C56.0506 82.966 56.2064 76.9558 62.1594 76.9558C68.1123 76.9558 68.265 82.9597 68.265 82.9597L56.0506 82.966Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M107.583 91.4565C107.751 91.4565 107.923 91.4565 108.095 91.4724C109.853 91.5995 111.507 92.3579 112.751 93.6078C113.995 94.8577 114.746 96.515 114.865 98.2745C114.915 99.0738 114.836 99.876 114.629 100.65C113.832 103.754 113.447 106.95 113.485 110.155V119.485C113.485 119.647 113.454 119.807 113.392 119.956C113.33 120.105 113.239 120.241 113.125 120.355C113.011 120.469 112.875 120.56 112.725 120.621C112.576 120.682 112.416 120.713 112.254 120.713H82.6387V91.4565H107.583Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M75.3405 98.7546C75.3436 97.7172 75.568 96.6924 75.9986 95.7486C76.4292 94.8049 77.0561 93.9638 77.8376 93.2815C78.619 92.5992 79.537 92.0914 80.5302 91.7921C81.5234 91.4927 82.5691 91.4086 83.5974 91.5454C84.6257 91.6822 85.6131 92.0368 86.4935 92.5854C87.3739 93.134 88.1272 93.8641 88.7031 94.727C89.2789 95.5898 89.6642 96.5656 89.833 97.5891C90.0019 98.6127 89.9505 99.6605 89.6823 100.663C88.8877 103.767 88.5039 106.963 88.5407 110.168V119.498C88.5407 119.659 88.5089 119.818 88.4472 119.967C88.3855 120.116 88.295 120.251 88.181 120.365C88.067 120.478 87.9316 120.568 87.7827 120.63C87.6338 120.691 87.4743 120.722 87.3132 120.722H77.9608C77.8001 120.722 77.6409 120.69 77.4923 120.629C77.3438 120.567 77.2088 120.477 77.0951 120.363C76.9814 120.25 76.8913 120.115 76.8297 119.966C76.7682 119.818 76.7365 119.658 76.7365 119.498V109.608C76.7635 106.602 76.3827 103.607 75.6045 100.704C75.4291 100.069 75.3403 99.4133 75.3405 98.7546Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M92.6939 120.713H119.282V102.949H92.6939V120.713Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M141.256 106.969H105.668V79.7254C105.668 78.2613 106.25 76.8572 107.285 75.8219C108.32 74.7866 109.725 74.205 111.189 74.205H135.735C137.199 74.205 138.603 74.7866 139.639 75.8219C140.674 76.8572 141.256 78.2613 141.256 79.7254V106.969Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M134.301 106.969H98.7136V79.4583C98.7136 78.0642 99.2674 76.7272 100.253 75.7414C101.239 74.7556 102.576 74.2018 103.97 74.2018H129.032C130.426 74.2018 131.763 74.7556 132.749 75.7414C133.734 76.7272 134.288 78.0642 134.288 79.4583V106.969H134.301Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M117.545 108.562H93.0372C92.6155 108.562 92.2111 108.394 91.9129 108.096C91.6147 107.798 91.4472 107.393 91.4472 106.972V102.943C91.4472 102.521 91.6147 102.117 91.9129 101.818C92.2111 101.52 92.6155 101.353 93.0372 101.353H117.545C117.673 101.353 117.795 101.403 117.885 101.493C117.975 101.583 118.026 101.706 118.026 101.833V108.085C118.025 108.212 117.974 108.333 117.884 108.422C117.794 108.512 117.672 108.562 117.545 108.562Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M143.879 91.4565C144.048 91.4565 144.216 91.4565 144.391 91.4724C146.149 91.6003 147.802 92.3589 149.046 93.6088C150.289 94.8586 151.039 96.5155 151.158 98.2745C151.212 99.0738 151.132 99.8766 150.923 100.65C150.125 103.755 149.74 106.952 149.778 110.158V119.488C149.778 119.649 149.746 119.809 149.685 119.957C149.623 120.106 149.532 120.241 149.418 120.355C149.304 120.469 149.169 120.559 149.02 120.62C148.871 120.682 148.712 120.713 148.551 120.713H118.932V91.4565H143.879Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M111.637 98.7547C111.624 96.8528 112.355 95.0211 113.673 93.6499C114.991 92.2788 116.792 91.4766 118.693 91.4144C120.594 91.3522 122.444 92.0349 123.849 93.3169C125.254 94.599 126.103 96.379 126.214 98.2777C126.264 99.077 126.185 99.8792 125.979 100.653C125.182 103.757 124.797 106.953 124.834 110.158V119.488C124.834 119.813 124.705 120.124 124.476 120.354C124.246 120.584 123.935 120.713 123.61 120.713H114.254C114.093 120.713 113.934 120.681 113.786 120.619C113.637 120.558 113.502 120.468 113.389 120.354C113.275 120.24 113.185 120.105 113.123 119.957C113.062 119.808 113.03 119.649 113.03 119.488V109.608C113.056 106.603 112.677 103.608 111.901 100.704C111.726 100.069 111.637 99.4134 111.637 98.7547Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M83.157 121.603H143.358C143.474 121.603 143.59 121.58 143.698 121.535C143.806 121.49 143.904 121.425 143.986 121.342C144.068 121.259 144.134 121.161 144.178 121.053C144.223 120.945 144.245 120.829 144.245 120.713H82.2698C82.2694 120.829 82.292 120.945 82.3364 121.053C82.3808 121.161 82.4461 121.259 82.5285 121.342C82.6109 121.425 82.7089 121.49 82.8167 121.535C82.9246 121.58 83.0402 121.603 83.157 121.603Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M118.811 53.3824H138.174V32.2641H118.811V53.3824Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M117.657 53.3824H137.522V32.2641H117.657V53.3824Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M135.856 51.7192V33.9271H119.317V51.7192H135.856Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M127.588 38.3251L132.11 46.1606H123.066L127.588 38.3251Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M91.6475 65.7113H111.011V44.5929H91.6475V65.7113Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M90.4933 65.7113H110.359V44.5929H90.4933V65.7113Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M108.692 64.0481V46.256H92.1531V64.0481H108.692Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M98.402 58.3242L96.4399 54.9248C96.2358 54.5699 96.1286 54.1677 96.129 53.7583C96.1295 53.349 96.2376 52.9469 96.4425 52.5926C96.6474 52.2382 96.9419 51.9439 97.2964 51.7393C97.6509 51.5347 98.053 51.4269 98.4624 51.4268H102.396C102.805 51.4273 103.207 51.5353 103.562 51.7399C103.916 51.9445 104.211 52.2386 104.416 52.5928C104.621 52.9469 104.729 53.3487 104.73 53.7579C104.731 54.1672 104.625 54.5695 104.422 54.9248L102.46 58.3242C102.255 58.6817 101.96 58.9788 101.604 59.1855C101.247 59.3921 100.843 59.501 100.431 59.501C100.019 59.501 99.6144 59.3921 99.2581 59.1855C98.9018 58.9788 98.6065 58.6817 98.402 58.3242Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M79.5 135.964C113.552 135.964 141.157 134.352 141.157 132.364C141.157 130.376 113.552 128.765 79.5 128.765C45.4477 128.765 17.843 130.376 17.843 132.364C17.843 134.352 45.4477 135.964 79.5 135.964Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M100.647 31.5774H27.3414L32.1655 131.41H105.471L100.647 31.5774Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M100.647 31.5774H27.3414L32.1655 131.41H105.471L100.647 31.5774Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M101.324 31.5774H28.0187L32.846 131.41H106.151L101.324 31.5774Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M97.4541 34.9354H31.3705L35.9878 126.898L93.4504 126.822L103 118.356L97.4541 34.9354Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9597 34.9324C98.6644 62.4732 100.888 89.9541 104.622 117.25C99.3854 120.854 94.1755 124.458 88.9921 128.062H39.5685C34.9036 97.2192 32.1656 66.1157 31.3705 34.9324H97.9597Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M104.622 117.25C99.3854 120.854 94.1755 124.458 88.9921 128.062C90.1242 123.292 91.304 118.522 92.5315 113.752L104.622 117.25Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M49.2898 43.3465C49.4148 46.7131 49.5611 50.0818 49.7286 53.4526H39.6257C39.4561 50.0818 39.3099 46.7131 39.1869 43.3465H49.2898ZM50.3201 42.2812H38.0834C38.2255 46.358 38.4025 50.4369 38.6145 54.5179H50.8543C50.6423 50.439 50.4653 46.3601 50.3233 42.2812H50.3201Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M90.5726 47.1403H55.9679C55.9361 46.3803 55.9075 45.6171 55.8788 44.8571H90.4804C90.509 45.6171 90.5408 46.3803 90.5726 47.1403Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M83.2617 51.9421H56.1808C56.1458 51.1789 56.1077 50.4188 56.0759 49.6588H83.1536C83.1896 50.4199 83.2256 51.181 83.2617 51.9421Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M50.2819 63.1388C50.4939 66.5096 50.7303 69.8804 50.991 73.2512H40.885C40.6242 69.8804 40.3878 66.5096 40.1758 63.1388H50.2819ZM51.2804 62.0735H39.0438C39.2939 66.1545 39.5791 70.2355 39.8992 74.3165H52.1517C51.8337 70.2376 51.5475 66.1566 51.2931 62.0735H51.2804Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M69.769 66.9357H57.049C56.9981 66.1725 56.9441 65.4125 56.8964 64.6493H69.6164C69.6641 65.4125 69.7149 66.1725 69.769 66.9357Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M81.8117 66.9357H72.4593C72.4084 66.1725 72.3543 65.4125 72.3066 64.6493H81.659C81.7067 65.4125 81.7576 66.1725 81.8117 66.9357Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M87.682 71.7406H57.3989C57.3416 70.9774 57.2876 70.2174 57.2303 69.4542H87.5135C87.5707 70.2174 87.6248 70.9774 87.682 71.7406Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M51.7988 82.9407C52.102 86.3115 52.4285 89.6823 52.7783 93.0531H42.6722C42.3224 89.6823 41.996 86.3115 41.6928 82.9407H51.7988ZM52.7719 81.8754H40.5321C40.8925 85.9585 41.2868 90.0406 41.7151 94.1215H53.9549C53.5309 90.0384 53.1366 85.9564 52.7719 81.8754Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M93.5237 89.2594H58.9157L59.1447 91.5426H93.7526L93.5237 89.2594Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M85.5418 84.4545H58.4609C58.5308 85.2145 58.6008 85.9777 58.6739 86.7377H85.7516C85.6817 85.9777 85.6085 85.224 85.5418 84.4545Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M53.8435 102.743C54.2378 106.113 54.6544 109.483 55.0933 112.852H44.9872C44.5484 109.485 44.1318 106.115 43.7375 102.743H53.8435ZM54.7975 101.677H42.5482C43.0146 105.76 43.5181 109.84 44.0587 113.917H56.2858C55.7494 109.84 55.2459 105.76 54.7753 101.677H54.7975Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M95.4284 106.53H60.8205C60.7283 105.767 60.636 105.007 60.547 104.244H95.1518C95.244 105.016 95.333 105.776 95.4284 106.53Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M77.1752 111.341H61.4215C61.3229 110.581 61.2275 109.818 61.1321 109.058H76.8858C76.9812 109.818 77.0766 110.581 77.1752 111.341Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M86.5816 111.341H79.7796C79.681 110.581 79.5856 109.818 79.4902 109.058H86.2922C86.3876 109.818 86.4957 110.581 86.5816 111.341Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M44.8378 52.0088L44.3894 51.2965C43.41 49.7383 41.413 48.3486 40.7229 47.9416L41.2381 47.0289C42.5919 47.851 43.8015 48.8899 44.8187 50.104C46.3579 48.0084 48.6347 45.8428 51.7511 43.515L52.4094 44.3736C49.0831 46.8636 46.7554 49.1436 45.2862 51.3378L44.8378 52.0088Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M46.0462 71.8076L45.5787 71.0953C44.5611 69.5371 42.5259 68.1443 41.8263 67.7372L42.3128 66.8246C43.6925 67.647 44.9305 68.6864 45.9794 69.9028C47.4613 67.804 49.6777 65.6384 52.7337 63.3075C52.9595 63.5937 53.1884 63.8799 53.4142 64.1693C50.1547 66.6624 47.8874 68.9393 46.4786 71.1367C46.3324 71.3593 46.1893 71.585 46.0462 71.8076Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M47.8016 91.6603L47.3151 90.948C46.253 89.3898 44.1796 87.9969 43.4705 87.5931C43.6231 87.2751 43.7885 86.9825 43.9347 86.6804C45.3359 87.5042 46.5998 88.5417 47.6808 89.7555C49.1086 87.6567 51.2678 85.4943 54.257 83.1602L54.963 84.0219C51.783 86.5151 49.557 88.7919 48.2118 90.9893L47.8016 91.6603Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M79.8592 122.576C77.983 122.576 76.9018 121.883 75.9478 121.272C74.9938 120.662 74.1733 120.134 72.5897 120.134C71.006 120.134 70.3001 120.687 69.5528 121.272C68.8055 121.858 67.8896 122.576 66.0134 122.576C64.1372 122.576 63.056 121.883 62.1052 121.272C61.1544 120.662 60.334 120.134 58.7471 120.134C57.1603 120.134 56.4575 120.687 55.7102 121.272C54.9629 121.858 54.0471 122.576 52.1741 122.576C50.3011 122.576 49.2167 121.883 48.2627 121.272C47.3087 120.662 46.4914 120.134 44.9046 120.134C44.8633 119.816 44.8187 119.523 44.7774 119.218C46.6536 119.218 47.7316 119.911 48.6856 120.522C49.6396 121.133 50.4569 121.66 52.0405 121.66C53.6242 121.66 54.3301 121.107 55.0774 120.522C55.8247 119.937 56.7437 119.218 58.6199 119.218C60.4961 119.218 61.571 119.911 62.525 120.522C63.479 121.133 64.2994 121.66 65.8831 121.66C67.4667 121.66 68.1727 121.107 68.92 120.522C69.6673 119.937 70.5863 119.218 72.4625 119.218C74.3387 119.218 75.4167 119.911 76.3707 120.522C77.3247 121.133 78.142 121.66 79.7288 121.66C79.7701 121.966 79.8178 122.271 79.8592 122.576Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M82.5495 34.0482C81.4746 31.1862 78.991 29.3068 76.3198 29.3068H70.8757C70.4704 29.3033 70.0751 29.1809 69.7388 28.9548C69.4024 28.7287 69.1398 28.4088 68.9836 28.0348C68.5987 27.1208 67.9552 26.3392 67.132 25.7861C66.3088 25.233 65.342 24.9325 64.3503 24.9216C63.391 24.9119 62.4536 25.2086 61.6746 25.7685C60.8956 26.3285 60.3157 27.1224 60.0192 28.0348C59.8984 28.4082 59.6613 28.733 59.3425 28.9619C59.0238 29.1908 58.6402 29.3116 58.2479 29.3068H52.8069C50.1325 29.3068 47.8302 31.1958 47.0352 34.0482L46.7172 35.1835H82.9692L82.5495 34.0482Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M82.7434 36.3028H47.0638C46.7629 36.2993 46.4745 36.1819 46.2568 35.9742C46.039 35.7664 45.9081 35.4839 45.8904 35.1835C45.8826 35.0391 45.9044 34.8947 45.9545 34.7591C46.0046 34.6235 46.082 34.4997 46.1818 34.3951C46.2816 34.2905 46.4017 34.2075 46.5348 34.1511C46.6679 34.0947 46.8112 34.0662 46.9557 34.0673H82.6353C82.9357 34.0707 83.2237 34.1877 83.4413 34.3948C83.659 34.6019 83.7903 34.8836 83.8087 35.1835C83.817 35.3281 83.7955 35.4728 83.7456 35.6088C83.6957 35.7448 83.6184 35.869 83.5186 35.974C83.4187 36.0789 83.2984 36.1622 83.1651 36.2188C83.0318 36.2753 82.8883 36.3039 82.7434 36.3028Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M82.7434 36.3028H47.0638C46.7629 36.2993 46.4745 36.1819 46.2568 35.9742C46.039 35.7664 45.9081 35.4839 45.8904 35.1835C45.8826 35.0391 45.9044 34.8947 45.9545 34.7591C46.0046 34.6235 46.082 34.4997 46.1818 34.3951C46.2816 34.2905 46.4017 34.2075 46.5348 34.1511C46.6679 34.0947 46.8112 34.0662 46.9557 34.0673H82.6353C82.9357 34.0707 83.2237 34.1877 83.4413 34.3948C83.659 34.6019 83.7903 34.8836 83.8087 35.1835C83.817 35.3281 83.7955 35.4728 83.7456 35.6088C83.6957 35.7448 83.6184 35.869 83.5186 35.974C83.4187 36.0789 83.2984 36.1622 83.1651 36.2188C83.0318 36.2753 82.8883 36.3039 82.7434 36.3028Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M114.773 130.453H112.442L112.21 125.057H114.541L114.773 130.453Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M128.761 130.453H126.431L125.26 125.057H127.588L128.761 130.453Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M126.265 130.183H128.882C128.929 130.183 128.973 130.198 129.009 130.227C129.045 130.256 129.07 130.297 129.08 130.342L129.541 132.415C129.551 132.466 129.55 132.518 129.538 132.567C129.526 132.617 129.502 132.664 129.47 132.703C129.437 132.743 129.396 132.775 129.349 132.797C129.303 132.818 129.252 132.829 129.2 132.829C128.288 132.813 127.843 132.759 126.691 132.759C125.982 132.759 124.523 132.832 123.546 132.832C122.57 132.832 122.44 131.878 122.84 131.779C124.637 131.385 125.311 130.844 125.887 130.326C125.991 130.234 126.126 130.183 126.265 130.183Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M112.458 130.183H115.002C115.048 130.183 115.093 130.198 115.129 130.227C115.164 130.256 115.189 130.297 115.199 130.342L115.66 132.415C115.671 132.464 115.672 132.514 115.661 132.563C115.651 132.612 115.629 132.658 115.599 132.697C115.568 132.737 115.53 132.769 115.485 132.792C115.441 132.815 115.392 132.827 115.342 132.829C114.423 132.813 113.097 132.759 111.943 132.759C110.594 132.759 109.43 132.832 107.847 132.832C106.893 132.832 106.626 131.878 107.026 131.779C108.848 131.379 110.337 131.337 111.911 130.364C112.074 130.256 112.262 130.193 112.458 130.183Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M117.024 45.4485C116.706 47.153 116.522 49.2645 117.714 50.4029C117.714 50.4029 117.03 52.1328 113.863 52.1328C110.969 52.1328 112.419 50.4029 112.419 50.4029C114.327 49.9482 114.219 47.5982 113.889 46.2689L117.024 45.4485Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M111.51 50.6415C111.574 50.2186 112.318 49.7257 113.164 49.5412C114.01 49.3568 117.26 48.9466 118.252 49.3568C119.244 49.767 118.08 50.9818 118.08 50.9818L111.51 50.6415Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.4, d: "M111.51 50.6415C111.574 50.2186 112.318 49.7257 113.164 49.5412C114.01 49.3568 117.26 48.9466 118.252 49.3568C119.244 49.767 118.08 50.9818 118.08 50.9818L111.51 50.6415Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M112.21 125.06L112.331 127.839H114.662L114.541 125.06H112.21Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M127.591 125.06H125.26L125.865 127.839H128.195L127.591 125.06Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M122.541 52.5018L119.734 54.378C119.734 54.378 123.766 61.5489 123.429 62.6969C122.968 64.2615 122.325 67.68 121.451 69.4162C121.565 69.7915 122.147 70.6469 122.472 70.7932C124.698 69.1014 126.946 63.7972 126.863 62.3121C126.669 58.9445 122.541 52.5018 122.541 52.5018Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M121.451 69.4226L119.225 69.2509L120.392 71.7026C120.392 71.7026 122.335 71.7885 122.659 70.3034L121.451 69.4226Z", fill: "#B55B52" }), /* @__PURE__ */ React.createElement("path", { d: "M132.454 81.3794L132.266 81.7323L131.007 84.1142L86.3022 60.4772L87.7459 57.7424L132.454 81.3794Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M135.344 75.9194L134.422 77.6621L133.9 78.6479L89.1927 55.0109L90.6365 52.2761L135.344 75.9194Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M89.2076 55.0028L87.7608 57.7343L132.45 81.406L133.897 78.6746L89.2076 55.0028Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M89.2076 55.0028L87.7608 57.7343L132.45 81.406L133.897 78.6746L89.2076 55.0028Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M84.3751 52.6385L83.0745 55.0998L86.3022 60.4772L90.6366 52.2792L84.3751 52.6385Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.8, d: "M84.3751 52.6385L83.0745 55.0998L86.3022 60.4772L90.6366 52.2792L84.3751 52.6385Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6912 52.7945L83.0745 55.1L84.3751 52.6387L81.6912 52.7945Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M117.434 70.367L118.598 72.5358L120.401 71.7026L119.234 69.2509L117.434 70.367Z", fill: "#B55B52" }), /* @__PURE__ */ React.createElement("path", { d: "M121.874 50.9309C124.077 51.2489 126.602 58.8809 126.602 58.8809L121.972 61.4948C121.972 61.4948 119.934 57.876 118.932 55.173C117.876 52.3459 119.511 50.5874 121.874 50.9309Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M120.592 53.5482C119.59 52.6323 120.204 56.5532 120.681 59.0623C120.926 59.552 121.158 59.9972 121.355 60.3692C122.471 58.3976 121.972 54.8106 120.592 53.5482Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M108.823 51.0518C108.823 51.0518 106.072 58.0859 108.683 71.1875H121.158C121.244 69.2795 120.042 59.943 121.886 50.9309C120.509 50.6649 119.115 50.4886 117.714 50.403C115.951 50.3012 114.183 50.3012 112.42 50.403C111.205 50.5244 110.003 50.7413 108.823 51.0518Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M110.74 54.3208L107.599 53.0774C107.599 53.0774 103.98 60.4645 102.829 60.8366C101.28 61.3454 98.1 62.7446 96.1729 63.0181C95.9312 63.3361 95.556 64.2901 95.6164 64.6399C98.2717 65.508 103.923 64.3569 105.093 63.4474C107.777 61.374 110.74 54.3208 110.74 54.3208Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M111.094 53.4811C110.575 52.2855 109.583 51.7862 108.55 51.9611C108.149 53.4271 107.471 56.6484 107.596 61.5011L108.336 61.8573C108.336 61.8573 111.981 55.5259 111.094 53.4811Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M111.59 52.6449C112.372 54.731 108.41 60.8684 108.41 60.8684L103.748 58.3244C104.448 56.4155 105.351 54.5872 106.441 52.8707C108.079 50.4253 110.728 50.3585 111.59 52.6449Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M96.2874 63.0117L93.5145 63.6L94.92 66.1663C95.6951 65.7807 96.3993 65.2668 97.0029 64.6462L96.2874 63.0117Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M92.2043 64.182L93.3109 65.7148L94.92 66.1791L93.5144 63.6128L92.2043 64.182Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M111.739 42.9968C111.739 43.1844 111.621 43.3148 111.497 43.3148C111.373 43.3148 111.284 43.1494 111.297 42.9618C111.31 42.7742 111.415 42.6438 111.539 42.6438C111.663 42.6438 111.752 42.8092 111.739 42.9968Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M111.904 43.0128C111.648 43.5731 111.315 44.0953 110.915 44.5647C111.038 44.664 111.181 44.7351 111.335 44.773C111.488 44.811 111.648 44.8147 111.803 44.7841L111.904 43.0128Z", fill: "#ED847E" }), /* @__PURE__ */ React.createElement("path", { d: "M111.501 42.3481C111.484 42.3446 111.468 42.3381 111.453 42.3291C111.441 42.3213 111.43 42.3112 111.422 42.2992C111.413 42.2873 111.407 42.2738 111.404 42.2595C111.401 42.2453 111.401 42.2306 111.404 42.2163C111.407 42.202 111.413 42.1884 111.421 42.1764C111.513 42.0275 111.639 41.9026 111.789 41.8119C111.939 41.7213 112.108 41.6675 112.283 41.6549C112.312 41.6564 112.339 41.6687 112.36 41.6892C112.38 41.7098 112.393 41.7372 112.394 41.7662C112.394 41.7957 112.382 41.824 112.362 41.8449C112.341 41.8658 112.312 41.8775 112.283 41.8775C112.147 41.8902 112.016 41.9344 111.901 42.0068C111.786 42.0791 111.689 42.1775 111.618 42.2941C111.607 42.3142 111.589 42.3303 111.568 42.34C111.547 42.3497 111.523 42.3525 111.501 42.3481Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M118.061 42.8345C117.787 45.1305 117.743 46.4852 116.512 47.6045C114.658 49.2836 111.876 48.0656 111.456 45.7315C111.081 43.6327 111.593 40.2333 113.901 39.4446C114.409 39.2689 114.954 39.2258 115.483 39.3196C116.012 39.4134 116.509 39.6409 116.926 39.9805C117.342 40.3201 117.665 40.7605 117.864 41.26C118.063 41.7595 118.13 42.3015 118.061 42.8345Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M113.434 43.2829C112.629 43.4419 111.345 41.6548 112.394 40.1379C111.863 39.874 110.13 40.917 109.478 39.9439C108.826 38.9709 110.636 38.4525 110.289 37.6289C111.516 37.8801 109.494 39.4129 110.661 39.2634C111.828 39.114 113.173 36.9579 114.477 37.842C116.783 39.3906 119.924 36.8085 118.643 40.0425C120.214 39.7245 121.289 41.5816 119.791 42.8695C116.805 45.4294 118.643 45.7665 116.751 45.8969C115.803 45.9669 113.599 44.838 113.434 43.2829Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M114.626 43.884C114.516 44.1135 114.361 44.3187 114.171 44.4875C113.98 44.6562 113.758 44.7851 113.517 44.8666C112.881 45.086 112.515 44.5168 112.664 43.8903C112.798 43.3243 113.3 42.5293 113.959 42.5865C114.103 42.6007 114.242 42.6508 114.362 42.7323C114.482 42.8138 114.58 42.9242 114.646 43.0533C114.713 43.1823 114.746 43.326 114.742 43.4711C114.739 43.6163 114.699 43.7582 114.626 43.884Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M113.103 71.1874C113.103 71.1874 115.749 88.9954 117.199 95.6734C118.789 102.987 124.777 127.311 124.777 127.311H129.044C129.044 127.311 125.098 103.569 124.189 96.3348C123.206 88.4866 121.145 71.1969 121.145 71.1969L113.103 71.1874Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M113.103 71.1874C113.103 71.1874 115.749 88.9954 117.199 95.6734C118.789 102.987 124.777 127.311 124.777 127.311H129.044C129.044 127.311 125.098 103.569 124.189 96.3348C123.206 88.4866 121.145 71.1969 121.145 71.1969L113.103 71.1874Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M116.245 77.414C116.048 77.1341 115.87 77.0387 115.705 77.096H115.67C115.632 77.1124 115.597 77.1338 115.565 77.1596C115.531 77.1871 115.5 77.218 115.472 77.2518L115.421 77.3154L115.355 77.4203C115.299 77.5129 115.252 77.6096 115.212 77.7097C115.186 77.7701 115.161 77.8337 115.138 77.8973C115.116 77.9609 115.081 78.0595 115.056 78.1486C115.03 78.2376 114.983 78.3902 114.948 78.5206C114.948 78.5556 114.932 78.5874 114.922 78.6224C114.913 78.6574 114.887 78.7687 114.871 78.8418C114.855 78.9149 114.843 78.969 114.83 79.0326C114.801 79.1566 114.776 79.287 114.751 79.4206C114.725 79.5541 114.696 79.7099 114.671 79.8594C114.671 79.9103 114.655 79.9612 114.646 80.0152C114.614 80.206 114.585 80.4 114.557 80.6003C115.262 85.0333 116.102 90.1149 116.783 93.6606C116.814 93.5461 116.849 93.4253 116.878 93.2949C117.017 92.7034 117.123 92.1046 117.196 91.5014C117.797 86.9317 117.52 79.2361 116.245 77.414Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M108.683 71.1874C108.683 71.1874 108.365 88.6074 108.616 95.7147C108.88 103.105 111.462 127.302 111.462 127.302H115.409C115.409 127.302 115.552 103.534 115.727 96.2776C115.918 88.3657 116.872 71.1874 116.872 71.1874H108.683Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M108.683 71.1874C108.683 71.1874 108.365 88.6074 108.616 95.7147C108.88 103.105 111.462 127.302 111.462 127.302H115.409C115.409 127.302 115.552 103.534 115.727 96.2776C115.918 88.3657 116.872 71.1874 116.872 71.1874H108.683Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M115.669 126.093C115.685 126.093 115.669 127.381 115.669 127.381H111.119L110.928 125.934L115.669 126.093Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M129.045 126.189C129.064 126.189 129.258 127.381 129.258 127.381H124.567L124.154 126.014L129.045 126.189Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M125.496 130.59C125.337 130.603 125.179 130.561 125.047 130.472C125.005 130.438 124.972 130.392 124.951 130.341C124.931 130.29 124.925 130.234 124.933 130.18C124.933 130.148 124.942 130.117 124.958 130.089C124.974 130.062 124.997 130.039 125.025 130.024C125.283 129.894 126.036 130.342 126.122 130.405C126.131 130.412 126.138 130.421 126.142 130.431C126.146 130.441 126.147 130.452 126.144 130.463C126.143 130.473 126.138 130.483 126.131 130.491C126.123 130.499 126.114 130.505 126.103 130.507C125.904 130.557 125.701 130.585 125.496 130.59ZM125.149 130.11C125.125 130.104 125.1 130.104 125.076 130.11C125.065 130.116 125.056 130.125 125.05 130.137C125.043 130.148 125.04 130.161 125.041 130.173C125.036 130.21 125.041 130.248 125.054 130.283C125.067 130.318 125.089 130.349 125.117 130.374C125.377 130.494 125.673 130.51 125.944 130.418C125.701 130.265 125.431 130.16 125.149 130.11Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M126.09 130.51C126.082 130.513 126.073 130.513 126.065 130.51C125.823 130.38 125.359 129.874 125.407 129.611C125.415 129.57 125.437 129.534 125.469 129.508C125.5 129.482 125.54 129.467 125.582 129.467C125.624 129.461 125.666 129.464 125.707 129.476C125.748 129.488 125.785 129.509 125.817 129.537C126.087 129.757 126.135 130.431 126.135 130.46C126.135 130.469 126.132 130.479 126.128 130.488C126.124 130.497 126.117 130.504 126.11 130.51C126.103 130.512 126.097 130.512 126.09 130.51ZM125.62 129.556H125.61C125.537 129.556 125.531 129.598 125.528 129.614C125.499 129.766 125.795 130.151 126.036 130.332C126.02 130.067 125.923 129.813 125.76 129.604C125.739 129.587 125.715 129.574 125.69 129.567C125.664 129.56 125.637 129.558 125.61 129.563L125.62 129.556Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M111.488 130.59C111.288 130.608 111.088 130.558 110.922 130.447C110.885 130.413 110.857 130.372 110.839 130.325C110.821 130.279 110.815 130.229 110.82 130.18C110.82 130.149 110.828 130.12 110.844 130.094C110.86 130.068 110.882 130.047 110.909 130.033C111.192 129.874 112.13 130.351 112.235 130.405C112.246 130.41 112.254 130.419 112.259 130.429C112.265 130.439 112.266 130.451 112.264 130.463C112.262 130.474 112.257 130.485 112.249 130.493C112.241 130.501 112.231 130.506 112.219 130.507C111.979 130.559 111.734 130.586 111.488 130.59ZM111.065 130.11C111.03 130.108 110.995 130.115 110.963 130.129C110.952 130.135 110.944 130.144 110.937 130.154C110.931 130.165 110.928 130.177 110.928 130.189C110.924 130.222 110.927 130.255 110.939 130.285C110.951 130.316 110.97 130.343 110.995 130.364C111.138 130.491 111.523 130.514 112.038 130.428C111.734 130.268 111.405 130.16 111.065 130.11Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M112.21 130.51H112.187C111.904 130.383 111.348 129.874 111.392 129.617C111.392 129.556 111.446 129.477 111.596 129.464C111.652 129.456 111.71 129.46 111.765 129.476C111.82 129.491 111.871 129.519 111.914 129.556C112.21 129.801 112.27 130.428 112.273 130.456C112.275 130.466 112.273 130.475 112.269 130.484C112.265 130.492 112.259 130.499 112.251 130.504C112.239 130.511 112.224 130.514 112.21 130.51ZM111.64 129.556H111.618C111.52 129.556 111.513 129.604 111.51 129.62C111.485 129.776 111.863 130.173 112.146 130.345C112.119 130.078 112.007 129.826 111.828 129.626C111.774 129.586 111.708 129.563 111.64 129.563V129.556Z", fill: "#BA68C8" })), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_464_6772" }, /* @__PURE__ */ React.createElement("rect", { width: 159, height: 159, fill: "white" }))));
|
|
235
|
+
|
|
236
|
+
const SvgFireflinkLogo = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 238 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M61.4537 17.8485V22.8928H71.6263V27.9317H61.4537V35.7966H54.8828V12.8096H72.9844V17.8485H61.4537Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M76.4541 12.8095H83.025V35.6658H76.4541V12.8095Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9099 29.6458H94.3082V35.6685H87.7373V12.8095H98.2755C104.599 12.8095 108.566 16.0035 108.566 21.2876C108.631 22.7986 108.242 24.2947 107.447 25.5858C106.653 26.877 105.489 27.905 104.104 28.5394L109.053 35.6658H102.119L97.9099 29.6458ZM98.0336 17.8484H94.4319V24.4843H98.0281C100.755 24.4843 102.119 23.2552 102.119 21.165C101.995 19.2001 100.755 17.8484 98.0281 17.8484H98.0336Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M131.006 30.6296V35.6685H112.533V12.8095H130.635V17.8484H118.98V21.6637H129.271V26.4573H118.98V30.6351L131.006 30.6296Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M141.421 17.8484V22.8928H151.593V27.9317H141.421V35.7966H134.85V12.8095H152.951V17.8484H141.421Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M156.298 12.8095H162.869V30.507H173.894V35.6685H156.413V12.8095H156.298Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M176.752 12.8095H183.323V35.6658H176.752V12.8095Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M210.104 12.8095V35.6658H204.773L194.601 23.5005V35.6658H188.159V12.8095H193.49L203.663 24.9748V12.8095H210.104Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M223.866 27.4329L221.391 30.0137V35.7884H214.938V12.8095H221.386V22.2714L230.313 12.8095H237.502L228.08 22.8928L238 35.6739H230.436L223.866 27.4329Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M16.7502 4.88842C16.1316 5.25632 15.6341 5.50162 15.1392 5.74961C13.2807 6.7334 11.5431 7.59181 9.68453 8.5756C9.5558 8.64839 9.45159 8.75748 9.3855 8.88897C9.31942 9.02047 9.29442 9.16842 9.31335 9.31412V46.5486C9.31335 47.0391 9.18969 47.4097 8.69481 47.5323C7.77434 47.9098 6.7758 48.0623 5.78338 47.9769C4.79096 47.8916 3.83353 47.5709 2.99243 47.0418C2.37431 46.6111 1.84823 46.0636 1.44391 45.4309C1.0396 44.7982 0.765171 44.0926 0.636432 43.3546C0.327663 41.3625 0.203398 39.3465 0.265245 37.3319C0.141525 27.4994 0.0178993 17.547 0.0178993 7.7145C-0.0791099 6.15032 0.219297 4.58688 0.886463 3.16613C1.44789 1.9794 2.41841 1.03032 3.62304 0.489747C4.82768 -0.050828 6.18734 -0.147392 7.45741 0.217461C9.21628 0.744425 10.8848 1.5318 12.4063 2.55294C13.781 3.29147 15.1337 4.0273 16.3736 4.76583C16.5028 4.64047 16.6265 4.76306 16.7502 4.88842Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M16.9984 42.736V32.0423C16.9942 31.8984 17.026 31.7558 17.0907 31.6269C17.1555 31.4981 17.2512 31.3871 17.3696 31.3038C21.5843 28.9683 25.7989 26.6328 29.8926 24.3001C31.0089 23.6869 32.1253 23.071 33.3625 22.3324C32.6455 21.8761 31.8998 21.4656 31.13 21.1034C29.2715 19.997 27.41 19.0132 25.5515 17.9095C25.46 17.8474 25.3516 17.8141 25.2407 17.8141C25.1298 17.8141 25.0218 17.8474 24.9303 17.9095C22.5741 19.3838 20.3443 20.7354 17.9881 22.2098C17.8644 22.2098 17.8645 22.3324 17.7408 22.3324V14.4676C17.7361 14.3059 17.7667 14.1452 17.8307 13.9965C17.8948 13.8478 17.9909 13.7147 18.112 13.6064C20.2207 12.132 22.3267 10.7803 24.3117 9.306C24.4263 9.24517 24.5543 9.21335 24.6843 9.21335C24.8142 9.21335 24.9422 9.24517 25.0568 9.306C27.9079 10.903 30.8853 12.6253 33.7364 14.2113C35.7187 15.3177 37.7036 16.4242 39.8096 17.5279C41.3189 18.3064 42.568 19.502 43.4057 20.9698C43.934 21.9245 44.1462 23.0195 44.0125 24.1002C43.8788 25.1809 43.406 26.1927 42.6607 26.9925C41.681 28.0979 40.5036 29.0144 39.1881 29.6959C36.337 31.2929 33.6099 33.0152 30.7588 34.6013C27.1627 36.6915 23.6929 38.6563 20.0968 40.7466C18.9806 41.5069 17.9909 42.1255 16.9984 42.736Z", fill: "currentColor" }));
|
|
237
|
+
|
|
214
238
|
let Components = {};
|
|
215
239
|
//icons
|
|
216
240
|
Components['delete_info'] = SvgDeleteInfo;
|
|
@@ -238,6 +262,7 @@ Components['moon_stars_icon'] = SvgMoonStars;
|
|
|
238
262
|
Components['sun_icon'] = SvgSunIcon;
|
|
239
263
|
Components['check_mark'] = SvgCheckMark;
|
|
240
264
|
Components['wrong_mark'] = SvgWrongMark;
|
|
265
|
+
Components['fireflink_icon'] = SvgFireflinkIcon;
|
|
241
266
|
Components['tick'] = SvgTickIcon;
|
|
242
267
|
Components['arrow_right'] = SvgArrowRight;
|
|
243
268
|
Components['search'] = SvgSearch;
|
|
@@ -257,16 +282,27 @@ Components['add_variable'] = SvgAddVariableIcon;
|
|
|
257
282
|
Components['info'] = SvgInfoIcon;
|
|
258
283
|
Components['calendar_icon'] = SvgCalendarIcon;
|
|
259
284
|
Components['hide_icon'] = SvgHideIcon;
|
|
285
|
+
Components['vertical_separator'] = SvgVerticalSeparator;
|
|
260
286
|
Components['collapse_icon'] = SvgCollapseIcon;
|
|
261
287
|
Components['refresh_icon'] = SvgRefreshIcon;
|
|
262
|
-
Components['download_file'] = SvgDownloadIcon;
|
|
288
|
+
Components['download_file'] = SvgDownloadIcon$1;
|
|
263
289
|
Components['copy_icon'] = SvgCopyIcon;
|
|
264
290
|
Components['expand_icon'] = SvgExpandIcon;
|
|
265
291
|
Components['license_info'] = SvgLicenseInfo;
|
|
266
292
|
Components['license_warning'] = SvgLicenseWarning;
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
293
|
+
Components['download_icon'] = SvgDownloadIcon;
|
|
294
|
+
Components['web_icon'] = SvgWebIcon;
|
|
295
|
+
Components['web&mobile_icon'] = SvgWebmobileIcon;
|
|
296
|
+
Components['mobile_icon'] = SvgMobileIcon;
|
|
297
|
+
Components['sales_force'] = SvgSalesForce;
|
|
298
|
+
Components['ms_dynamic'] = SvgMsDynamic;
|
|
299
|
+
Components['all_projects'] = SvgAllProjects;
|
|
300
|
+
Components['android_icon'] = SvgAndroidIcon;
|
|
301
|
+
Components['select_license'] = SvgSwitchLicenseIcon;
|
|
302
|
+
Components['fireflink-logo'] = SvgFireflinkLogo;
|
|
303
|
+
|
|
304
|
+
var css_248z$E = ".ff-icon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.ff-icon-click {\n cursor: pointer;\n padding: 5px;\n box-sizing: content-box;\n}\n.ff-icon-click:hover {\n border-radius: 50%;\n background-color: var(--drawer-footer-bg);\n box-shadow: 0px 0px 16px var(--toggle-strip-shadow);\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}";
|
|
305
|
+
styleInject(css_248z$E);
|
|
270
306
|
|
|
271
307
|
const Icon = ({
|
|
272
308
|
name,
|
|
@@ -348,8 +384,8 @@ const Button$1 = /*#__PURE__*/forwardRef(({
|
|
|
348
384
|
});
|
|
349
385
|
});
|
|
350
386
|
|
|
351
|
-
var css_248z$
|
|
352
|
-
styleInject(css_248z$
|
|
387
|
+
var css_248z$D = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-drawer-container .ff-overlay {\n position: fixed;\n inset: 0;\n background-color: var(--drawer-title-color);\n opacity: 0.5;\n}\n.ff-drawer-container .ff-drawer {\n height: 100vh;\n position: fixed;\n right: 0;\n top: 0;\n bottom: 0;\n min-width: 450px;\n background-color: var(--primary-button-text-color);\n z-index: 999;\n transform: translateX(100%);\n opacity: 0;\n}\n.ff-drawer-container .ff-drawer--open {\n transform: translateX(0);\n opacity: 1;\n}\n.ff-drawer-container .ff-drawer--small {\n width: 444px;\n}\n.ff-drawer-container .ff-drawer--medium {\n width: 666px;\n}\n.ff-drawer-container .ff-drawer--large {\n width: 888px;\n}\n.ff-drawer-container .ff-drawer--x-large {\n width: calc(100vw - 10px);\n}\n.ff-drawer-container .ff-drawer--open, .ff-drawer-container .ff-drawer--medium, .ff-drawer-container .ff-drawer--large, .ff-drawer-container .ff-drawer--x-large {\n transition: all 0.4s ease-in-out;\n border-radius: 5px;\n border: 2px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header {\n padding: 10px 8px 10px 8px;\n display: flex;\n gap: 10px;\n border-bottom: 2px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n font-weight: 600;\n color: var(--drawer-title-color);\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-expand-collapse-button {\n cursor: pointer;\n background-color: var(--button-bg-color);\n outline: none;\n border: none;\n margin: 0;\n border: 1px solid transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 6px;\n padding: 6px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-body {\n background-color: var(--drawer-footer-bg);\n height: calc(100vh - 76px);\n overflow: hidden auto;\n}\n.ff-drawer-container .ff-drawer .no-footer {\n height: 100vh;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 5px 16px 5px 16px;\n display: flex;\n justify-content: space-between;\n border-top: 2px solid var(--drawer-footer-border);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .button-container {\n display: flex;\n justify-content: flex-end;\n gap: 16px;\n}";
|
|
388
|
+
styleInject(css_248z$D);
|
|
353
389
|
|
|
354
390
|
function useEscapeKey(key) {
|
|
355
391
|
return callBack => {
|
|
@@ -368,8 +404,8 @@ function useEscapeKey(key) {
|
|
|
368
404
|
};
|
|
369
405
|
}
|
|
370
406
|
|
|
371
|
-
var css_248z$z = ":root {\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-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 --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 --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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n}\n\n:root {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-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 --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 --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(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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #F9F9F9;\n --license_expireSoon_color: #BA7422;\n --license_active_color: #268735;\n --license_expired_color: #E34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n}\n\n.ff-light-theme {\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-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 --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 --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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n}\n\n.ff-dark-theme {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-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 --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 --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(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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #F9F9F9;\n --license_expireSoon_color: #BA7422;\n --license_active_color: #268735;\n --license_expired_color: #E34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n}";
|
|
372
|
-
styleInject(css_248z$
|
|
407
|
+
var css_248z$C = ":root {\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-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 --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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n}\n\n:root {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-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 --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(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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #F9F9F9;\n --license_expireSoon_color: #BA7422;\n --license_active_color: #268735;\n --license_expired_color: #E34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n}\n\n.ff-light-theme {\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-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 --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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n}\n\n.ff-dark-theme {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\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 --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-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 --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(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-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-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\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 --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #F9F9F9;\n --license_expireSoon_color: #BA7422;\n --license_active_color: #268735;\n --license_expired_color: #E34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n}";
|
|
408
|
+
styleInject(css_248z$C);
|
|
373
409
|
|
|
374
410
|
const ThemeContext = /*#__PURE__*/createContext(undefined);
|
|
375
411
|
const ThemeProvider = ({
|
|
@@ -529,14 +565,14 @@ const Drawer = ({
|
|
|
529
565
|
}), document.body);
|
|
530
566
|
};
|
|
531
567
|
|
|
532
|
-
var css_248z$
|
|
533
|
-
styleInject(css_248z$
|
|
568
|
+
var css_248z$B = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-accordion {\n border: 1px solid var(--border-color);\n border-radius: 4px;\n min-width: fit-content;\n}\n.ff-accordion .accordion-header {\n display: flex;\n justify-content: space-between;\n min-height: 32px;\n}\n.ff-accordion .accordion-header .header-title {\n padding: 8px;\n}\n.ff-accordion .accordion-header .accordion-arrow {\n display: flex;\n padding: 8px;\n align-items: center;\n transition: transform 0.3s ease;\n}\n.ff-accordion .accordion-header .accordion-arrow.expanded {\n transform: rotate(180deg);\n}\n.ff-accordion .accordion-header .accordion-arrow:hover {\n color: var(--tooltip-bg-color);\n}\n.ff-accordion .accordion-header.expanded {\n background-color: var(--hover-color);\n border-bottom: 1px solid var(--hover-color);\n}\n.ff-accordion .accordion-header:hover {\n background-color: var(--hover-color);\n}\n.ff-accordion .accordion-content {\n padding: 4px;\n}";
|
|
569
|
+
styleInject(css_248z$B);
|
|
534
570
|
|
|
535
|
-
var css_248z$
|
|
536
|
-
styleInject(css_248z$
|
|
571
|
+
var css_248z$A = "";
|
|
572
|
+
styleInject(css_248z$A);
|
|
537
573
|
|
|
538
|
-
var css_248z$
|
|
539
|
-
styleInject(css_248z$
|
|
574
|
+
var css_248z$z = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-tooltip {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tooltip-container {\n cursor: auto;\n display: inline-block;\n}\n\n.ff-tooltip {\n position: fixed;\n width: max-content;\n max-width: 60vw;\n word-wrap: break-word;\n background-color: var(--tooltip-bg-color);\n line-height: 18px;\n color: var(--tooltip-text-color);\n text-align: center;\n border-radius: 5px;\n padding: 6px 12px;\n opacity: 0;\n}\n.ff-tooltip--visible {\n opacity: 1;\n transition: opacity 0.3s;\n}";
|
|
575
|
+
styleInject(css_248z$z);
|
|
540
576
|
|
|
541
577
|
const checkEmpty = value => {
|
|
542
578
|
// Check for null or undefined
|
|
@@ -705,8 +741,8 @@ const Tooltip = ({
|
|
|
705
741
|
});
|
|
706
742
|
};
|
|
707
743
|
|
|
708
|
-
var css_248z$
|
|
709
|
-
styleInject(css_248z$
|
|
744
|
+
var css_248z$y = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.ff-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n.ff-text--regular {\n font-weight: 400;\n}\n.ff-text--medium {\n font-weight: 500;\n}\n.ff-text--semi-bold {\n font-weight: 600;\n}\n.ff-text--bold {\n font-weight: 700;\n}";
|
|
745
|
+
styleInject(css_248z$y);
|
|
710
746
|
|
|
711
747
|
const Typography = ({
|
|
712
748
|
fontWeight = 'regular',
|
|
@@ -791,8 +827,8 @@ const Accordion = ({
|
|
|
791
827
|
});
|
|
792
828
|
};
|
|
793
829
|
|
|
794
|
-
var css_248z$
|
|
795
|
-
styleInject(css_248z$
|
|
830
|
+
var css_248z$x = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label, .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-more-chip {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-multiselect-wrapper .ff-multiselect__main .active-default-label, .ff-multiselect-wrapper .error-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-multiselect-wrapper {\n box-sizing: border-box;\n transition: all 0.3s ease;\n cursor: pointer;\n position: relative;\n border: 1px solid var(--default-icon-color);\n border-radius: 8px;\n background: var(--drawer-footer-bg);\n min-width: 150px;\n width: 100%;\n height: 32px;\n}\n.ff-multiselect-wrapper .ff-multiselect {\n position: relative;\n padding: 6px;\n border: none;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-multiselect-wrapper .ff-multiselect__main {\n display: flex;\n flex: 1;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .default-label {\n font-family: Poppins;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n color: var(--default-icon-color);\n line-height: 18px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .active-default-label {\n font-family: Poppins;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n background-color: var(--multi-select-label-bg);\n line-height: 12px;\n color: var(--default-icon-color);\n padding: 0 4px;\n position: absolute;\n left: 8px;\n top: -6px;\n pointer-events: none;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 5px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n border: 0.5px solid #f1ebf2;\n padding: 0 1px 0 4px;\n gap: 4px;\n border-radius: 15px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n line-height: 14px;\n color: var(--tooltip-bg-color);\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-close-icon {\n cursor: pointer;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container {\n flex: 1;\n min-width: 20px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input {\n width: 100%;\n min-width: 30px;\n max-width: calc(100% - 0px);\n padding: 2px;\n box-sizing: border-box;\n border: none;\n font-size: 12px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input:focus {\n outline: none;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-more-chip {\n width: 1rem;\n font-weight: 600;\n line-height: 16px;\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow {\n transition: transform 0.3s ease;\n transform: rotate(360deg);\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow svg path {\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow--opened-dropdown {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.ff-multiselect-wrapper:hover {\n border: 1px solid var(--tooltip-bg-color);\n}\n.ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--tooltip-bg-color);\n}\n.ff-multiselect-wrapper:hover .ff-select-arrow svg path {\n fill: var(--tooltip-bg-color);\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper--with-options {\n height: fit-content;\n}\n.ff-multiselect-wrapper--opened-dropdown {\n border: 1px solid var(--brand-color);\n height: fit-content;\n cursor: default;\n}\n.ff-multiselect-wrapper--opened-dropdown .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper--opened-dropdown:hover {\n border: 1px solid var(--brand-color);\n}\n.ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper--error {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-wrapper--error .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-wrapper--error:hover {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-wrapper--disabled {\n pointer-events: none;\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled:hover {\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled .ff-select-arrow svg path {\n fill: var(--multi-select-border);\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper--disabled:hover .ff-select-arrow svg path {\n fill: var(--multi-select-border);\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper--disabled .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n color: var(--text-color-light);\n}\n.ff-multiselect-wrapper .error-text {\n position: absolute;\n margin-top: 0.25rem;\n left: 12px;\n color: var(--error-light);\n letter-spacing: 0.5px;\n}";
|
|
831
|
+
styleInject(css_248z$x);
|
|
796
832
|
|
|
797
833
|
const dropdownDefaultCSSData$1 = {
|
|
798
834
|
verticalMargin: 4,
|
|
@@ -800,8 +836,8 @@ const dropdownDefaultCSSData$1 = {
|
|
|
800
836
|
maxDropdownHeight: 160
|
|
801
837
|
};
|
|
802
838
|
|
|
803
|
-
var css_248z$
|
|
804
|
-
styleInject(css_248z$
|
|
839
|
+
var css_248z$w = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-multiselect-dropdown-container .no-options, .ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-multiselect-dropdown-container {\n position: absolute;\n background: var(--drawer-footer-bg);\n z-index: 1000;\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n border: 0.5px solid var(--ff-select-option-border-color);\n border-radius: 4px;\n box-sizing: border-box;\n margin-block: 4px;\n max-height: 160px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper {\n max-height: 128px;\n overflow-y: auto;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 40px;\n border-radius: 12px 0px 0px 0px;\n background: var(--description-text);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-track {\n background: var(--ff-select-scroll-track-bg);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb {\n background: var(--ff-select-scroll-thumb-color);\n border-radius: 10px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb:hover {\n background: var(--ff-select-scroll-thumb-hover);\n}\n.ff-multiselect-dropdown-container .no-options {\n color: var(--pop-up-background-blur);\n text-align: center;\n margin: 0;\n padding: 10px;\n line-height: 12px;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n height: 32px;\n padding: 4px 8px;\n gap: 4px;\n border-radius: 4px 0px 0px 0px;\n background-color: white;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n color: var(--ff-select-text-color);\n}\n.ff-multiselect-dropdown-container .dropdown-option-container:hover {\n background-color: var(--hover-color);\n}\n.ff-multiselect-dropdown-container:focus {\n outline: none;\n}\n.ff-multiselect-dropdown-container .select-button-container {\n box-sizing: border-box;\n width: 100%;\n border-top: 1px solid var(--slider-table-color);\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n}";
|
|
840
|
+
styleInject(css_248z$w);
|
|
805
841
|
|
|
806
842
|
const Dropdown$2 = /*#__PURE__*/forwardRef(({
|
|
807
843
|
options,
|
|
@@ -898,8 +934,10 @@ const ChipElement = ({
|
|
|
898
934
|
};
|
|
899
935
|
const MultiSelect = ({
|
|
900
936
|
options,
|
|
937
|
+
type = "text",
|
|
901
938
|
selectedOptions = [],
|
|
902
939
|
onChange = () => {},
|
|
940
|
+
acceptNewOption = false,
|
|
903
941
|
zIndex = 100,
|
|
904
942
|
label = '',
|
|
905
943
|
onSearch = () => {},
|
|
@@ -907,12 +945,14 @@ const MultiSelect = ({
|
|
|
907
945
|
disabled = false,
|
|
908
946
|
errorMessage = 'Fill this field',
|
|
909
947
|
withSelectButton = false,
|
|
910
|
-
onSelect = () => {}
|
|
948
|
+
onSelect = () => {},
|
|
949
|
+
displayCount = false
|
|
911
950
|
}) => {
|
|
912
951
|
const [isOpen, setIsOpen] = useState(false);
|
|
913
952
|
const [allOptions, setAllOptions] = useState(options);
|
|
914
953
|
const [searchedKeyword, setSearchedKeyword] = useState('');
|
|
915
954
|
const [isSelectFocusedOnce, setIsSelectFocusedOnce] = useState(false);
|
|
955
|
+
const [inputError, setInputError] = useState('');
|
|
916
956
|
const [dropdownPosition, setDropdownPosition] = useState({
|
|
917
957
|
top: 0,
|
|
918
958
|
left: 0,
|
|
@@ -925,6 +965,8 @@ const MultiSelect = ({
|
|
|
925
965
|
const dropdownRef = useRef(null);
|
|
926
966
|
const selectWrapper = useRef(null);
|
|
927
967
|
let isFieldSkipped = isSelectFocusedOnce && selectedOptions.length === 0;
|
|
968
|
+
const maxVisibleChips = 2;
|
|
969
|
+
const hiddenCount = selectedOptions.length - maxVisibleChips;
|
|
928
970
|
const handleClick = () => {
|
|
929
971
|
if (!isOpen) {
|
|
930
972
|
setIsOpen(true);
|
|
@@ -957,6 +999,32 @@ const MultiSelect = ({
|
|
|
957
999
|
e.stopPropagation();
|
|
958
1000
|
handleOptionChange(option, false);
|
|
959
1001
|
};
|
|
1002
|
+
const handleKeyEnter = e => {
|
|
1003
|
+
if (acceptNewOption && e.key === "Enter") {
|
|
1004
|
+
setInputError('');
|
|
1005
|
+
if (type === "email") {
|
|
1006
|
+
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
1007
|
+
if (!emailPattern.test(searchedKeyword)) {
|
|
1008
|
+
setIsOpen(false);
|
|
1009
|
+
setInputError("Please enter a valid email address.");
|
|
1010
|
+
return;
|
|
1011
|
+
}
|
|
1012
|
+
}
|
|
1013
|
+
const newOption = {
|
|
1014
|
+
label: searchedKeyword,
|
|
1015
|
+
value: searchedKeyword.toLowerCase(),
|
|
1016
|
+
isChecked: true
|
|
1017
|
+
};
|
|
1018
|
+
const filteredOptions = [...allOptions].filter(option => option.isChecked === true);
|
|
1019
|
+
setAllOptions([...allOptions, newOption]);
|
|
1020
|
+
setSearchedKeyword('');
|
|
1021
|
+
onChange?.([...filteredOptions, {
|
|
1022
|
+
label: searchedKeyword,
|
|
1023
|
+
value: searchedKeyword.toLocaleLowerCase()
|
|
1024
|
+
}]);
|
|
1025
|
+
setIsOpen(false);
|
|
1026
|
+
}
|
|
1027
|
+
};
|
|
960
1028
|
const calculatePosition = () => {
|
|
961
1029
|
if (dropdownWrapper.current && selectWrapper.current) {
|
|
962
1030
|
const rect = dropdownWrapper.current?.getBoundingClientRect();
|
|
@@ -1001,6 +1069,7 @@ const MultiSelect = ({
|
|
|
1001
1069
|
}
|
|
1002
1070
|
const handleClickAnywhere = event => {
|
|
1003
1071
|
if (dropdownWrapper.current && inputRef.current && selectWrapper.current && dropdownRef.current && !inputRef.current.contains(event?.target) && !dropdownRef.current.contains(event?.target) && !selectWrapper.current.contains(event?.target)) {
|
|
1072
|
+
setInputError('');
|
|
1004
1073
|
setIsOpen(false);
|
|
1005
1074
|
if (!isSelectFocusedOnce) {
|
|
1006
1075
|
setIsSelectFocusedOnce(true);
|
|
@@ -1020,7 +1089,7 @@ const MultiSelect = ({
|
|
|
1020
1089
|
className: classNames('ff-multiselect-wrapper', {
|
|
1021
1090
|
'ff-multiselect-wrapper--with-options': selectedOptions?.length,
|
|
1022
1091
|
'ff-multiselect-wrapper--opened-dropdown': isOpen,
|
|
1023
|
-
'ff-multiselect-wrapper--error': isFieldSkipped && required,
|
|
1092
|
+
'ff-multiselect-wrapper--error': isFieldSkipped && required || inputError,
|
|
1024
1093
|
'ff-multiselect-wrapper--disabled': disabled
|
|
1025
1094
|
}),
|
|
1026
1095
|
children: [jsxs("div", {
|
|
@@ -1036,12 +1105,19 @@ const MultiSelect = ({
|
|
|
1036
1105
|
children: label
|
|
1037
1106
|
}), jsxs("div", {
|
|
1038
1107
|
className: "ff-multiselect-chip-container",
|
|
1039
|
-
children: [
|
|
1108
|
+
children: [displayCount ? jsx(Fragment, {
|
|
1109
|
+
children: selectedOptions.slice(0, maxVisibleChips).map(option => jsx(ChipElement, {
|
|
1110
|
+
label: option?.label || '',
|
|
1111
|
+
onChipCloseClick: e => handleChipCloseClick(option, e)
|
|
1112
|
+
}, option?.label))
|
|
1113
|
+
}) : selectedOptions.map(option => jsx(ChipElement, {
|
|
1040
1114
|
label: option?.label || '',
|
|
1041
1115
|
onChipCloseClick: e => handleChipCloseClick(option, e)
|
|
1042
1116
|
}, option?.label)), jsx("div", {
|
|
1043
1117
|
className: "ff-multiselect-input-container",
|
|
1044
1118
|
children: jsx("input", {
|
|
1119
|
+
value: searchedKeyword,
|
|
1120
|
+
type: type,
|
|
1045
1121
|
autoComplete: "off",
|
|
1046
1122
|
placeholder: "search...",
|
|
1047
1123
|
ref: inputRef,
|
|
@@ -1052,12 +1128,17 @@ const MultiSelect = ({
|
|
|
1052
1128
|
setSearchedKeyword(e.target.value);
|
|
1053
1129
|
onSearch?.(e.target.value);
|
|
1054
1130
|
},
|
|
1131
|
+
onKeyDown: handleKeyEnter,
|
|
1055
1132
|
id: "input-ele",
|
|
1056
1133
|
className: "ff-select-input",
|
|
1057
1134
|
style: {
|
|
1058
1135
|
display: isOpen || selectedOptions.length ? 'inherit' : 'none'
|
|
1059
1136
|
}
|
|
1060
1137
|
})
|
|
1138
|
+
}), hiddenCount > 0 && jsxs("div", {
|
|
1139
|
+
className: "ff-multiselect-more-chip",
|
|
1140
|
+
onClick: toggleDropdown,
|
|
1141
|
+
children: ["+", hiddenCount]
|
|
1061
1142
|
})]
|
|
1062
1143
|
})]
|
|
1063
1144
|
}), jsx("div", {
|
|
@@ -1074,9 +1155,9 @@ const MultiSelect = ({
|
|
|
1074
1155
|
})]
|
|
1075
1156
|
}), jsxs("div", {
|
|
1076
1157
|
ref: dropdownWrapper,
|
|
1077
|
-
children: [isFieldSkipped && required && errorMessage && jsx("div", {
|
|
1158
|
+
children: [(inputError || isFieldSkipped && required && errorMessage) && jsx("div", {
|
|
1078
1159
|
className: "error-text",
|
|
1079
|
-
children: errorMessage
|
|
1160
|
+
children: inputError || errorMessage
|
|
1080
1161
|
}), isOpen && /*#__PURE__*/createPortal(jsx(Dropdown$2, {
|
|
1081
1162
|
ref: dropdownRef,
|
|
1082
1163
|
searchedKeyword: searchedKeyword,
|
|
@@ -1092,8 +1173,8 @@ const MultiSelect = ({
|
|
|
1092
1173
|
});
|
|
1093
1174
|
};
|
|
1094
1175
|
|
|
1095
|
-
var css_248z$
|
|
1096
|
-
styleInject(css_248z$
|
|
1176
|
+
var css_248z$v = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-toaster-overlay {\n position: fixed;\n bottom: 0;\n right: 0;\n width: 100%;\n height: 100%;\n display: flex;\n pointer-events: none;\n justify-content: flex-end;\n align-items: flex-end;\n}\n.ff-toaster-overlay .ff-toaster {\n background-color: var(--drawer-footer-bg);\n display: flex;\n border-radius: 10px;\n margin: 16px;\n pointer-events: auto;\n min-width: 320px;\n max-width: 600px;\n gap: 8px;\n box-shadow: 0px 1px 4px 0px var(--toaster-boxshadow);\n animation: slideInToasterBottomRight 0.5s forwards;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container {\n padding: 8px;\n display: flex;\n border-radius: 10px;\n gap: 8px;\n width: 100%;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 8px;\n padding: 1px;\n -webkit-mask: linear-gradient(var(--drawer-footer-bg) 0 0) content-box, linear-gradient(var(--drawer-footer-bg) 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n z-index: -1;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n gap: 4px;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__title {\n max-width: 500px;\n word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__message {\n max-width: 500px;\n word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__prompt {\n margin-top: 4px;\n display: flex;\n gap: 10px;\n}\n.ff-toaster-overlay .ff-toaster--success::before {\n background: var(--toaster-success-border);\n}\n.ff-toaster-overlay .ff-toaster--warning::before {\n background: var(--toaster-warning-border);\n}\n.ff-toaster-overlay .ff-toaster--info::before {\n background: var(--toaster-info-border);\n}\n.ff-toaster-overlay .ff-toaster--danger::before, .ff-toaster-overlay .ff-toaster--confirm::before {\n background: var(--toaster-danger_confirm-border);\n}\n.ff-toaster-overlay .ff-toaster .ff-close-icon-wrapper {\n box-sizing: border-box;\n cursor: pointer;\n height: fit-content;\n width: fit-content;\n border-radius: 8px;\n padding: 8px;\n background: var(--toast-close-icon-wrapper-bg);\n margin-left: auto;\n}\n.ff-toaster-overlay.exiting {\n animation: slideOutToasterBottomRight 0.5s forwards;\n}\n\n@keyframes slideOutToasterBottomRight {\n from {\n transform: translateX(0%);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes slideInToasterBottomRight {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0%);\n }\n}\n.fireflink-stories-toaster-container .fireflink-stories-toaster-container-row {\n display: flex;\n gap: 5px;\n margin: 15px;\n}";
|
|
1177
|
+
styleInject(css_248z$v);
|
|
1097
1178
|
|
|
1098
1179
|
const Toaster = ({
|
|
1099
1180
|
isOpen = false,
|
|
@@ -1201,8 +1282,8 @@ const Toaster = ({
|
|
|
1201
1282
|
}), document.body);
|
|
1202
1283
|
};
|
|
1203
1284
|
|
|
1204
|
-
var css_248z$
|
|
1205
|
-
styleInject(css_248z$
|
|
1285
|
+
var css_248z$u = "/* Container */\n.ff-container {\n margin-right: auto;\n margin-left: auto;\n width: 90%;\n display: grid;\n}\n\n.ff-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n display: grid;\n}\n\n/* Row */\n.ff-row {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n}\n\n/* Column sizes based on a 12-column layout */\n.ff-col {\n grid-column: span 12;\n}\n\n.ff-col-1 {\n grid-column: span 1;\n}\n\n.ff-col-2 {\n grid-column: span 2;\n}\n\n.ff-col-3 {\n grid-column: span 3;\n}\n\n.ff-col-4 {\n grid-column: span 4;\n}\n\n.ff-col-5 {\n grid-column: span 5;\n}\n\n.ff-col-6 {\n grid-column: span 6;\n}\n\n.ff-col-7 {\n grid-column: span 7;\n}\n\n.ff-col-8 {\n grid-column: span 8;\n}\n\n.ff-col-9 {\n grid-column: span 9;\n}\n\n.ff-col-10 {\n grid-column: span 10;\n}\n\n.ff-col-11 {\n grid-column: span 11;\n}\n\n.ff-col-12 {\n grid-column: span 12;\n}\n\n@media (max-width: 768px) {\n /* Stacking columns on small screens */\n .ff-col {\n grid-column: span 12;\n }\n}";
|
|
1286
|
+
styleInject(css_248z$u);
|
|
1206
1287
|
|
|
1207
1288
|
const Container = ({
|
|
1208
1289
|
children,
|
|
@@ -1244,8 +1325,8 @@ const Col = ({
|
|
|
1244
1325
|
});
|
|
1245
1326
|
};
|
|
1246
1327
|
|
|
1247
|
-
var css_248z$
|
|
1248
|
-
styleInject(css_248z$
|
|
1328
|
+
var css_248z$t = ".ff--switch-container {\n position: relative;\n display: flex;\n align-items: center;\n}\n.ff--switch-container .ff--switch-checkbox {\n height: 0;\n width: 0;\n display: none;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button {\n right: -1px;\n border: 1px solid var(--brand-color);\n background: var(--toggle-button-bg-color);\n transition: all 0.3s;\n box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button .ff-checked-icon--primary svg path {\n fill: var(--brand-color);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label--primary {\n background: var(--brand-color);\n transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label:disabled {\n cursor: default;\n color: var(--disable-color);\n background: var(--disable-color);\n}\n.ff--switch-container .ff--switch-checkbox:disabled {\n cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n border-radius: 8px;\n position: relative;\n background: var(--toggle-strip-color);\n transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-label--disabled {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button {\n position: absolute;\n left: 0;\n border: 1px solid var(--toggle-strip-color);\n display: flex;\n background: var(--toggle-button-bg-color);\n border-radius: 50%;\n box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n transition: all 0.3s;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button .ff-unchecked-icon--primary svg path {\n fill: var(--toggle-disable-icon-color);\n}\n.ff--switch-container .default--small {\n width: 24px;\n height: 10px;\n}\n.ff--switch-container .default--small .ff--switch-button {\n width: 16px;\n height: 16px;\n transform: translateX(0);\n}\n.ff--switch-container .default--small .ff--switch-button.checked {\n transform: translateX(10px);\n}\n.ff--switch-container .default--medium {\n width: 32px;\n height: 14px;\n}\n.ff--switch-container .default--medium .ff--switch-button {\n width: 20px;\n height: 20px;\n transform: translateX(0);\n}\n.ff--switch-container .default--medium .ff--switch-button.checked {\n transform: translateX(14px);\n}\n.ff--switch-container .default--large {\n width: 40px;\n height: 16px;\n}\n.ff--switch-container .default--large .ff--switch-button {\n width: 24px;\n height: 24px;\n transform: translateX(0);\n}\n.ff--switch-container .default--large .ff--switch-button.checked {\n transform: translateX(16px);\n}";
|
|
1329
|
+
styleInject(css_248z$t);
|
|
1249
1330
|
|
|
1250
1331
|
const Toggle = ({
|
|
1251
1332
|
onChange,
|
|
@@ -1323,8 +1404,8 @@ const Toggle = ({
|
|
|
1323
1404
|
});
|
|
1324
1405
|
};
|
|
1325
1406
|
|
|
1326
|
-
var css_248z$
|
|
1327
|
-
styleInject(css_248z$
|
|
1407
|
+
var css_248z$s = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color:#d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\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 --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight:#f5fb00;\n --slider-table-color: #efe1f9;\n}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-chip-wrapper .ff-default-chip-style {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-chip-wrapper .ff-default-chip-style--custom {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-chip-wrapper {\n display: inline-flex;\n margin: 5px;\n justify-content: center;\n align-items: center;\n}\n.ff-chip-wrapper .ff-default-chip-style {\n display: flex;\n align-items: center;\n justify-content: space-around;\n width: fit-content;\n gap: 5px;\n height: 17px;\n border-radius: 25px;\n padding: 1px 6px;\n line-height: 15px;\n border: none;\n transition: transform 0.5s ease, box-shadow 0.5s ease, padding 1s ease;\n box-shadow: 1px 1px 3px 0px #575757 inset, -1px -1px 2px 0px #ffffff inset, 1px -1px 2px 0px #575757 inset, -1px -1px 2px 0px #575757, 1px 1px 2px 0px #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--fullText:hover {\n box-shadow: 1px 1px 6px 0px #575757 inset, -1px -1px 4px 0px #ffffff inset;\n padding-right: 12px;\n}\n.ff-chip-wrapper .ff-default-chip-style--primary {\n background-color: #f9d5ff;\n color: #ffffff;\n color: #1e161f;\n}\n.ff-chip-wrapper .ff-default-chip-style--success {\n background-color: #079455;\n color: #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--error {\n background-color: #e42525;\n color: #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--warning {\n background-color: #f79009;\n color: #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--custom {\n background: rgba(97, 11, 134, 0.1019607843);\n color: #610b86;\n padding: 2px 8px;\n border-radius: 12px;\n cursor: pointer;\n white-space: nowrap;\n box-shadow: none;\n transition: background-color 0.3s ease, color 0.3s ease;\n}\n.ff-chip-wrapper .ff-default-chip-style--custom:hover {\n background-color: #610b86;\n color: #fdfaff;\n}";
|
|
1408
|
+
styleInject(css_248z$s);
|
|
1328
1409
|
|
|
1329
1410
|
const Chip = ({
|
|
1330
1411
|
label = '',
|
|
@@ -1353,8 +1434,8 @@ const Chip = ({
|
|
|
1353
1434
|
});
|
|
1354
1435
|
};
|
|
1355
1436
|
|
|
1356
|
-
var css_248z$
|
|
1357
|
-
styleInject(css_248z$
|
|
1437
|
+
var css_248z$r = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-input-container:focus-within .ff-input-label-container, .ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder, .ff-input-container .ff-input-message, .ff-input-container--float .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-input-container {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n padding: 6px 8px;\n border: 1px solid var(--input-default-border-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n}\n.ff-input-container .ff-input:disabled, .ff-input-container .ff-input-label-container:disabled {\n cursor: not-allowed;\n}\n.ff-input-container .ff-input::placeholder, .ff-input-container .ff-input-label-container::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-input-container .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-container .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input--transparentBackground {\n background: transparent;\n}\n.ff-input-container .ff-input--no-border {\n border: none;\n}\n.ff-input-container .ff-input-label-container {\n display: flex;\n gap: 2px;\n position: absolute;\n border: none;\n outline: none;\n line-height: 18px;\n margin-top: 1px;\n transition: all 0.3s ease-in-out;\n}\n.ff-input-container .ff-input-label-container .ff-input-label {\n color: var(--input-default-label-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--disabled {\n color: var(--input-default-border-color);\n background-color: var(--input-label-bg-color);\n}\n.ff-input-container .ff-input-label-container .required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input-label {\n color: var(--input-hover-border-color);\n}\n.ff-input-container:hover .ff-input-label--no-hover {\n color: var(--input-default-label-color);\n}\n.ff-input-container:hover .ff-input-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input, .ff-input-container:hover .ff-input-label-container {\n border-color: var(--input-hover-border-color);\n}\n.ff-input-container:hover .ff-input--no-hover {\n border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input-label-container {\n top: -6px;\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-container:focus-within .ff-input-label--primary {\n color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input--primary {\n border-color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-input-container .ff-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-input-container .ff-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container--float .ff-input-label-container {\n top: -6px;\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-container--float--disabled {\n cursor: not-allowed;\n}\n.ff-input-container--float--disabled .ff-input-label-container {\n cursor: not-allowed;\n}";
|
|
1438
|
+
styleInject(css_248z$r);
|
|
1358
1439
|
|
|
1359
1440
|
const Input = ({
|
|
1360
1441
|
type = 'text',
|
|
@@ -1431,8 +1512,8 @@ const Input = ({
|
|
|
1431
1512
|
});
|
|
1432
1513
|
};
|
|
1433
1514
|
|
|
1434
|
-
var css_248z$
|
|
1435
|
-
styleInject(css_248z$
|
|
1515
|
+
var css_248z$q = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-radial-chart-container svg text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-radial-chart-container {\n cursor: pointer;\n}\n.ff-radial-chart-container svg text {\n font-size: var(--fontSize) !important;\n font-weight: 400;\n}";
|
|
1516
|
+
styleInject(css_248z$q);
|
|
1436
1517
|
|
|
1437
1518
|
const useColorMappings$1 = () => useMemo(() => {
|
|
1438
1519
|
return {
|
|
@@ -1574,8 +1655,8 @@ const RadialChart = ({
|
|
|
1574
1655
|
});
|
|
1575
1656
|
};
|
|
1576
1657
|
|
|
1577
|
-
var css_248z$
|
|
1578
|
-
styleInject(css_248z$
|
|
1658
|
+
var css_248z$p = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-expandable-chip-menu--medium, .ff-expandable-chip-menu .ff-sub-chip--medium {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-expandable-chip-menu {\n display: inline-flex;\n gap: 16px;\n align-items: center;\n border-radius: 16px;\n cursor: pointer;\n overflow: hidden;\n width: auto;\n padding: 4px 8px;\n transition: all 0.3s ease;\n}\n.ff-expandable-chip-menu--primary {\n border: 0.5px solid var(--brand-color);\n background-color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-label-chip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 4px;\n white-space: nowrap;\n padding: 2px 0;\n}\n.ff-expandable-chip-menu .ff-label-chip .arrow-icon {\n height: 14px;\n width: 14px;\n display: grid;\n place-items: center;\n}\n.ff-expandable-chip-menu .ff-label-chip--primary {\n color: var(--brand-color);\n}\n.ff-expandable-chip-menu--disabled {\n opacity: 0.5;\n}\n.ff-expandable-chip-menu--disabled:disabled {\n pointer-events: none;\n}\n.ff-expandable-chip-menu--medium {\n line-height: 18px;\n}\n.ff-expandable-chip-menu .ff-sub-chips {\n display: flex;\n gap: 8px;\n max-width: 500px;\n overflow-x: auto;\n -ms-overflow-style: none;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.3s ease, opacity 0.3s ease;\n opacity: 0;\n}\n.ff-expandable-chip-menu .ff-sub-chips::-webkit-scrollbar {\n display: none;\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chips {\n transform: scaleX(1);\n opacity: 1;\n}\n.ff-expandable-chip-menu .ff-sub-chip {\n padding: 2px 8px;\n border-radius: 12px;\n white-space: nowrap;\n transition: background-color 0.3s ease, color 0.3s ease;\n opacity: 0;\n transform: translateX(-10px);\n animation: fadeIn 0.5s ease forwards;\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary {\n background: var(--expandable-menu-option-bg);\n color: var(--brand-color);\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary:hover, .ff-expandable-chip-menu .ff-sub-chip--primary.selected {\n background-color: var(--brand-color);\n color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-sub-chip--medium {\n line-height: 18px;\n}\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n transform: translateX(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chip {\n animation: fadeIn 0.5s ease forwards;\n}";
|
|
1659
|
+
styleInject(css_248z$p);
|
|
1579
1660
|
|
|
1580
1661
|
const ExpandableMenu = ({
|
|
1581
1662
|
label = '',
|
|
@@ -1664,8 +1745,8 @@ const useClickOutside = (ref, callback, ignoreRefs = []) => {
|
|
|
1664
1745
|
}, [ref, callback, ignoreRefs]);
|
|
1665
1746
|
};
|
|
1666
1747
|
|
|
1667
|
-
var css_248z$
|
|
1668
|
-
styleInject(css_248z$
|
|
1748
|
+
var css_248z$o = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-select-dropdown-wrapper .ff-select-options-wrapper {\n max-height: 160px;\n z-index: 100;\n position: absolute;\n min-width: 100px;\n border: 1px solid var(--ff-select-option-border-color);\n box-sizing: border-box;\n margin-top: 4px;\n border-radius: 4px;\n background-color: var(--ff-select-background-color);\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n overflow: hidden auto;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar-track {\n background-color: transparent;\n border-radius: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-option {\n width: calc(100% - 18px);\n border: 1px solid transparent;\n border-radius: 4px;\n padding: 0px 8px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-option:hover {\n border-color: var(--ff-select-background-color);\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-no-option {\n width: calc(100% - 16px);\n margin: 0;\n overflow: hidden;\n padding: 0px 8px;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: not-allowed;\n}";
|
|
1749
|
+
styleInject(css_248z$o);
|
|
1669
1750
|
|
|
1670
1751
|
const ffid = () => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, char => ((char === 'x' ? Math.random() * 16 : Math.random() * 16 & 0x3 | 0x8) | 0).toString(16));
|
|
1671
1752
|
|
|
@@ -1743,8 +1824,8 @@ const Dropdown$1 = ({
|
|
|
1743
1824
|
});
|
|
1744
1825
|
};
|
|
1745
1826
|
|
|
1746
|
-
var css_248z$
|
|
1747
|
-
styleInject(css_248z$
|
|
1827
|
+
var css_248z$n = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-select-wrapper .ff-select, .ff-select-wrapper .ff-select-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-select-wrapper .ff-select-fieldset .ff-select-legend, .ff-select-wrapper .ff-select-label--active {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-select-wrapper {\n position: relative;\n}\n.ff-select-wrapper .ff-select {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n min-height: 32px;\n min-width: 100px;\n display: flex;\n align-items: end;\n position: relative;\n}\n.ff-select-wrapper .ff-select-fieldset {\n margin: 0;\n padding: 25px 0px 0px 8px;\n border: 1px solid transparent;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n border-radius: 4px;\n display: block;\n}\n.ff-select-wrapper .ff-select-fieldset--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-select-wrapper .ff-select-fieldset--no-label {\n padding: 30px 0px 0px 8px;\n}\n.ff-select-wrapper .ff-select-fieldset--default {\n opacity: 0;\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-fieldset--active {\n opacity: 1;\n border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select-fieldset--option {\n opacity: 1;\n}\n.ff-select-wrapper .ff-select-fieldset--no-border {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-fieldset--error {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend {\n padding: 0 2px;\n letter-spacing: 0.5px;\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--active {\n transition: opacity 0.25s ease-out, transform 0.25s ease-out, font-size 0.25s ease-out, padding 0.25s ease-out;\n opacity: 1;\n color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--option {\n opacity: 1;\n color: var(--ff-select-default-color);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--error {\n color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--required {\n margin-right: 2px;\n}\n.ff-select-wrapper .ff-select-input {\n position: absolute;\n top: 6px;\n right: auto;\n bottom: auto;\n left: auto;\n width: calc(100% - 38px);\n min-height: calc(100% - 8px);\n padding: 0 28px 0 8px;\n border-radius: 4px;\n border: 1px solid transparent;\n z-index: 100;\n background: transparent;\n outline: none;\n color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input:hover ~ .ff-select-label {\n color: var(--ff-select-text-hover-color);\n}\n.ff-select-wrapper .ff-select-input--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-select-wrapper .ff-select-input--default {\n opacity: 1;\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover {\n border-color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover ~ .ff-select-fieldset--option {\n border-color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover ~ .ff-select-fieldset--option .ff-select-legend--option {\n color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--no-label {\n min-height: calc(100% - 2px);\n margin-top: 0px;\n top: 0px;\n}\n.ff-select-wrapper .ff-select-input--active {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--active:hover {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border {\n border: none;\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border:hover {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border:hover ~ .ff-select-fieldset--no-border {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--disable {\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--disable:hover {\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--disable:hover ~ .ff-select-label--default {\n color: var(--ff-select-default-color);\n}\n.ff-select-wrapper .ff-select-input--error {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-input--error:hover {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-label {\n position: absolute;\n top: 13px;\n right: auto;\n bottom: auto;\n left: 8px;\n z-index: 1;\n font-size: 12px;\n top: 60%;\n padding-left: 8px;\n}\n.ff-select-wrapper .ff-select-label--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 1;\n color: var(--ff-select-default-color);\n transform: translateY(-50%);\n}\n.ff-select-wrapper .ff-select-label--active {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n transform: translateY(-150%);\n padding: 0 6px;\n}\n.ff-select-wrapper .ff-select-label--required {\n margin-right: 2px;\n}\n.ff-select-wrapper .ff-select-arrow {\n position: absolute;\n top: 60%;\n height: 100%;\n right: 10px;\n transform: rotateX(180deg) translateY(50%);\n cursor: pointer;\n}\n.ff-select-wrapper .ff-select-arrow--no-label {\n top: 50%;\n}\n.ff-select-wrapper .ff-select-arrow--down {\n transform: rotateX(0deg) translateY(-50%);\n z-index: 101;\n}\n.ff-select-wrapper-error-text {\n position: absolute;\n top: auto;\n right: auto;\n bottom: -14px;\n left: 12px;\n white-space: nowrap;\n}";
|
|
1828
|
+
styleInject(css_248z$n);
|
|
1748
1829
|
|
|
1749
1830
|
const portalPosition = {
|
|
1750
1831
|
positionX: 0,
|
|
@@ -2105,8 +2186,8 @@ const Select$1 = ({
|
|
|
2105
2186
|
});
|
|
2106
2187
|
};
|
|
2107
2188
|
|
|
2108
|
-
var css_248z$
|
|
2109
|
-
styleInject(css_248z$
|
|
2189
|
+
var css_248z$m = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-textarea-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-textarea-container .msg-character-count, .ff-textarea-container:focus-within .ff-textarea-label-container, .ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder, .ff-textarea-container .ff-textarea-message, .ff-textarea-container--float .ff-textarea-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-textarea-container {\n display: flex;\n flex-direction: column;\n position: relative;\n gap: 5px;\n}\n.ff-textarea-container .msg-character-count {\n display: flex;\n color: var(--text-area-default-color);\n justify-content: flex-end;\n}\n.ff-textarea-container .ff-textarea, .ff-textarea-container .ff-textarea-label-container {\n padding: 8px;\n min-width: 428px;\n min-height: 80px;\n gap: 0px;\n border: 1px solid var(--default-icon-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n font-weight: 400;\n}\n.ff-textarea-container .ff-textarea--resize {\n resize: none;\n}\n.ff-textarea-container .ff-textarea:disabled, .ff-textarea-container .ff-textarea-label-container:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.ff-textarea-container .ff-textarea:disabled:hover, .ff-textarea-container .ff-textarea-label-container:disabled:hover {\n border-color: var(--default-icon-color);\n color: inherit;\n}\n.ff-textarea-container .ff-textarea::placeholder, .ff-textarea-container .ff-textarea-label-container::placeholder {\n opacity: 0;\n}\n.ff-textarea-container .ff-textarea--danger {\n border-color: var(--error_light);\n}\n.ff-textarea-container .ff-textarea--transparentBackground {\n background: transparent;\n}\n.ff-textarea-container .ff-textarea-label-container {\n display: flex;\n position: absolute;\n border: none;\n outline: none;\n margin-top: 1px;\n transition: all 0.3s ease-in-out;\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label {\n padding: 1px;\n height: 10px;\n width: auto;\n background-color: var(--drawer-footer-bg);\n color: var(--text-area-default-color);\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label--danger {\n color: var(--error_light);\n}\n.ff-textarea-container .ff-textarea-label-container .required-asterisk {\n color: var(--error_light);\n}\n.ff-textarea-container:hover .ff-textarea-label {\n color: var(--text-color);\n}\n.ff-textarea-container:hover .ff-textarea, .ff-textarea-container:hover .ff-textarea-label-container {\n border-color: var(--text-color);\n}\n.ff-textarea-container:focus-within .ff-textarea-label-container {\n font-weight: 400;\n line-height: 12px;\n letter-spacing: 0.5px;\n text-align: left;\n top: -6px;\n background-color: transparent;\n padding: 0px 2px;\n margin-left: 7px;\n}\n.ff-textarea-container:focus-within .ff-textarea-label--primary {\n color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea--primary {\n border-color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-textarea-container .ff-textarea-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-textarea-container .ff-textarea-message--danger {\n color: var(--error_light);\n}\n.ff-textarea-container--float .ff-textarea-label-container {\n letter-spacing: 0.5px;\n top: -6px;\n background-color: transparent;\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 7px;\n}\n.ff-textarea-container--disabled {\n cursor: not-allowed;\n}\n.ff-textarea-container--disabled:hover .ff-textarea-label {\n color: var(--text-area-default-color);\n}\n.ff-textarea-container--disabled:hover .ff-textarea, .ff-textarea-container--disabled:hover .ff-textarea-container .ff-textarea-label-container, .ff-textarea-container .ff-textarea-container--disabled:hover .ff-textarea-label-container {\n border-color: var(--default-icon-color);\n}\n.ff-textarea-container--disabled .ff-textarea-label-container {\n cursor: not-allowed;\n}";
|
|
2190
|
+
styleInject(css_248z$m);
|
|
2110
2191
|
|
|
2111
2192
|
const truncateText = (text, maxLength) => {
|
|
2112
2193
|
if (!text || maxLength <= 0) return '';
|
|
@@ -2181,8 +2262,8 @@ const Textarea = ({
|
|
|
2181
2262
|
});
|
|
2182
2263
|
};
|
|
2183
2264
|
|
|
2184
|
-
var css_248z$
|
|
2185
|
-
styleInject(css_248z$
|
|
2265
|
+
var css_248z$l = ".ff-status-button {\n border: none;\n border-radius: 4px;\n padding: 0 4px;\n cursor: pointer;\n width: 76px;\n height: 16px;\n}\n.ff-status-button__text {\n color: inherit;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 76px;\n text-transform: capitalize;\n}\n.ff-status-button--passed {\n background-color: var(--status-button-bg-passed);\n color: var(--status-button-text-passed);\n}\n.ff-status-button--failed {\n background-color: var(--status-button-bg-failed);\n color: var(--status-button-text-failed);\n}\n.ff-status-button--running {\n background-color: var(--status-button-bg-running);\n color: var(--status-button-text-running);\n}\n.ff-status-button--skipped {\n background-color: var(--status-button-bg-skipped);\n color: var(--status-button-text-skipped);\n}\n.ff-status-button--warning {\n background-color: var(--status-button-bg-warning);\n color: var(--status-button-text-warning);\n}\n.ff-status-button--terminated {\n background-color: var(--status-button-bg-terminated);\n color: var(--status-button-text-terminated);\n}\n.ff-status-button--partially-executed {\n background-color: var(--status-button-bg-partiallyExecuted);\n color: var(--status-button-text-partiallyExecuted);\n}\n.ff-status-button--aborted {\n background-color: var(--status-button-bg-aborted);\n color: var(--status-button-text-aborted);\n}\n.ff-status-button--not-executed {\n background-color: var(--status-button-bg-notExecuted);\n color: var(--status-button-text-notExecuted);\n}\n.ff-status-button:disabled {\n opacity: 50%;\n cursor: not-allowed;\n}";
|
|
2266
|
+
styleInject(css_248z$l);
|
|
2186
2267
|
|
|
2187
2268
|
const StatusButton = ({
|
|
2188
2269
|
status = 'passed',
|
|
@@ -2210,8 +2291,8 @@ const StatusButton = ({
|
|
|
2210
2291
|
});
|
|
2211
2292
|
};
|
|
2212
2293
|
|
|
2213
|
-
var css_248z$
|
|
2214
|
-
styleInject(css_248z$
|
|
2294
|
+
var css_248z$k = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-menu-option-container .ff-option-card .ff-options {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-menu-option-container {\n cursor: pointer;\n position: relative;\n}\n.ff-menu-option-container .ff-icon-label {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container:hover {\n background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--brand-color);\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked:hover {\n background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-option-card {\n position: absolute;\n border: 1px solid var(--option-card-border-color);\n background: var(--option-card-bg-color);\n border-radius: 4px;\n margin: 2px;\n min-height: 32px;\n min-width: 111px;\n z-index: 100000;\n white-space: nowrap;\n}\n.ff-menu-option-container .ff-option-card .ff-options {\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n padding: 8px;\n line-height: 16px;\n gap: 8px;\n}\n.ff-menu-option-container .ff-option-card .ff-options:hover {\n background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-option-card .ff-options label {\n cursor: pointer;\n}\n.ff-menu-option-container .ff-option-card .ff-disable-option {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff-menu-option-container .ff-option-card .ff-disable-option label {\n cursor: no-drop;\n}";
|
|
2295
|
+
styleInject(css_248z$k);
|
|
2215
2296
|
|
|
2216
2297
|
const Option$1 = ({
|
|
2217
2298
|
option,
|
|
@@ -2332,8 +2413,8 @@ const MenuOption = ({
|
|
|
2332
2413
|
});
|
|
2333
2414
|
};
|
|
2334
2415
|
|
|
2335
|
-
var css_248z$
|
|
2336
|
-
styleInject(css_248z$
|
|
2416
|
+
var css_248z$j = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-table tbody tr td {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-table thead tr th {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-fixed-header-table {\n overflow-y: auto;\n}\n\n.ff-table th,\n.ff-table td {\n text-align: left;\n font-size: 12px;\n padding: 9px 8px;\n}\n.ff-table thead tr th {\n color: var(--text-color);\n border-bottom: 1px solid var(--slider-table-color);\n text-transform: uppercase;\n}\n.ff-table thead tr th:first-child div {\n display: flex;\n align-items: center;\n}\n.ff-table thead tr th:first-child div .ff-table-checkbox {\n padding-right: 8px;\n}\n.ff-table tbody tr .action-column {\n opacity: 0;\n}\n.ff-table tbody tr .icon-container {\n padding-left: 10px;\n opacity: 0;\n display: flex;\n justify-content: flex-end;\n transition: opacity 0.3s ease, transform 0.3s ease;\n transform: translateX(20px);\n}\n.ff-table tbody tr:hover {\n background-color: var(--hover-color);\n}\n.ff-table tbody tr:hover .icon-container {\n opacity: 1;\n transform: translateX(0);\n}\n.ff-table tbody tr td {\n position: relative;\n color: var(--text-color);\n}\n.ff-table tbody tr td.clickable-cell {\n cursor: pointer;\n}\n.ff-table tbody tr td:first-child div {\n display: flex;\n align-items: center;\n}\n.ff-table tbody tr td:first-child div .ff-table-checkbox {\n padding-right: 8px;\n}\n.ff-table .primary-bg {\n background-color: var(--brand-color);\n}\n.ff-table .secondary-bg {\n background-color: var(--slider-table-color);\n}\n.ff-table .default-bg {\n background-color: transparent;\n}\n\n.border-borderRadius {\n border: 1px solid var(--slider-table-color);\n border-radius: 5px;\n border-collapse: none !important;\n}\n\n.ff-fixed-header {\n position: sticky !important;\n top: 0;\n z-index: 99;\n background-color: Var(--file-details-bg);\n}\n\n.no-data-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}";
|
|
2417
|
+
styleInject(css_248z$j);
|
|
2337
2418
|
|
|
2338
2419
|
const isFunction$1 = functionToCheck => {
|
|
2339
2420
|
return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
|
|
@@ -2454,11 +2535,11 @@ const Table = ({
|
|
|
2454
2535
|
});
|
|
2455
2536
|
};
|
|
2456
2537
|
|
|
2457
|
-
var css_248z$
|
|
2458
|
-
styleInject(css_248z$
|
|
2538
|
+
var css_248z$i = ".ff-add-button-container {\n position: relative;\n border: none;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background-color: transparent;\n}\n.ff-add-button-container.ff-hovered-add-button--primary {\n background-color: var(--hover-color);\n}\n.ff-add-button-container .ff-hovered-add-icon--primary svg path {\n fill: var(--add-icon-hover-color);\n}\n.ff-add-button-container .ff-add-icon--primary svg path {\n fill: var(--brand-color);\n}\n.ff-add-button-container .ff-add-button {\n position: absolute;\n border: none;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n background: none;\n}";
|
|
2539
|
+
styleInject(css_248z$i);
|
|
2459
2540
|
|
|
2460
|
-
var css_248z$
|
|
2461
|
-
styleInject(css_248z$
|
|
2541
|
+
var css_248z$h = ".ff-arrow-buttons-container {\n position: absolute;\n transition: opacity 0.3s ease;\n}\n.ff-arrow-buttons-container.ff-down-right-top, .ff-arrow-buttons-container.ff-down-top {\n height: 80px;\n width: 52px;\n transform: translateY(calc(-50% + 12px));\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--right, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--top, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--down, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top {\n height: 52px;\n width: 52px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right {\n height: 52px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--right {\n top: 0px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-top {\n height: 52px;\n width: 24px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right {\n height: 24px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-right .ff-arrow-button--right {\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down {\n height: 52px;\n width: 24px;\n}\n.ff-arrow-buttons-container.ff-down .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container .ff-arrow-button {\n background: var(--arrow-button-bg-color);\n border: 0.5px solid var(--arrows-button-border-color);\n padding: 0;\n cursor: pointer;\n width: 24px;\n height: 24px;\n display: flex;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n position: absolute;\n}\n.ff-arrow-buttons-container .ff-arrow-button--top {\n top: 0px;\n left: 0;\n}\n.ff-arrow-buttons-container .ff-arrow-button--down {\n bottom: 0px;\n left: 0;\n}\n@keyframes slideTop {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(-10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n@keyframes slideRight {\n from {\n transform: translateX(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateX(10px);\n opacity: 0.5;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n@keyframes slideDown {\n from {\n transform: translateY(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
|
|
2542
|
+
styleInject(css_248z$h);
|
|
2462
2543
|
|
|
2463
2544
|
const ArrowsButton = ({
|
|
2464
2545
|
direction,
|
|
@@ -2595,8 +2676,8 @@ const AddButton = ({
|
|
|
2595
2676
|
});
|
|
2596
2677
|
};
|
|
2597
2678
|
|
|
2598
|
-
var css_248z$
|
|
2599
|
-
styleInject(css_248z$
|
|
2679
|
+
var css_248z$g = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-donut-chart-svg-container svg text:nth-of-type(1), .ff-status-item {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL, .ff-donut-chart-svg-container svg text:nth-of-type(2) {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-donut-chart-svg-container svg text:nth-of-type(3) {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-donut-chart-section {\n display: flex;\n align-items: center;\n padding: 8px;\n}\n\n.ff-donut-chart-svg-container {\n display: flex;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(1) {\n font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(2) {\n font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(3) {\n font-weight: 500;\n}\n\n.ff-status-container {\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.ff-status-item {\n display: flex;\n gap: 40px;\n justify-content: space-between;\n opacity: 1;\n}\n.ff-status-item.ff-highlighted {\n opacity: 1;\n}\n.ff-status-item.ff-fade {\n opacity: 10%;\n}\n.ff-status-item .ff-status-text {\n font-weight: 500;\n color: var(--status-skipped-text-color);\n}\n.ff-status-item .ff-status-details-script-count {\n display: flex;\n gap: 4px;\n font-weight: 600;\n}\n.ff-status-item .ff-status-details-script-percentage {\n font-weight: 400;\n color: var(--brand2-color);\n}\n\n.ff-status-label {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n\n.ff-status-details {\n display: flex;\n gap: 4px;\n}\n\n.ff-status-color {\n width: 16px;\n height: 16px;\n border-radius: 4px;\n opacity: 80%;\n}";
|
|
2680
|
+
styleInject(css_248z$g);
|
|
2600
2681
|
|
|
2601
2682
|
const calculateArc = (x, y, radius, startAngle, endAngle) => {
|
|
2602
2683
|
const startX = x + radius * Math.cos(startAngle);
|
|
@@ -2948,8 +3029,8 @@ const useFileDropzone = options => {
|
|
|
2948
3029
|
};
|
|
2949
3030
|
};
|
|
2950
3031
|
|
|
2951
|
-
var css_248z$
|
|
2952
|
-
styleInject(css_248z$
|
|
3032
|
+
var css_248z$f = ".ff-file-dropzone-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone {\n width: 640px;\n height: 188px;\n padding: 16px 0;\n border-radius: 8px;\n background: var(--file-dropzone-default-color);\n border: 1px dashed var(--brand-color);\n display: flex;\n align-items: center;\n flex-direction: column;\n text-align: center;\n gap: 8px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone--active {\n background-color: var(--file-dropzone-selected-color);\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__icon {\n height: 80px;\n width: 80px;\n display: grid;\n place-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn {\n margin: 0 auto;\n position: relative;\n font-weight: 600;\n line-height: 15px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 640px;\n max-height: 300px;\n overflow-y: auto;\n scroll-behavior: smooth;\n padding: 2px;\n -ms-overflow-style: none;\n scrollbar-width: thin;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper ::-webkit-scrollbar {\n width: 2px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px;\n border-radius: 4px;\n background-color: var(--file-details-bg);\n box-shadow: 0px 0px 4px 0px var(--file-details-container-shadow);\n overflow: hidden;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info {\n display: flex;\n align-items: center;\n gap: 4px;\n width: 60%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info .ff-file-info__icon {\n display: grid;\n place-items: center;\n height: 24px;\n width: 24px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper {\n display: flex;\n flex-direction: column;\n gap: 2px;\n justify-content: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper__name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: block;\n color: var(--text-color);\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions {\n display: flex;\n align-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-replace, .ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-remove {\n height: 24px;\n width: 24px;\n display: grid;\n place-items: center;\n cursor: pointer;\n}";
|
|
3033
|
+
styleInject(css_248z$f);
|
|
2953
3034
|
|
|
2954
3035
|
const Dropzone = ({
|
|
2955
3036
|
icon,
|
|
@@ -6920,8 +7001,8 @@ function useForm(props = {}) {
|
|
|
6920
7001
|
return _formControl.current;
|
|
6921
7002
|
}
|
|
6922
7003
|
|
|
6923
|
-
var css_248z$
|
|
6924
|
-
styleInject(css_248z$
|
|
7004
|
+
var css_248z$e = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-form-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-form-container {\n background-color: var(--hover-color);\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n padding: 20px;\n width: 400px;\n margin: 0 auto;\n}\n.ff-form-container .ff-form-group {\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-group .ff-label {\n display: block;\n margin-bottom: 4px;\n font-weight: bold;\n}\n.ff-form-container .ff-form-group input {\n width: 94%;\n padding: 10px;\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n}\n.ff-form-container .ff-form-group input:focus {\n border-color: var(--brand-color);\n}\n.ff-form-container .ff-form-group input.ff-error {\n border-color: var(--ff-error-light);\n}\n.ff-form-container .ff-form-group .ff-error {\n color: var(--error-light);\n margin-top: 4px;\n}\n.ff-form-container .ff-form-group {\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-group .ff-label {\n display: block;\n margin-bottom: 4px;\n font-weight: bold;\n}\n.ff-form-container .ff-form-group input,\n.ff-form-container .ff-form-group select {\n width: 94%;\n padding: 10px;\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n}\n.ff-form-container .ff-form-group input:focus,\n.ff-form-container .ff-form-group select:focus {\n border-color: var(--brand-color);\n}\n.ff-form-container .ff-form-group input.ff-error,\n.ff-form-container .ff-form-group select.ff-error {\n border-color: var(--ff-error-light);\n}\n.ff-form-container .ff-form-radio-group {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-group-wrapper {\n display: flex;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-gender {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-gender input[type=radio] {\n margin-right: 0.5rem;\n}\n.ff-form-container .ff-form-radio-group .ff-error {\n padding-left: 12px;\n color: var(--error-light);\n margin-top: 4px;\n}\n.ff-form-container .ff-button-layout {\n width: 99%;\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n.ff-form-container .ff-button-layout button {\n width: 50%;\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n border: none;\n border-radius: 8px;\n padding: 10px;\n cursor: pointer;\n}";
|
|
7005
|
+
styleInject(css_248z$e);
|
|
6925
7006
|
|
|
6926
7007
|
const Form = ({
|
|
6927
7008
|
onSubmit,
|
|
@@ -6955,8 +7036,8 @@ const Form = ({
|
|
|
6955
7036
|
});
|
|
6956
7037
|
};
|
|
6957
7038
|
|
|
6958
|
-
var css_248z$
|
|
6959
|
-
styleInject(css_248z$
|
|
7039
|
+
var css_248z$d = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-input-with-dropdown-container .ff-helper-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-input-with-dropdown-container {\n display: flex;\n flex-direction: column;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown {\n display: flex;\n border: 1px solid var(--input-default-border-color);\n border-radius: 4px;\n padding: 0;\n position: relative;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n position: absolute;\n z-index: 9;\n color: var(--input-default-border-color);\n top: 7px;\n left: 7px;\n transition: all 0.3s ease-in-out;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label .ff-required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--filled {\n color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--no-hover {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n position: relative;\n padding: 6px 7px;\n line-height: 18px;\n border: none;\n outline: none;\n border-right: 1px solid var(--input-default-border-color);\n border-radius: 4px 0 0 4px;\n top: 1px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-outer-spin-button, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::placeholder {\n opacity: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input:disabled {\n cursor: not-allowed;\n background: transparent;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--no-hover {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown {\n min-width: 120px;\n border: none;\n outline: none;\n margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown:disabled {\n cursor: not-allowed;\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown {\n border-color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--filled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--disabled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label {\n color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label--filled {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input {\n border-color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--filled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--disabled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label {\n top: -6.5px;\n background-color: var(--input-label-bg-color);\n padding: 0px 2px;\n color: var(--input-active-text-color);\n line-height: 12px;\n font-size: 8px !important;\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input::placeholder {\n opacity: 1;\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n top: -6px;\n background-color: var(--input-label-bg-color);\n padding: 0px 2px;\n line-height: 12px;\n font-size: 8px !important;\n}\n.ff-input-with-dropdown-container--filled span {\n font-size: 8px;\n}\n.ff-input-with-dropdown-container--filled .required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-helper-text {\n color: var(--input-error-text-color);\n padding: 0 11px;\n}";
|
|
7040
|
+
styleInject(css_248z$d);
|
|
6960
7041
|
|
|
6961
7042
|
const InputWithDropdown = ({
|
|
6962
7043
|
name = '',
|
|
@@ -7036,8 +7117,8 @@ const InputWithDropdown = ({
|
|
|
7036
7117
|
});
|
|
7037
7118
|
};
|
|
7038
7119
|
|
|
7039
|
-
var css_248z$
|
|
7040
|
-
styleInject(css_248z$
|
|
7120
|
+
var css_248z$c = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-radio {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-radio {\n position: relative;\n color: var(--text-color);\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-radio .ff-radio-input {\n display: none;\n}\n.ff-radio .ff-radio-custom {\n box-sizing: content-box;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n border: 1px solid var(--radio-button-border);\n position: relative;\n margin-right: 8px;\n transition: border-color background-color;\n}\n.ff-radio .ff-radio-custom::before {\n content: \"\";\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #fbfdff;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n transition: background-color 0.3s;\n}\n.ff-radio .ff-radio-custom::after {\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 4px solid #f7edff;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n transition: opacity 0.3s;\n}\n.ff-radio:hover .ff-radio-custom {\n border: 1px solid var(--brand-color);\n}\n.ff-radio:hover .ff-radio-custom::before {\n background-color: var(--drawer-footer-bg);\n}\n.ff-radio:hover .ff-radio-custom::after {\n opacity: 1;\n transition: opacity 0.3s;\n}\n.ff-radio .ff-radio-input:checked + .ff-radio-custom {\n border-color: var(--brand-color);\n}\n.ff-radio .ff-radio-input:checked + .ff-radio-custom::before {\n background: var(--brand-color);\n height: 12px;\n width: 12px;\n}\n.ff-radio .ff-radio-input:disabled + .ff-radio-custom {\n border: 1px solid var(--radio-button-border);\n}\n.ff-radio .ff-radio-input:disabled + .ff-radio-custom::before {\n background: var(--drawer-footer-bg);\n}\n.ff-radio .ff-radio-input:disabled + .ff-radio-custom::after {\n border: 4px solid var(--radio-button-hover);\n opacity: 0;\n transition: opacity 0.3s;\n}\n.ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom {\n border-color: var(--brand-color);\n background-color: var(--drawer-footer-bg);\n}\n.ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom::before {\n background: var(--brand-color);\n}\n.ff-radio--disabled {\n cursor: default;\n opacity: 0.5;\n}";
|
|
7121
|
+
styleInject(css_248z$c);
|
|
7041
7122
|
|
|
7042
7123
|
const RadioButton = ({
|
|
7043
7124
|
label,
|
|
@@ -7065,8 +7146,8 @@ const RadioButton = ({
|
|
|
7065
7146
|
});
|
|
7066
7147
|
};
|
|
7067
7148
|
|
|
7068
|
-
var css_248z$
|
|
7069
|
-
styleInject(css_248z$
|
|
7149
|
+
var css_248z$b = ".ff-radio-group {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}";
|
|
7150
|
+
styleInject(css_248z$b);
|
|
7070
7151
|
|
|
7071
7152
|
const RadioGroup = ({
|
|
7072
7153
|
options,
|
|
@@ -7088,8 +7169,8 @@ const RadioGroup = ({
|
|
|
7088
7169
|
});
|
|
7089
7170
|
};
|
|
7090
7171
|
|
|
7091
|
-
var css_248z$
|
|
7092
|
-
styleInject(css_248z$
|
|
7172
|
+
var css_248z$a = ".ff-mini-edit-modal-container {\n width: fit-content;\n padding: 0;\n position: absolute;\n visibility: hidden;\n}\n.ff-mini-edit-modal-container.modalVisible {\n visibility: visible;\n}\n.ff-mini-edit-modal-container.animatedModal {\n animation: slideDown 0.5s ease, opacity 0.5s ease;\n}\n.ff-mini-edit-modal-container .popover-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n z-index: 5;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top {\n bottom: 100%;\n left: 30px;\n border-width: 0 10px 10px 10px;\n border-color: transparent transparent var(--ff-mini-modal-border) transparent;\n filter: drop-shadow(0 -2px 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left {\n left: -15px;\n border-width: 10px 10px 10px 0;\n border-color: transparent var(--ff-mini-modal-border) transparent transparent;\n filter: drop-shadow(-2px 0 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom {\n top: 100%;\n left: 30px;\n border-width: 10px 10px 0 10px;\n border-color: var(--ff-mini-modal-border) transparent transparent transparent;\n filter: drop-shadow(0 2px 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right {\n right: -10px;\n top: 75px;\n border-width: 10px 0 10px 10px;\n border-color: transparent transparent transparent var(--ff-mini-modal-border);\n filter: drop-shadow(2px 0 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.left-top-arrow {\n top: 10%;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-middle-arrow {\n top: 50%;\n}\n.ff-mini-edit-modal-container .wrapped-div {\n width: 35px;\n height: 35px;\n background-color: transparent;\n outline: 8px solid var(--ff-mini-modal-border);\n outline-offset: -8px;\n position: absolute;\n top: -34px;\n z-index: 10;\n border-radius: 7px 7px 0 0;\n box-shadow: 0px -3px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .wrapped-div::before, .ff-mini-edit-modal-container .wrapped-div::after {\n position: absolute;\n content: \"\";\n width: 13px;\n height: 13px;\n background: transparent;\n border-radius: 50%;\n bottom: 0;\n box-shadow: 8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .wrapped-div::before {\n left: -13px;\n clip-path: polygon(100% 100%, 110% 45%, 0% 70%, 0% 100%);\n}\n.ff-mini-edit-modal-container .wrapped-div::after {\n right: -13px;\n clip-path: polygon(-5% 100%, 0% 40%, 100% 70%, 100% 100%);\n box-shadow: -8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .mini-edit-modal {\n background: var(--ff-mini-modal-border);\n position: relative;\n max-height: fit-content;\n z-index: 2;\n padding: 4px;\n width: 100%;\n border-radius: 7px;\n margin: 0 0 0 -5px;\n height: 100%;\n box-shadow: 0px 0px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal header {\n border-radius: 4px 4px 0 0;\n}\n.ff-mini-edit-modal-container .mini-edit-modal footer {\n border-radius: 0 0 4px 4px;\n}\n.ff-mini-edit-modal-container .modal-content {\n max-height: 250px;\n overflow-y: auto;\n}\n.ff-mini-edit-modal-container .modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n background-color: var(--ff-mini-modal-footer-background);\n height: 24px;\n padding: 0 10px 0 0;\n transition: transform 0.3s ease-in-out;\n}\n@keyframes slideDown {\n 0% {\n transform: translateY(-50px);\n opacity: 0;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.ff-mini-modal-buttons-flex {\n display: flex;\n}\n\n.ff-mini-modal-gap-10 {\n gap: 10px;\n}";
|
|
7173
|
+
styleInject(css_248z$a);
|
|
7093
7174
|
|
|
7094
7175
|
const MiniModal = /*#__PURE__*/forwardRef(({
|
|
7095
7176
|
anchorRef,
|
|
@@ -7259,8 +7340,8 @@ const MiniModal = /*#__PURE__*/forwardRef(({
|
|
|
7259
7340
|
}), document.body);
|
|
7260
7341
|
});
|
|
7261
7342
|
|
|
7262
|
-
var css_248z$
|
|
7263
|
-
styleInject(css_248z$
|
|
7343
|
+
var css_248z$9 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-checkbox--overlay {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n cursor: pointer;\n position: relative;\n}\n.ff-checkbox--overlay .ff-checkbox-input {\n display: none;\n}\n.ff-checkbox--overlay .ff-checkbox-custom {\n width: 16px;\n height: 16px;\n border: 1px solid var(--checkbox-border-color);\n box-sizing: border-box;\n border-radius: 2px;\n margin-right: 8px;\n background-color: var(--checkbox-bg-color);\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::before {\n content: \"\";\n width: 9px;\n height: 2px;\n background-color: var(--checkbox-partial-color);\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(180deg);\n opacity: 0;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::after {\n content: \"\";\n width: 16px;\n height: 16px;\n border: 4px solid var(--checkbox-hover-color);\n border-radius: 4px;\n position: absolute;\n opacity: 0;\n background-color: var(--checkbox-hover-color);\n z-index: -1;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom:hover {\n border-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-custom:hover::after {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked + .ff-checkbox-custom {\n background: var(--brand-color);\n border-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom {\n background: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom::after {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom {\n opacity: 0.5;\n cursor: not-allowed;\n border: 1px solid var(--checkbox-border-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom::after {\n opacity: 0;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial {\n background-color: var(--brand-color);\n border: none;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial::before {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover {\n background-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover::after {\n opacity: 1;\n}";
|
|
7344
|
+
styleInject(css_248z$9);
|
|
7264
7345
|
|
|
7265
7346
|
const Checkbox = ({
|
|
7266
7347
|
id,
|
|
@@ -7309,8 +7390,8 @@ const Checkbox = ({
|
|
|
7309
7390
|
});
|
|
7310
7391
|
};
|
|
7311
7392
|
|
|
7312
|
-
var css_248z$
|
|
7313
|
-
styleInject(css_248z$
|
|
7393
|
+
var css_248z$8 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-tree-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tree-container {\n width: 100%;\n font-size: 12px;\n color: var(--brand-color);\n transition: all 0.3s ease;\n}\n.ff-tree-container table {\n border-collapse: collapse;\n width: 100%;\n text-align: left;\n}\n.ff-tree-container .ff-toggle-arrow-icon {\n height: 12px;\n width: 12px;\n margin-left: 8px;\n display: grid;\n place-items: center;\n transform: rotate(0deg);\n}\n.ff-tree-container .ff-toggle-arrow-icon svg path {\n fill: var(--brand-color);\n}\n.ff-tree-container .ff-toggle-arrow-icon.ff-expanded {\n transform: rotate(0deg);\n}\n.ff-tree-container .ff-toggle-arrow-icon.ff-collapsed {\n transform: rotate(-90deg);\n}\n.ff-tree-container th,\n.ff-tree-container td {\n padding: 0 8px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.ff-tree-container th {\n vertical-align: middle;\n height: 32px;\n background-color: var(--slider-table-color);\n color: var(--text-color);\n font-weight: 600;\n text-transform: uppercase;\n}\n.ff-tree-container tr .ff-action-section {\n display: none;\n}\n.ff-tree-container tr:hover {\n background-color: var(--hover-color);\n}\n.ff-tree-container tr:hover .ff-action-section {\n display: block;\n}\n.ff-tree-container .ff-title-container {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-tree-container .ff-title-container .ff-toggle-folder {\n display: flex;\n cursor: pointer;\n}\n.ff-tree-container .ff-title-container.ff-folder {\n font-weight: 600;\n}\n.ff-tree-container .ff-title-container.ff-file {\n font-weight: 400;\n}\n.ff-tree-container .ff-title-container .ff-title {\n display: flex;\n gap: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: 400;\n cursor: pointer;\n}\n.ff-tree-container .ff-title-container .ff-title .ff-hover-icon {\n display: none;\n position: absolute;\n right: 10px;\n}\n.ff-tree-container .ff-node-li {\n position: relative;\n --indent-size: 16px;\n --total-children-height: var(--node-height);\n}\n.ff-tree-container .ff-node-li td:first-child {\n padding-left: calc(var(--level) * var(--indent-size));\n height: 32px;\n}\n.ff-tree-container .ff-node-li::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: calc(var(--level) * var(--indent-size) - 4px);\n width: 1px;\n height: calc(var(--total-children-height));\n background-color: var(--tree-connecting-lines-color);\n z-index: 1;\n}\n.ff-tree-container .ff-node-li::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: calc(var(--level) * var(--indent-size) - 4px);\n width: 12px;\n height: 1px;\n background-color: var(--tree-connecting-lines-color);\n z-index: 1;\n}\n.ff-tree-container .ff-node-li.ff-is-last::before {\n height: calc(var(--node-height) / 2);\n}\n.ff-tree-container .ff-node-li[style*=\"--level: 0\"]::before, .ff-tree-container .ff-node-li[style*=\"--level: 0\"]::after {\n content: none;\n}";
|
|
7394
|
+
styleInject(css_248z$8);
|
|
7314
7395
|
|
|
7315
7396
|
const TableTree = ({
|
|
7316
7397
|
columnsData,
|
|
@@ -7469,8 +7550,8 @@ const TableTree = ({
|
|
|
7469
7550
|
});
|
|
7470
7551
|
};
|
|
7471
7552
|
|
|
7472
|
-
var css_248z$
|
|
7473
|
-
styleInject(css_248z$
|
|
7553
|
+
var css_248z$7 = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color:#d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\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 --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight:#f5fb00;\n --slider-table-color: #efe1f9;\n}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tabs-container {\n box-sizing: border-box;\n}\n.ff-tabs-container .ff-tab-row--default {\n display: flex;\n gap: 8px;\n border: 1px solid var(--tabs-border-color);\n border-radius: 8px 8px 0 0;\n padding: 7px 8px 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default {\n border: none;\n background: none;\n padding: 0 4px;\n display: flex;\n flex-direction: column;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-label {\n padding-bottom: 4px;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar {\n width: 100%;\n border-radius: 2px 2px 0 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar--active {\n border-top: 2px solid var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.ff-tabs-container .ff-tab-row--capsule {\n display: flex;\n gap: 8px;\n border: 1px solid var(--tabs-border-color);\n border-radius: 8px;\n padding: 3px 4px;\n background-color: var(--tabs-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule {\n background: transparent;\n border: none;\n padding: 3px 4px;\n border-radius: 4px;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule.active {\n background-color: var(--tab-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule .ff-tab-bar {\n display: none;\n}\n.ff-tabs-container .ff-tab-row--no-border {\n border: none;\n}\n.ff-tabs-container .ff-tab-content {\n width: inherit;\n}";
|
|
7554
|
+
styleInject(css_248z$7);
|
|
7474
7555
|
|
|
7475
7556
|
const Tabs = ({
|
|
7476
7557
|
variant = 'default',
|
|
@@ -7521,8 +7602,8 @@ const Tabs = ({
|
|
|
7521
7602
|
});
|
|
7522
7603
|
};
|
|
7523
7604
|
|
|
7524
|
-
var css_248z$
|
|
7525
|
-
styleInject(css_248z$
|
|
7605
|
+
var css_248z$6 = ".ff-highlight-bg {\n background-color: var(--text-bg-highlight);\n}";
|
|
7606
|
+
styleInject(css_248z$6);
|
|
7526
7607
|
|
|
7527
7608
|
// Function to escape special characters in the search term
|
|
7528
7609
|
const escapeRegExp = text => {
|
|
@@ -7545,8 +7626,8 @@ const HighlightText = ({
|
|
|
7545
7626
|
});
|
|
7546
7627
|
};
|
|
7547
7628
|
|
|
7548
|
-
var css_248z$
|
|
7549
|
-
styleInject(css_248z$
|
|
7629
|
+
var css_248z$5 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-search-container .ff-search-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-search-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-search-container .ff-search-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n padding: 4px;\n}\n.ff-search-container .ff-search-icon .ff-icon-container svg path {\n fill: var(--brand-color);\n}\n.ff-search-container .ff-search-input {\n border: none;\n color: var(--tooltip-bg-color);\n line-height: 12px;\n visibility: hidden;\n transition: width 0.4s ease;\n}\n.ff-search-container .ff-search-input:focus {\n outline: none;\n border: none;\n}\n.ff-search-container .ff-search-input:hover {\n border: none;\n}\n.ff-search-container.disabled {\n opacity: 0.5;\n}\n.ff-search-container.expanded {\n border: 1px solid var(--border-color);\n border-radius: 4px;\n}\n.ff-search-container.expanded .ff-vertical-line {\n height: 8px;\n width: 1px;\n position: relative;\n right: 2px;\n border-radius: 1px;\n margin: 8px 0px;\n background-color: var(--border-color);\n}\n.ff-search-container.expanded .ff-search-input {\n visibility: visible;\n}\n.ff-search-container.expanded .ff-search-input::placeholder {\n color: var(--ff-search-filed-placeholder-text);\n}\n.ff-search-container.expanded .ff-search-icon {\n padding: 4px;\n border: none;\n cursor: default;\n}\n.ff-search-container.expanded .ff-search-clear-button {\n display: grid;\n place-items: center;\n cursor: pointer;\n width: 22px;\n}\n.ff-search-container.expanded .ff-search-close-icon {\n margin: 4px;\n cursor: pointer;\n}\n.ff-search-container.expanded .ff-search-close-icon .ff-icon-container svg path {\n fill: var(--ff-search-filed-close-Icon);\n}";
|
|
7630
|
+
styleInject(css_248z$5);
|
|
7550
7631
|
|
|
7551
7632
|
const Search = ({
|
|
7552
7633
|
placeholder = 'Search',
|
|
@@ -15550,8 +15631,8 @@ const TimePicker = ({
|
|
|
15550
15631
|
});
|
|
15551
15632
|
};
|
|
15552
15633
|
|
|
15553
|
-
var css_248z$1 = "@import 'react-day-picker/style.css';\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n/* Custom date picker styling */\n.ff-date-picker {\n position: relative;\n}\n.ff-date-picker .rdp-root {\n --rdp-accent-color: var(--brand-color);\n --rdp-day-height: 24px;\n --rdp-day-width: 36px;\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n --rdp-font-family: \"Poppins\", sans-serif;\n}\n.ff-date-picker .ff-cursor-pointer {\n cursor: pointer;\n}\n.ff-date-picker .ff-datepicker-input-container {\n display: flex;\n gap: 10px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n padding: 4px 8px;\n padding-left: 2rem;\n height: 32px;\n border-radius: 5px;\n border: 1px solid var(--border-color);\n color: var(--status-skipped-text-color);\n line-height: 15px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input:focus,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-calendar-icon,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-clock-icon {\n position: absolute;\n transform: translate(50%, 50%);\n display: flex;\n align-items: center;\n pointer-events: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field {\n flex: 1;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input {\n width: 100%;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field {\n flex: 0 0 120px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field .ff-time-input {\n width: 100%;\n}\n.ff-date-picker .ff-date-picker-container {\n display: flex;\n flex-direction: column;\n position: absolute;\n border-radius: 8px;\n padding: 4px;\n box-sizing: border-box;\n background-color: var(--tab-bg-color);\n box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\n gap: 8px;\n z-index: 10;\n}\n.ff-date-picker .ff-date-picker-container .ff-calendar-container {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n height: 240px;\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls {\n padding: 4px;\n display: flex;\n justify-content: end;\n gap: 8px;\n border-top: 1px solid var(--border-color);\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls .ff-date-picker-button {\n font-weight: 600;\n line-height: 15px;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button {\n margin: 0 5px;\n border: 1px solid var(--border-color);\n background-color: var(--toggle-button-bg-color);\n box-shadow: 0 -2px 2px 0 var(--ff-mini-modal-box-shadow);\n padding: 4px;\n border-radius: 30%;\n cursor: pointer;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button:disabled {\n cursor: auto;\n opacity: 0.5;\n}\n.ff-date-picker .ff-calendar .ff-calendar-haeder {\n display: flex;\n align-items: center;\n gap: 5px;\n color: var(--text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid,\n.ff-date-picker .ff-calendar .ff-custom-month_grid {\n width: calc((var(--rdp-day-width) + 4px) * 7);\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n padding: 5px;\n max-width: 100%;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month {\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n border-radius: 8px;\n background-color: #f9f9f9;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--selected {\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n}\n.ff-date-picker .ff-calendar .rdp-weekdays th {\n color: #6f7c8e;\n font-weight: 400;\n}\n.ff-date-picker .ff-calendar .rdp-day {\n padding: 2px;\n font-weight: 500;\n}\n.ff-date-picker .ff-calendar .rdp-day_button {\n border-radius: 4px;\n padding: 3px 9px;\n}\n.ff-date-picker .ff-calendar .rdp-day_button:hover {\n background-color: var(--hover-color);\n}\n.ff-date-picker .ff-calendar .rdp-selected {\n font: inherit;\n}\n.ff-date-picker .ff-calendar .rdp-selected .rdp-day_button {\n background: var(--rdp-accent-color);\n color: var(--drawer-footer-bg);\n border: none;\n}\n.ff-date-picker .ff-calendar .rdp-today:not(.rdp-outside) .rdp-day_button {\n border: 2px solid var(--rdp-accent-color);\n}\n.ff-date-picker .ff-time-picker-container {\n position: relative;\n width: 150px;\n height: 100%;\n overflow-y: hidden;\n border-left: 1px solid #ccc;\n padding: 10px 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container::-webkit-scrollbar {\n display: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields {\n display: flex;\n height: 14%;\n width: 100%;\n margin-bottom: 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container {\n display: flex;\n border: 1px solid var(--border-color);\n border-right: 0;\n border-radius: 4px 0 0 4px;\n width: 55%;\n position: relative;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n border: none;\n padding: 5px;\n width: 100%;\n text-align: center;\n border-radius: 4px 0 0 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input-label {\n position: absolute;\n left: 10px;\n top: 50%;\n transform: translateY(-50%);\n transition: 0.2s ease all;\n color: var(--input-default-label-color);\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within {\n border-color: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--danger {\n border-color: var(--input-error-text-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container {\n position: relative;\n width: 45%;\n display: flex;\n border: 1px solid var(--border-color);\n border-radius: 0 4px 4px 0;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-select {\n display: flex;\n align-items: center;\n padding: 0 5px;\n width: 100%;\n border-radius: 4px;\n background-color: white;\n cursor: pointer;\n border: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container--active {\n border-color: var(--brand-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon {\n margin-left: auto;\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-options {\n position: fixed;\n z-index: 100;\n min-width: 60px;\n margin: 4px 0 0;\n padding: 0;\n list-style: none;\n border: 1px solid var(--ff-select-background-color);\n border-radius: 4px;\n background-color: var(--primary-button-text-color);\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item {\n padding: 8px;\n color: var(--text-color);\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item:hover {\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options {\n height: 86%;\n overflow-y: auto;\n padding-right: 5px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-track {\n background-color: var(--hover-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options .ff-time-option {\n padding: 10px 12px;\n cursor: pointer;\n text-align: center;\n border-radius: 8px;\n background-color: rgb(249, 249, 249);\n margin: 10px 0;\n}";
|
|
15554
|
-
styleInject(css_248z$
|
|
15634
|
+
var css_248z$4 = "@import 'react-day-picker/style.css';\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n/* Custom date picker styling */\n.ff-date-picker {\n position: relative;\n}\n.ff-date-picker .rdp-root {\n --rdp-accent-color: var(--brand-color);\n --rdp-day-height: 24px;\n --rdp-day-width: 36px;\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n --rdp-font-family: \"Poppins\", sans-serif;\n}\n.ff-date-picker .ff-cursor-pointer {\n cursor: pointer;\n}\n.ff-date-picker .ff-datepicker-input-container {\n display: flex;\n gap: 10px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n padding: 4px 8px;\n padding-left: 2rem;\n height: 32px;\n border-radius: 5px;\n border: 1px solid var(--border-color);\n color: var(--status-skipped-text-color);\n line-height: 15px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input:focus,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-calendar-icon,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-clock-icon {\n position: absolute;\n transform: translate(50%, 50%);\n display: flex;\n align-items: center;\n pointer-events: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field {\n flex: 1;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input {\n width: 100%;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field {\n flex: 0 0 120px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field .ff-time-input {\n width: 100%;\n}\n.ff-date-picker .ff-date-picker-container {\n display: flex;\n flex-direction: column;\n position: absolute;\n border-radius: 8px;\n padding: 4px;\n box-sizing: border-box;\n background-color: var(--tab-bg-color);\n box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\n gap: 8px;\n z-index: 10;\n}\n.ff-date-picker .ff-date-picker-container .ff-calendar-container {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n height: 240px;\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls {\n padding: 4px;\n display: flex;\n justify-content: end;\n gap: 8px;\n border-top: 1px solid var(--border-color);\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls .ff-date-picker-button {\n font-weight: 600;\n line-height: 15px;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button {\n margin: 0 5px;\n border: 1px solid var(--border-color);\n background-color: var(--toggle-button-bg-color);\n box-shadow: 0 -2px 2px 0 var(--ff-mini-modal-box-shadow);\n padding: 4px;\n border-radius: 30%;\n cursor: pointer;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button:disabled {\n cursor: auto;\n opacity: 0.5;\n}\n.ff-date-picker .ff-calendar .ff-calendar-haeder {\n display: flex;\n align-items: center;\n gap: 5px;\n color: var(--text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid,\n.ff-date-picker .ff-calendar .ff-custom-month_grid {\n width: calc((var(--rdp-day-width) + 4px) * 7);\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n padding: 5px;\n max-width: 100%;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month {\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n border-radius: 8px;\n background-color: #f9f9f9;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--selected {\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n}\n.ff-date-picker .ff-calendar .rdp-weekdays th {\n color: #6f7c8e;\n font-weight: 400;\n}\n.ff-date-picker .ff-calendar .rdp-day {\n padding: 2px;\n font-weight: 500;\n}\n.ff-date-picker .ff-calendar .rdp-day_button {\n border-radius: 4px;\n padding: 3px 9px;\n}\n.ff-date-picker .ff-calendar .rdp-day_button:hover {\n background-color: var(--hover-color);\n}\n.ff-date-picker .ff-calendar .rdp-selected {\n font: inherit;\n}\n.ff-date-picker .ff-calendar .rdp-selected .rdp-day_button {\n background: var(--rdp-accent-color);\n color: var(--drawer-footer-bg);\n border: none;\n}\n.ff-date-picker .ff-calendar .rdp-today:not(.rdp-outside) .rdp-day_button {\n border: 2px solid var(--rdp-accent-color);\n}\n.ff-date-picker .ff-time-picker-container {\n position: relative;\n width: 150px;\n height: 100%;\n overflow-y: hidden;\n border-left: 1px solid #ccc;\n padding: 10px 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container::-webkit-scrollbar {\n display: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields {\n display: flex;\n height: 14%;\n width: 100%;\n margin-bottom: 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container {\n display: flex;\n border: 1px solid var(--border-color);\n border-right: 0;\n border-radius: 4px 0 0 4px;\n width: 55%;\n position: relative;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n border: none;\n padding: 5px;\n width: 100%;\n text-align: center;\n border-radius: 4px 0 0 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input-label {\n position: absolute;\n left: 10px;\n top: 50%;\n transform: translateY(-50%);\n transition: 0.2s ease all;\n color: var(--input-default-label-color);\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within {\n border-color: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--danger {\n border-color: var(--input-error-text-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container {\n position: relative;\n width: 45%;\n display: flex;\n border: 1px solid var(--border-color);\n border-radius: 0 4px 4px 0;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-select {\n display: flex;\n align-items: center;\n padding: 0 5px;\n width: 100%;\n border-radius: 4px;\n background-color: white;\n cursor: pointer;\n border: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container--active {\n border-color: var(--brand-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon {\n margin-left: auto;\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-options {\n position: fixed;\n z-index: 100;\n min-width: 60px;\n margin: 4px 0 0;\n padding: 0;\n list-style: none;\n border: 1px solid var(--ff-select-background-color);\n border-radius: 4px;\n background-color: var(--primary-button-text-color);\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item {\n padding: 8px;\n color: var(--text-color);\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item:hover {\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options {\n height: 86%;\n overflow-y: auto;\n padding-right: 5px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-track {\n background-color: var(--hover-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options .ff-time-option {\n padding: 10px 12px;\n cursor: pointer;\n text-align: center;\n border-radius: 8px;\n background-color: rgb(249, 249, 249);\n margin: 10px 0;\n}";
|
|
15635
|
+
styleInject(css_248z$4);
|
|
15555
15636
|
|
|
15556
15637
|
const CustomDatePicker = ({
|
|
15557
15638
|
minDate,
|
|
@@ -16071,8 +16152,8 @@ const StateDropdown = ({
|
|
|
16071
16152
|
});
|
|
16072
16153
|
};
|
|
16073
16154
|
|
|
16074
|
-
var css_248z = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-plus-icon {\n min-width: 71px;\n min-height: 24px;\n border-radius: 12px;\n border-style: none;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 8px;\n background-color: var(--secondary-icon-color);\n padding: 2px 8px 2px 2px;\n border: 1px solid transparent;\n}\n.ff-plus-icon .ff-icon-color path {\n color: var(--primary-icon-color);\n}\n.ff-plus-icon .icon-name {\n min-width: 33px;\n
|
|
16075
|
-
styleInject(css_248z);
|
|
16155
|
+
var css_248z$3 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-plus-icon {\n min-width: 71px;\n min-height: 24px;\n border-radius: 12px;\n border-style: none;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 8px;\n background-color: var(--secondary-icon-color);\n padding: 2px 8px 2px 2px;\n border: 1px solid transparent;\n}\n.ff-plus-icon .ff-icon-color path {\n color: var(--primary-icon-color);\n}\n.ff-plus-icon .icon-name {\n min-width: 33px;\n color: var(--primary-icon-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-plus-icon:hover {\n border: 1px solid var(--secondary-icon-color);\n background-color: var(--hover-color);\n}\n.ff-plus-icon:hover .icon-name {\n min-width: 33px;\n min-height: 20px;\n font-weight: 600;\n color: var(--secondary-icon-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-plus-icon:hover .ff-icon-color path {\n color: var(--secondary-icon-color);\n}";
|
|
16156
|
+
styleInject(css_248z$3);
|
|
16076
16157
|
|
|
16077
16158
|
const IconButton = ({
|
|
16078
16159
|
label,
|
|
@@ -16096,6 +16177,75 @@ const IconButton = ({
|
|
|
16096
16177
|
});
|
|
16097
16178
|
};
|
|
16098
16179
|
|
|
16180
|
+
var css_248z$2 = ".ff-modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--background-modal-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n flex-direction: column;\n}\n\n.ff-modal-content {\n background: var(--ff-mini-modal-border);\n position: relative;\n max-width: 100%;\n border-radius: 12px 12px 0 0;\n padding: 16px;\n}\n.ff-modal-content .ff-modal-header {\n height: 32px;\n width: 100%;\n}\n\n.ff-modal-footer {\n background-color: var(--expandable-menu-option-bg);\n max-width: 100%;\n width: 100%;\n height: 32px;\n border-radius: 0 0 12px 12px;\n display: flex;\n flex-direction: row;\n justify-content: end;\n align-items: center;\n gap: 8px;\n padding: 4px 16px;\n}";
|
|
16181
|
+
styleInject(css_248z$2);
|
|
16182
|
+
|
|
16183
|
+
const Modal = ({
|
|
16184
|
+
isOpen,
|
|
16185
|
+
onClose,
|
|
16186
|
+
contentLabel,
|
|
16187
|
+
isHeaderDisplayed,
|
|
16188
|
+
headerContent,
|
|
16189
|
+
footerContent,
|
|
16190
|
+
contentClassName,
|
|
16191
|
+
isFooterDisplayed,
|
|
16192
|
+
overlayClassName,
|
|
16193
|
+
shouldCloseOnEsc = true,
|
|
16194
|
+
ariaHideApp = true,
|
|
16195
|
+
shouldCloseOnOverlayClick = true,
|
|
16196
|
+
customWidth = '660px',
|
|
16197
|
+
// default width
|
|
16198
|
+
customHeight = 'auto',
|
|
16199
|
+
// default height
|
|
16200
|
+
children
|
|
16201
|
+
}) => {
|
|
16202
|
+
useEffect(() => {
|
|
16203
|
+
const handleKeyDown = e => {
|
|
16204
|
+
if (e.key === 'Escape' && shouldCloseOnEsc) {
|
|
16205
|
+
onClose();
|
|
16206
|
+
}
|
|
16207
|
+
};
|
|
16208
|
+
if (isOpen) {
|
|
16209
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
16210
|
+
if (ariaHideApp) {
|
|
16211
|
+
document.body.style.overflow = 'hidden';
|
|
16212
|
+
}
|
|
16213
|
+
}
|
|
16214
|
+
return () => {
|
|
16215
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
16216
|
+
if (ariaHideApp) {
|
|
16217
|
+
document.body.style.overflow = '';
|
|
16218
|
+
}
|
|
16219
|
+
};
|
|
16220
|
+
}, [isOpen, onClose, ariaHideApp, shouldCloseOnEsc]);
|
|
16221
|
+
if (!isOpen) return null;
|
|
16222
|
+
const themeContext = useContext(ThemeContext);
|
|
16223
|
+
const currentTheme = themeContext?.currentTheme;
|
|
16224
|
+
return /*#__PURE__*/createPortal(jsxs("div", {
|
|
16225
|
+
className: `ff-modal-overlay ${overlayClassName || ''}`,
|
|
16226
|
+
onClick: shouldCloseOnOverlayClick ? onClose : undefined,
|
|
16227
|
+
children: [jsxs("div", {
|
|
16228
|
+
className: `ff-modal-content ${currentTheme} ${contentClassName || ''}`,
|
|
16229
|
+
style: {
|
|
16230
|
+
width: customWidth,
|
|
16231
|
+
height: customHeight
|
|
16232
|
+
},
|
|
16233
|
+
onClick: e => e.stopPropagation(),
|
|
16234
|
+
"aria-label": contentLabel,
|
|
16235
|
+
children: [isHeaderDisplayed && jsx("div", {
|
|
16236
|
+
className: "ff-modal-header",
|
|
16237
|
+
children: headerContent
|
|
16238
|
+
}), children]
|
|
16239
|
+
}), isFooterDisplayed && jsx("div", {
|
|
16240
|
+
className: "ff-modal-footer",
|
|
16241
|
+
style: {
|
|
16242
|
+
width: customWidth
|
|
16243
|
+
},
|
|
16244
|
+
children: footerContent
|
|
16245
|
+
})]
|
|
16246
|
+
}), document.body);
|
|
16247
|
+
};
|
|
16248
|
+
|
|
16099
16249
|
function useCombinedRefs() {
|
|
16100
16250
|
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
16101
16251
|
refs[_key] = arguments[_key];
|
|
@@ -20707,5 +20857,206 @@ const DragAndDrop = {
|
|
|
20707
20857
|
DNDUtilities
|
|
20708
20858
|
};
|
|
20709
20859
|
|
|
20710
|
-
|
|
20860
|
+
var css_248z$1 = ".ff-all-project {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n}\n.ff-all-project .ff-all-project-dropdown {\n background-color: var(--secondary-icon-color);\n color: var(--expandable-menu-default-bg);\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 10px;\n padding: 4px;\n}\n.ff-all-project .ff-all-project-dropdown .label-icon {\n height: 16px;\n width: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-all-project .ff-dropdown {\n position: absolute;\n top: 50px;\n padding: 1px;\n border: 0.5px solid var(--expandable-menu-default-bg);\n border-radius: 4px;\n background-color: var(--secondary-icon-color);\n color: var(--primary-icon-color);\n}\n.ff-all-project .ff-dropdown .ff-search {\n margin-bottom: 1px;\n}\n.ff-all-project .ff-dropdown .ff-search input {\n height: 30px;\n width: inherit;\n border-radius: 4px;\n border-style: none;\n}\n.ff-all-project .ff-dropdown .ff-search input::placeholder {\n padding-left: 32px;\n font-size: 8px;\n line-height: 12px;\n}\n.ff-all-project .ff-dropdown .ff-search span {\n position: absolute;\n top: 15px;\n left: 20px;\n}\n.ff-all-project .ff-dropdown .scroll {\n max-height: 124px;\n overflow-y: scroll;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n justify-content: flex-start;\n gap: 4px;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options .projects-icons {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n height: 24px;\n width: 24px;\n}\n.ff-all-project .ff-dropdown .option-card .all-projects-option {\n background-color: var(--primary-icon-color);\n color: var(--secondary-icon-color);\n border-radius: 4px;\n}";
|
|
20861
|
+
styleInject(css_248z$1);
|
|
20862
|
+
|
|
20863
|
+
const AllProjectsDropdown = () => {
|
|
20864
|
+
const [showOptions, setShowOptions] = useState(false);
|
|
20865
|
+
const [selectedOptions, setSelectedOptions] = useState({
|
|
20866
|
+
label: 'All Projects',
|
|
20867
|
+
value: 'All Projects',
|
|
20868
|
+
iconName: 'all_projects'
|
|
20869
|
+
});
|
|
20870
|
+
const [search, setSearch] = useState(true);
|
|
20871
|
+
let options = [{
|
|
20872
|
+
label: 'All Projects',
|
|
20873
|
+
value: 'All Projects',
|
|
20874
|
+
iconName: 'all_projects'
|
|
20875
|
+
}, {
|
|
20876
|
+
label: 'Pantaloon Project',
|
|
20877
|
+
value: 'Pantaloon Web Project',
|
|
20878
|
+
iconName: 'web_icon'
|
|
20879
|
+
}, {
|
|
20880
|
+
label: 'Mobile Project',
|
|
20881
|
+
value: 'Mobile Project',
|
|
20882
|
+
iconName: 'mobile_icon'
|
|
20883
|
+
}, {
|
|
20884
|
+
label: 'Web & Mobile Project',
|
|
20885
|
+
value: 'Web & Mobile Project',
|
|
20886
|
+
iconName: 'web&mobile_icon'
|
|
20887
|
+
}, {
|
|
20888
|
+
label: 'Sales Force',
|
|
20889
|
+
value: 'Sales Force',
|
|
20890
|
+
iconName: 'sales_force'
|
|
20891
|
+
}, {
|
|
20892
|
+
label: 'MS Dynamic',
|
|
20893
|
+
value: 'MS Dynamic',
|
|
20894
|
+
iconName: 'ms_dynamic'
|
|
20895
|
+
}, {
|
|
20896
|
+
label: 'Web Service',
|
|
20897
|
+
value: 'Web Service',
|
|
20898
|
+
iconName: ''
|
|
20899
|
+
}];
|
|
20900
|
+
const handleSelect = () => {
|
|
20901
|
+
setShowOptions(!showOptions);
|
|
20902
|
+
};
|
|
20903
|
+
const handleSelectOption = option => {
|
|
20904
|
+
setSelectedOptions(option);
|
|
20905
|
+
setShowOptions(false);
|
|
20906
|
+
};
|
|
20907
|
+
const handleInput = () => {
|
|
20908
|
+
setSearch(false);
|
|
20909
|
+
};
|
|
20910
|
+
return jsxs("div", {
|
|
20911
|
+
className: classNames('ff-all-project'),
|
|
20912
|
+
children: [jsxs("div", {
|
|
20913
|
+
onClick: handleSelect,
|
|
20914
|
+
className: classNames('ff-all-project-dropdown'),
|
|
20915
|
+
children: [jsx(Typography, {
|
|
20916
|
+
as: 'div',
|
|
20917
|
+
lineHeight: '18px',
|
|
20918
|
+
fontSize: 12,
|
|
20919
|
+
fontWeight: 'regular',
|
|
20920
|
+
className: classNames('projects-label'),
|
|
20921
|
+
children: truncateText(selectedOptions.label, 12)
|
|
20922
|
+
}), jsx("div", {
|
|
20923
|
+
className: classNames('label-icon'),
|
|
20924
|
+
children: jsx(Icon, {
|
|
20925
|
+
name: "arrows_down_icon",
|
|
20926
|
+
color: "var(--primary-icon-color)",
|
|
20927
|
+
height: 8,
|
|
20928
|
+
width: 8
|
|
20929
|
+
})
|
|
20930
|
+
})]
|
|
20931
|
+
}), showOptions && jsxs("div", {
|
|
20932
|
+
className: classNames('ff-dropdown'),
|
|
20933
|
+
children: [jsxs("div", {
|
|
20934
|
+
className: classNames('ff-search'),
|
|
20935
|
+
children: [search && jsx(Icon, {
|
|
20936
|
+
name: "search",
|
|
20937
|
+
height: 8,
|
|
20938
|
+
width: 8
|
|
20939
|
+
}), jsx("input", {
|
|
20940
|
+
type: "text",
|
|
20941
|
+
placeholder: "Search Project",
|
|
20942
|
+
onClick: () => handleInput()
|
|
20943
|
+
})]
|
|
20944
|
+
}), jsx("div", {
|
|
20945
|
+
className: classNames('option-card', `${options.length > 4 ? 'scroll' : ''}`),
|
|
20946
|
+
children: options.map(option => jsxs("div", {
|
|
20947
|
+
onClick: () => handleSelectOption(option),
|
|
20948
|
+
className: classNames('projects-options', `${option.label === 'All Projects' ? 'all-projects-option' : ''}`),
|
|
20949
|
+
children: [jsx("div", {
|
|
20950
|
+
className: classNames('projects-icons'),
|
|
20951
|
+
children: jsx(Icon, {
|
|
20952
|
+
name: option.iconName,
|
|
20953
|
+
height: 12,
|
|
20954
|
+
width: 12,
|
|
20955
|
+
color: option.label === 'All Projects' ? 'var(--secondary-icon-color)' : 'var(--primary-icon-color);'
|
|
20956
|
+
})
|
|
20957
|
+
}), jsx(Typography, {
|
|
20958
|
+
as: 'div',
|
|
20959
|
+
lineHeight: '30px',
|
|
20960
|
+
children: option.label
|
|
20961
|
+
}, ffid())]
|
|
20962
|
+
}, ffid()))
|
|
20963
|
+
})]
|
|
20964
|
+
})]
|
|
20965
|
+
});
|
|
20966
|
+
};
|
|
20967
|
+
|
|
20968
|
+
var css_248z = ".ff-app-header {\n display: flex;\n justify-content: space-between;\n background-color: var(--brand-color);\n padding-left: 8px;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n.ff-app-header .ff-app-header-logo-icon {\n padding: 8px;\n height: 24px;\n}\n.ff-app-header .ff-app-header-nav-bar {\n display: flex;\n align-items: center;\n background-color: var(--brand-color);\n transform: translateY(12px);\n border-radius: 20px;\n padding: 5px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items {\n display: flex;\n align-items: center;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item {\n margin-left: 8px;\n color: var(--ff-header-text-color);\n cursor: pointer;\n display: flex;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected {\n padding: 3px;\n background-color: var(--primary-icon-color);\n border-radius: 20px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected .ff-app-header-nav-bar-item-label {\n background-color: var(--brand-color);\n border-radius: 20px;\n padding: 4px 8px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container {\n display: flex;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item {\n color: var(--ff-header-submenu-text-color);\n align-content: center;\n padding-left: 8px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected {\n color: var(--ff-header-submenu-highlight-text-color);\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container {\n display: flex;\n align-items: center;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-more-icon svg {\n cursor: pointer;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-more-icon svg path {\n fill: var(--primary-icon-color);\n}\n.ff-app-header .ff-app-header-right-content {\n height: 24px;\n padding: 8px;\n}";
|
|
20969
|
+
styleInject(css_248z);
|
|
20970
|
+
|
|
20971
|
+
const AppHeader = ({
|
|
20972
|
+
logoIconName = 'fireflink_icon',
|
|
20973
|
+
rightContent,
|
|
20974
|
+
appHeaderMenuItems,
|
|
20975
|
+
selectedMenu,
|
|
20976
|
+
selectedSubMenu,
|
|
20977
|
+
selectedQuickMenu,
|
|
20978
|
+
onMenuClick = () => {},
|
|
20979
|
+
onSubMenuClick = () => {},
|
|
20980
|
+
onQuickMenuClick = () => {}
|
|
20981
|
+
}) => {
|
|
20982
|
+
return jsx(Fragment, {
|
|
20983
|
+
children: jsxs("div", {
|
|
20984
|
+
className: "ff-app-header",
|
|
20985
|
+
children: [jsx("div", {
|
|
20986
|
+
className: "ff-app-header-logo-icon",
|
|
20987
|
+
children: jsx(Icon, {
|
|
20988
|
+
color: "",
|
|
20989
|
+
name: logoIconName,
|
|
20990
|
+
height: 24,
|
|
20991
|
+
width: 21
|
|
20992
|
+
})
|
|
20993
|
+
}), jsxs("div", {
|
|
20994
|
+
className: "ff-app-header-nav-bar",
|
|
20995
|
+
children: [jsx("div", {
|
|
20996
|
+
children: "All projects"
|
|
20997
|
+
}), jsx("div", {
|
|
20998
|
+
className: "ff-app-header-nav-bar-items fontSm",
|
|
20999
|
+
children: appHeaderMenuItems.map(menuItem => {
|
|
21000
|
+
return jsxs("div", {
|
|
21001
|
+
className: classNames('ff-app-header-nav-bar-item', {
|
|
21002
|
+
['ff-app-header-nav-bar-item--selected']: menuItem.menuName === selectedMenu
|
|
21003
|
+
}),
|
|
21004
|
+
onClick: () => onMenuClick(menuItem.menuName),
|
|
21005
|
+
children: [jsx(Typography, {
|
|
21006
|
+
as: "div",
|
|
21007
|
+
className: "ff-app-header-nav-bar-item-label",
|
|
21008
|
+
lineHeight: "18px",
|
|
21009
|
+
children: menuItem.menuName
|
|
21010
|
+
}), menuItem.menuName === selectedMenu && menuItem?.subMenuItems && menuItem.subMenuItems.map(subMenuItem => {
|
|
21011
|
+
return jsxs("div", {
|
|
21012
|
+
onClick: () => onSubMenuClick(subMenuItem.subMenuName),
|
|
21013
|
+
className: "ff-app-header-submenu-container",
|
|
21014
|
+
children: [jsx(Typography, {
|
|
21015
|
+
as: "div",
|
|
21016
|
+
className: classNames('ff-app-header-nav-bar-submenu-item', {
|
|
21017
|
+
['ff-app-header-nav-bar-submenu-item--selected']: subMenuItem.subMenuName === selectedSubMenu
|
|
21018
|
+
}),
|
|
21019
|
+
lineHeight: "18px",
|
|
21020
|
+
children: subMenuItem.subMenuName
|
|
21021
|
+
}), subMenuItem.subMenuName === selectedSubMenu && subMenuItem?.quickMenuItems && jsxs("div", {
|
|
21022
|
+
className: "ff-app-header-quickmenu-container",
|
|
21023
|
+
children: [jsx("div", {
|
|
21024
|
+
children: jsx(Icon, {
|
|
21025
|
+
name: "vertical_separator"
|
|
21026
|
+
})
|
|
21027
|
+
}), subMenuItem.quickMenuItems.map(quickMenuItem => {
|
|
21028
|
+
return jsx(Fragment, {
|
|
21029
|
+
children: jsx("div", {
|
|
21030
|
+
onClick: () => onQuickMenuClick(quickMenuItem.quickMenuName),
|
|
21031
|
+
className: classNames('ff-app-header-nav-bar-quickmenu-item', {
|
|
21032
|
+
['ff-app-header-nav-bar-quickmenu-item--selected']: quickMenuItem.quickMenuName === selectedQuickMenu
|
|
21033
|
+
}),
|
|
21034
|
+
children: jsx(Icon, {
|
|
21035
|
+
name: quickMenuItem.quickMenuIconName,
|
|
21036
|
+
height: 24,
|
|
21037
|
+
width: 24
|
|
21038
|
+
})
|
|
21039
|
+
}, quickMenuItem.quickMenuIconName)
|
|
21040
|
+
});
|
|
21041
|
+
})]
|
|
21042
|
+
})]
|
|
21043
|
+
}, subMenuItem.subMenuName);
|
|
21044
|
+
})]
|
|
21045
|
+
}, menuItem.menuName);
|
|
21046
|
+
})
|
|
21047
|
+
}), jsx("div", {
|
|
21048
|
+
children: jsx(Icon, {
|
|
21049
|
+
name: "more",
|
|
21050
|
+
className: "ff-app-header-more-icon"
|
|
21051
|
+
})
|
|
21052
|
+
})]
|
|
21053
|
+
}), jsx("div", {
|
|
21054
|
+
className: "ff-app-header-right-content",
|
|
21055
|
+
children: rightContent
|
|
21056
|
+
})]
|
|
21057
|
+
})
|
|
21058
|
+
});
|
|
21059
|
+
};
|
|
21060
|
+
|
|
21061
|
+
export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button$1 as Button, Checkbox, Chip, Col, Container, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, LazyLoad, MenuOption, MiniModal, Modal, MultiSelect, RadialChart, RadioButton, RadioGroup, Row, Search, Select$1 as Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };
|
|
20711
21062
|
//# sourceMappingURL=index.esm.js.map
|