@cakemail-org/ui-components-v2 2.0.54 → 2.0.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/cjs/components/icon/types.d.ts +2 -0
  2. package/dist/cjs/components/icons/18/Globe.d.ts +4 -0
  3. package/dist/cjs/components/icons/18/Stripe.d.ts +4 -0
  4. package/dist/cjs/index.js +14 -1
  5. package/dist/esm/components/icon/types.d.ts +2 -0
  6. package/dist/esm/components/icons/18/Globe.d.ts +4 -0
  7. package/dist/esm/components/icons/18/Stripe.d.ts +4 -0
  8. package/dist/esm/index.js +14 -1
  9. package/package.json +1 -1
package/dist/cjs/components/icon/types.d.ts CHANGED
@@ -41,6 +41,7 @@ export declare enum EIconName {
41
41
  "Export18" = "Export18",
42
42
  "Flow18" = "Flow18",
43
43
  "Field18" = "Field18",
44
+ "Globe18" = "Globe18",
44
45
  "Heart18" = "Heart18",
45
46
  "Home18" = "Home18",
46
47
  "Image18" = "Image18",
@@ -60,6 +61,7 @@ export declare enum EIconName {
60
61
  "Sends18" = "Sends18",
61
62
  "Settings18" = "Settings18",
62
63
  "Sparkle18" = "Sparkle18",
64
+ "Stripe18" = "Stripe18",
63
65
  "Subscription18" = "Subscription18",
64
66
  "Suppressed18" = "Suppressed18",
65
67
  "Tag18" = "Tag18",
package/dist/cjs/components/icons/18/Globe.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SvgIconProps } from '@mui/material/SvgIcon';
2
+ import React from "react";
3
+ declare function Globe18(props: SvgIconProps): React.JSX.Element;
4
+ export default Globe18;
package/dist/cjs/components/icons/18/Stripe.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SvgIconProps } from '@mui/material/SvgIcon';
2
+ import React from "react";
3
+ declare function Stripe18(props: SvgIconProps): React.JSX.Element;
4
+ export default Stripe18;
package/dist/cjs/index.js CHANGED
@@ -859,6 +859,11 @@ function Flow18(props) {
859
859
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.87398 5C7.42994 6.72523 5.86384 8 4 8C3.3733 8 2.78027 7.85588 2.25223 7.59897C2.08916 8.03499 2 8.50708 2 9C2 9.49292 2.08916 9.96501 2.25223 10.401C2.78027 10.1441 3.3733 10 4 10C5.86384 10 7.42994 11.2748 7.87398 13H13V13.0069H14.5965L12.9479 11.3543C12.5586 10.9644 12.5586 10.3322 12.9479 9.94233C13.3372 9.55243 13.9684 9.55243 14.3577 9.94233L17.708 13.2993C18.0973 13.6892 18.0973 14.3214 17.708 14.7113L14.7226 17.7028C14.3333 18.0927 13.7021 18.0927 13.3128 17.7028C12.9235 17.3129 12.9235 16.6808 13.3128 16.2909L14.5965 15.0037H10.08L10.08 15H7.87398C7.42994 16.7252 5.86384 18 4 18C1.79086 18 0 16.2091 0 14C0 13.1753 0.249601 12.4088 0.677384 11.7721C0.244657 10.9429 0 10 0 9C0 7.99996 0.244658 7.05706 0.677384 6.2279C0.249601 5.59118 0 4.82474 0 4C0 1.79086 1.79086 0 4 0C5.86384 0 7.42994 1.27477 7.87398 3H10.126C10.5701 1.27477 12.1362 0 14 0C16.2091 0 18 1.79086 18 4C18 6.20914 16.2091 8 14 8C12.1362 8 10.5701 6.72523 10.126 5L7.87398 5ZM4 6C5.10458 6 6 5.10449 6 4C6 2.89551 5.10458 2 4 2C2.89542 2 2 2.89551 2 4C2 5.10449 2.89542 6 4 6ZM14 6C15.1046 6 16 5.10449 16 4C16 2.89551 15.1046 2 14 2C12.8954 2 12 2.89551 12 4C12 5.10449 12.8954 6 14 6ZM6 14C6 15.1045 5.10458 16 4 16C2.89542 16 2 15.1045 2 14C2 12.8955 2.89542 12 4 12C5.10458 12 6 12.8955 6 14Z" }));
860
860
  }
861
861
 
862
+ function Globe18(props) {
863
+ return React.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
864
+ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 0.00012207C13.9706 0.00012207 18 4.02956 18 9.00012C17.9999 13.9706 13.9705 18.0001 9 18.0001C4.02948 18.0001 6.5973e-05 13.9706 0 9.00012C0 4.02956 4.02944 0.00012207 9 0.00012207ZM2.07227 10.0001C2.44075 12.5754 4.20976 14.6982 6.58398 15.5714C5.50391 13.8629 4.88717 11.9468 4.72949 10.0001H2.07227ZM13.2695 10.0001C13.1118 11.9469 12.4953 13.8629 11.415 15.5714C13.7897 14.6984 15.5592 12.5757 15.9277 10.0001H13.2695ZM6.73438 10.0001C6.92498 11.9685 7.6799 13.8926 8.99902 15.5099C10.3186 13.8925 11.0749 11.9688 11.2656 10.0001H6.73438ZM6.58398 2.42786C4.20956 3.301 2.44068 5.42466 2.07227 8.00012H4.73047C4.88821 6.05325 5.50366 4.1365 6.58398 2.42786ZM9 2.4884C7.68007 4.10602 6.92508 6.03112 6.73438 8.00012H11.2656C11.075 6.03108 10.3199 4.10605 9 2.4884ZM11.415 2.42786C12.4955 4.13666 13.1128 6.05303 13.2705 8.00012H15.9277C15.5593 5.42435 13.7899 3.30081 11.415 2.42786Z" }));
865
+ }
866
+
862
867
  function Heart18(props) {
863
868
  return React.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
864
869
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.98783 7.93833C3.00127 7.95363 3.01447 7.96913 3.02743 7.98484C3.62606 8.71006 5.48652 10.874 7.21987 12.8823C7.85912 13.623 8.47727 14.338 9.00204 14.9446C9.52682 14.3381 10.145 13.623 10.7842 12.8823C12.5176 10.874 14.3781 8.71014 14.9768 7.98484C14.9898 7.96913 15.003 7.95362 15.0164 7.93831C16.3568 6.41195 16.2963 4.28001 15.0584 2.95629C14.4632 2.31964 13.7102 2 12.9282 2C12.1462 2 11.3934 2.31947 10.7982 2.95612L10.7967 2.95765L10.4617 3.31529C10.0835 3.71889 9.55518 3.9479 9.00213 3.9479C8.44908 3.9479 7.92072 3.71889 7.5426 3.31529L7.20609 2.95612C6.61089 2.31947 5.85801 2 5.07604 2C4.29407 2 3.54119 2.31947 2.94598 2.95612C1.70811 4.27993 1.64746 6.41195 2.98783 7.93833ZM9.00201 18C9.00201 18 8.46731 17.3833 7.67926 16.4725C5.76567 14.261 2.3582 10.3158 1.48502 9.25801C-0.497825 7 -0.492184 3.70472 1.48502 1.59026C2.44361 0.564922 3.71898 0 5.07604 0C6.09569 0 7.06922 0.318926 7.89691 0.912447C8.1708 1.10885 8.42872 1.33532 8.66706 1.59026L9.00213 1.9479L9.33719 1.59026C9.57553 1.33532 9.83346 1.10885 10.1073 0.912447C10.935 0.318926 11.9086 0 12.9282 0C14.2853 0 15.5606 0.564922 16.5192 1.59026C18.4964 3.70464 18.5021 7 16.5192 9.25801C15.6459 10.316 12.2384 14.261 10.3248 16.4725C9.53673 17.3833 9.00201 18 9.00201 18Z" }));
@@ -988,6 +993,12 @@ function Sparkle18(props) {
988
993
  React.createElement("path", { className: 'noFill', id: "Vector_2", d: "M16.9194 2.99988C16.4625 3.37657 16.0427 3.79632 15.666 4.2533C15.2893 3.79632 14.8696 3.37657 14.4126 2.99988C14.8696 2.62319 15.2893 2.20344 15.666 1.74645C16.0427 2.20344 16.4625 2.62319 16.9194 2.99988Z", strokeWidth: "2" }));
989
994
  }
990
995
 
996
+ function Stripe18(props) {
997
+ return React.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
998
+ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0H18V18H0V0Z", fill: "#635BFF" }),
999
+ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.29833 6.9973C8.29833 6.5743 8.64483 6.4078 9.22083 6.4078C10.0488 6.4078 11.0928 6.6598 11.9208 7.1053V4.5493C11.0163 4.1893 10.1253 4.0498 9.22533 4.0498C7.01583 4.0498 5.54883 5.2018 5.54883 7.1278C5.54883 10.1293 9.68433 9.6523 9.68433 10.9483C9.68433 11.4478 9.24783 11.6098 8.64033 11.6098C7.73583 11.6098 6.58383 11.2408 5.67033 10.7413V13.3288C6.68283 13.7653 7.70433 13.9498 8.64033 13.9498C10.9038 13.9498 12.4608 12.8293 12.4608 10.8808C12.4428 7.6408 8.29833 8.2168 8.29833 6.9973Z", fill: "white" }));
1000
+ }
1001
+
991
1002
  function Subscription18(props) {
992
1003
  return React.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
993
1004
  React.createElement("path", { id: "Vector 157 (Stroke)", fillRule: "evenodd", clipRule: "evenodd", d: "M17.0812 0.686344C17.5307 1.00735 17.6347 1.6319 17.3137 2.08132L9.81373 12.5813C9.64288 12.8205 9.37543 12.9724 9.08248 12.9967C8.78953 13.0209 8.50075 12.915 8.29289 12.7072L5.29289 9.70718C4.90237 9.31666 4.90237 8.68349 5.29289 8.29297C5.68342 7.90245 6.31658 7.90245 6.70711 8.29297L8.8724 10.4583L15.6863 0.918839C16.0073 0.469427 16.6318 0.365335 17.0812 0.686344Z" }),
@@ -1387,6 +1398,7 @@ function Icon(_a) {
1387
1398
  EmailAddress18: EmailAddress18,
1388
1399
  Flow18: Flow18,
1389
1400
  Field18: Field18,
1401
+ Globe18: Globe18,
1390
1402
  Heart18: Heart18,
1391
1403
  Home18: Home18,
1392
1404
  Image18: Image18,
@@ -1405,6 +1417,7 @@ function Icon(_a) {
1405
1417
  Settings18: Settings18,
1406
1418
  Sends18: Sends18,
1407
1419
  Sparkle18: Sparkle18,
1420
+ Stripe18: Stripe18,
1408
1421
  Subscription18: Subscription18,
1409
1422
  Suppressed18: Suppressed18,
1410
1423
  Tag18: Tag18,
@@ -15563,7 +15576,7 @@ function MetricCard(_a) {
15563
15576
  rightContent && React.createElement(Stack, { className: "rightContent" }, rightContent));
15564
15577
  }
15565
15578
 
15566
- var css_248z$2 = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.sideMenu-component-v2 {\n z-index: 8000;\n width: -moz-fit-content;\n width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n z-index: 8000;\n display: flex;\n height: 100%;\n flex-direction: column;\n width: 20rem;\n min-width: 20rem;\n max-width: 20rem;\n padding: 1rem;\n background: var(--shade100, #F3F2F2);\n position: relative;\n box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n gap: 1rem;\n max-width: 74px;\n min-width: 74px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n padding: 0.75rem;\n margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n margin-top: 1.5rem;\n position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n padding: 0.75rem 1rem;\n box-shadow: unset;\n border-radius: 8px;\n border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n width: 100%;\n position: relative;\n justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n position: relative;\n justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n position: absolute;\n left: 0;\n top: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n display: none;\n}\n\n.sideMenuContainer-component-v2 {\n flex: 1;\n overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n cursor: default;\n background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n border-color: var(--shade200, #DBDADA);\n background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n margin-left: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.sideMenuItem-component-v2 a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n padding: 0.75rem;\n border-radius: 8px;\n text-decoration: none;\n gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n border-radius: 16px;\n padding: 1.5rem;\n border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
15579
+ var css_248z$2 = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.sideMenu-component-v2 {\n z-index: 8000;\n width: -moz-fit-content;\n width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n z-index: 8000;\n display: flex;\n height: 100%;\n flex-direction: column;\n width: 20rem;\n min-width: 20rem;\n max-width: 20rem;\n padding: 1rem;\n background: var(--shade100, #F3F2F2);\n position: relative;\n box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n gap: 1rem;\n max-width: 66px;\n min-width: 66px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n padding: 0.75rem;\n margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a {\n justify-content: center;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n margin-top: 1.5rem;\n position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n padding: 0.75rem 1rem;\n box-shadow: unset;\n border-radius: 8px;\n border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n width: 100%;\n position: relative;\n justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n position: relative;\n justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n position: absolute;\n left: 0;\n top: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n display: none;\n}\n\n.sideMenuContainer-component-v2 {\n flex: 1;\n overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n cursor: default;\n background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n border-color: var(--shade200, #DBDADA);\n background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n margin-left: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.sideMenuItem-component-v2 a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n padding: 0.75rem;\n border-radius: 8px;\n text-decoration: none;\n gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n border-radius: 16px;\n padding: 1.5rem;\n border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
15567
15580
  styleInject(css_248z$2);
15568
15581
 
15569
15582
  //{ subNav, menuItems, bottomContent, className, forcedLocationPath, menuItemClick, children }: TSideMenu
package/dist/esm/components/icon/types.d.ts CHANGED
@@ -41,6 +41,7 @@ export declare enum EIconName {
41
41
  "Export18" = "Export18",
42
42
  "Flow18" = "Flow18",
43
43
  "Field18" = "Field18",
44
+ "Globe18" = "Globe18",
44
45
  "Heart18" = "Heart18",
45
46
  "Home18" = "Home18",
46
47
  "Image18" = "Image18",
@@ -60,6 +61,7 @@ export declare enum EIconName {
60
61
  "Sends18" = "Sends18",
61
62
  "Settings18" = "Settings18",
62
63
  "Sparkle18" = "Sparkle18",
64
+ "Stripe18" = "Stripe18",
63
65
  "Subscription18" = "Subscription18",
64
66
  "Suppressed18" = "Suppressed18",
65
67
  "Tag18" = "Tag18",
package/dist/esm/components/icons/18/Globe.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SvgIconProps } from '@mui/material/SvgIcon';
2
+ import React from "react";
3
+ declare function Globe18(props: SvgIconProps): React.JSX.Element;
4
+ export default Globe18;
package/dist/esm/components/icons/18/Stripe.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SvgIconProps } from '@mui/material/SvgIcon';
2
+ import React from "react";
3
+ declare function Stripe18(props: SvgIconProps): React.JSX.Element;
4
+ export default Stripe18;
package/dist/esm/index.js CHANGED
@@ -839,6 +839,11 @@ function Flow18(props) {
839
839
  React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.87398 5C7.42994 6.72523 5.86384 8 4 8C3.3733 8 2.78027 7.85588 2.25223 7.59897C2.08916 8.03499 2 8.50708 2 9C2 9.49292 2.08916 9.96501 2.25223 10.401C2.78027 10.1441 3.3733 10 4 10C5.86384 10 7.42994 11.2748 7.87398 13H13V13.0069H14.5965L12.9479 11.3543C12.5586 10.9644 12.5586 10.3322 12.9479 9.94233C13.3372 9.55243 13.9684 9.55243 14.3577 9.94233L17.708 13.2993C18.0973 13.6892 18.0973 14.3214 17.708 14.7113L14.7226 17.7028C14.3333 18.0927 13.7021 18.0927 13.3128 17.7028C12.9235 17.3129 12.9235 16.6808 13.3128 16.2909L14.5965 15.0037H10.08L10.08 15H7.87398C7.42994 16.7252 5.86384 18 4 18C1.79086 18 0 16.2091 0 14C0 13.1753 0.249601 12.4088 0.677384 11.7721C0.244657 10.9429 0 10 0 9C0 7.99996 0.244658 7.05706 0.677384 6.2279C0.249601 5.59118 0 4.82474 0 4C0 1.79086 1.79086 0 4 0C5.86384 0 7.42994 1.27477 7.87398 3H10.126C10.5701 1.27477 12.1362 0 14 0C16.2091 0 18 1.79086 18 4C18 6.20914 16.2091 8 14 8C12.1362 8 10.5701 6.72523 10.126 5L7.87398 5ZM4 6C5.10458 6 6 5.10449 6 4C6 2.89551 5.10458 2 4 2C2.89542 2 2 2.89551 2 4C2 5.10449 2.89542 6 4 6ZM14 6C15.1046 6 16 5.10449 16 4C16 2.89551 15.1046 2 14 2C12.8954 2 12 2.89551 12 4C12 5.10449 12.8954 6 14 6ZM6 14C6 15.1045 5.10458 16 4 16C2.89542 16 2 15.1045 2 14C2 12.8955 2.89542 12 4 12C5.10458 12 6 12.8955 6 14Z" }));
840
840
  }
841
841
 
842
+ function Globe18(props) {
843
+ return React__default.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
844
+ React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 0.00012207C13.9706 0.00012207 18 4.02956 18 9.00012C17.9999 13.9706 13.9705 18.0001 9 18.0001C4.02948 18.0001 6.5973e-05 13.9706 0 9.00012C0 4.02956 4.02944 0.00012207 9 0.00012207ZM2.07227 10.0001C2.44075 12.5754 4.20976 14.6982 6.58398 15.5714C5.50391 13.8629 4.88717 11.9468 4.72949 10.0001H2.07227ZM13.2695 10.0001C13.1118 11.9469 12.4953 13.8629 11.415 15.5714C13.7897 14.6984 15.5592 12.5757 15.9277 10.0001H13.2695ZM6.73438 10.0001C6.92498 11.9685 7.6799 13.8926 8.99902 15.5099C10.3186 13.8925 11.0749 11.9688 11.2656 10.0001H6.73438ZM6.58398 2.42786C4.20956 3.301 2.44068 5.42466 2.07227 8.00012H4.73047C4.88821 6.05325 5.50366 4.1365 6.58398 2.42786ZM9 2.4884C7.68007 4.10602 6.92508 6.03112 6.73438 8.00012H11.2656C11.075 6.03108 10.3199 4.10605 9 2.4884ZM11.415 2.42786C12.4955 4.13666 13.1128 6.05303 13.2705 8.00012H15.9277C15.5593 5.42435 13.7899 3.30081 11.415 2.42786Z" }));
845
+ }
846
+
842
847
  function Heart18(props) {
843
848
  return React__default.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
844
849
  React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.98783 7.93833C3.00127 7.95363 3.01447 7.96913 3.02743 7.98484C3.62606 8.71006 5.48652 10.874 7.21987 12.8823C7.85912 13.623 8.47727 14.338 9.00204 14.9446C9.52682 14.3381 10.145 13.623 10.7842 12.8823C12.5176 10.874 14.3781 8.71014 14.9768 7.98484C14.9898 7.96913 15.003 7.95362 15.0164 7.93831C16.3568 6.41195 16.2963 4.28001 15.0584 2.95629C14.4632 2.31964 13.7102 2 12.9282 2C12.1462 2 11.3934 2.31947 10.7982 2.95612L10.7967 2.95765L10.4617 3.31529C10.0835 3.71889 9.55518 3.9479 9.00213 3.9479C8.44908 3.9479 7.92072 3.71889 7.5426 3.31529L7.20609 2.95612C6.61089 2.31947 5.85801 2 5.07604 2C4.29407 2 3.54119 2.31947 2.94598 2.95612C1.70811 4.27993 1.64746 6.41195 2.98783 7.93833ZM9.00201 18C9.00201 18 8.46731 17.3833 7.67926 16.4725C5.76567 14.261 2.3582 10.3158 1.48502 9.25801C-0.497825 7 -0.492184 3.70472 1.48502 1.59026C2.44361 0.564922 3.71898 0 5.07604 0C6.09569 0 7.06922 0.318926 7.89691 0.912447C8.1708 1.10885 8.42872 1.33532 8.66706 1.59026L9.00213 1.9479L9.33719 1.59026C9.57553 1.33532 9.83346 1.10885 10.1073 0.912447C10.935 0.318926 11.9086 0 12.9282 0C14.2853 0 15.5606 0.564922 16.5192 1.59026C18.4964 3.70464 18.5021 7 16.5192 9.25801C15.6459 10.316 12.2384 14.261 10.3248 16.4725C9.53673 17.3833 9.00201 18 9.00201 18Z" }));
@@ -968,6 +973,12 @@ function Sparkle18(props) {
968
973
  React__default.createElement("path", { className: 'noFill', id: "Vector_2", d: "M16.9194 2.99988C16.4625 3.37657 16.0427 3.79632 15.666 4.2533C15.2893 3.79632 14.8696 3.37657 14.4126 2.99988C14.8696 2.62319 15.2893 2.20344 15.666 1.74645C16.0427 2.20344 16.4625 2.62319 16.9194 2.99988Z", strokeWidth: "2" }));
969
974
  }
970
975
 
976
+ function Stripe18(props) {
977
+ return React__default.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
978
+ React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0H18V18H0V0Z", fill: "#635BFF" }),
979
+ React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.29833 6.9973C8.29833 6.5743 8.64483 6.4078 9.22083 6.4078C10.0488 6.4078 11.0928 6.6598 11.9208 7.1053V4.5493C11.0163 4.1893 10.1253 4.0498 9.22533 4.0498C7.01583 4.0498 5.54883 5.2018 5.54883 7.1278C5.54883 10.1293 9.68433 9.6523 9.68433 10.9483C9.68433 11.4478 9.24783 11.6098 8.64033 11.6098C7.73583 11.6098 6.58383 11.2408 5.67033 10.7413V13.3288C6.68283 13.7653 7.70433 13.9498 8.64033 13.9498C10.9038 13.9498 12.4608 12.8293 12.4608 10.8808C12.4428 7.6408 8.29833 8.2168 8.29833 6.9973Z", fill: "white" }));
980
+ }
981
+
971
982
  function Subscription18(props) {
972
983
  return React__default.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
973
984
  React__default.createElement("path", { id: "Vector 157 (Stroke)", fillRule: "evenodd", clipRule: "evenodd", d: "M17.0812 0.686344C17.5307 1.00735 17.6347 1.6319 17.3137 2.08132L9.81373 12.5813C9.64288 12.8205 9.37543 12.9724 9.08248 12.9967C8.78953 13.0209 8.50075 12.915 8.29289 12.7072L5.29289 9.70718C4.90237 9.31666 4.90237 8.68349 5.29289 8.29297C5.68342 7.90245 6.31658 7.90245 6.70711 8.29297L8.8724 10.4583L15.6863 0.918839C16.0073 0.469427 16.6318 0.365335 17.0812 0.686344Z" }),
@@ -1367,6 +1378,7 @@ function Icon(_a) {
1367
1378
  EmailAddress18: EmailAddress18,
1368
1379
  Flow18: Flow18,
1369
1380
  Field18: Field18,
1381
+ Globe18: Globe18,
1370
1382
  Heart18: Heart18,
1371
1383
  Home18: Home18,
1372
1384
  Image18: Image18,
@@ -1385,6 +1397,7 @@ function Icon(_a) {
1385
1397
  Settings18: Settings18,
1386
1398
  Sends18: Sends18,
1387
1399
  Sparkle18: Sparkle18,
1400
+ Stripe18: Stripe18,
1388
1401
  Subscription18: Subscription18,
1389
1402
  Suppressed18: Suppressed18,
1390
1403
  Tag18: Tag18,
@@ -15543,7 +15556,7 @@ function MetricCard(_a) {
15543
15556
  rightContent && React__default.createElement(Stack, { className: "rightContent" }, rightContent));
15544
15557
  }
15545
15558
 
15546
- var css_248z$2 = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.sideMenu-component-v2 {\n z-index: 8000;\n width: -moz-fit-content;\n width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n z-index: 8000;\n display: flex;\n height: 100%;\n flex-direction: column;\n width: 20rem;\n min-width: 20rem;\n max-width: 20rem;\n padding: 1rem;\n background: var(--shade100, #F3F2F2);\n position: relative;\n box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n gap: 1rem;\n max-width: 74px;\n min-width: 74px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n padding: 0.75rem;\n margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n margin-top: 1.5rem;\n position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n padding: 0.75rem 1rem;\n box-shadow: unset;\n border-radius: 8px;\n border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n width: 100%;\n position: relative;\n justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n position: relative;\n justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n position: absolute;\n left: 0;\n top: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n display: none;\n}\n\n.sideMenuContainer-component-v2 {\n flex: 1;\n overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n cursor: default;\n background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n border-color: var(--shade200, #DBDADA);\n background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n margin-left: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.sideMenuItem-component-v2 a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n padding: 0.75rem;\n border-radius: 8px;\n text-decoration: none;\n gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n border-radius: 16px;\n padding: 1.5rem;\n border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
15559
+ var css_248z$2 = "html {\n font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n html {\n font-size: 16px;\n }\n}\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n opacity: 0.65;\n pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n content: unset;\n}\n\n.sideMenu-component-v2 {\n z-index: 8000;\n width: -moz-fit-content;\n width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n z-index: 8000;\n display: flex;\n height: 100%;\n flex-direction: column;\n width: 20rem;\n min-width: 20rem;\n max-width: 20rem;\n padding: 1rem;\n background: var(--shade100, #F3F2F2);\n position: relative;\n box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n gap: 1rem;\n max-width: 66px;\n min-width: 66px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n padding: 0.75rem;\n margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a {\n justify-content: center;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n margin-top: 1.5rem;\n position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n padding: 0.75rem 1rem;\n box-shadow: unset;\n border-radius: 8px;\n border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n width: 100%;\n position: relative;\n justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n position: relative;\n justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n position: absolute;\n left: 0;\n top: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n display: none;\n}\n\n.sideMenuContainer-component-v2 {\n flex: 1;\n overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n cursor: default;\n background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n border-color: var(--shade200, #DBDADA);\n background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n margin-left: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.sideMenuItem-component-v2 a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n padding: 0.75rem;\n border-radius: 8px;\n text-decoration: none;\n gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n border-radius: 16px;\n padding: 1.5rem;\n border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
15547
15560
  styleInject(css_248z$2);
15548
15561
 
15549
15562
  //{ subNav, menuItems, bottomContent, className, forcedLocationPath, menuItemClick, children }: TSideMenu
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cakemail-org/ui-components-v2",
3
- "version": "2.0.54",
3
+ "version": "2.0.56",
4
4
  "description": "ui library kit made with material UI",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",