@cakemail-org/ui-components-v2 2.0.66 → 2.0.68

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 (5) hide show
  1. package/dist/cjs/data/theme/MuiTableCell.d.ts +12 -0
  2. package/dist/cjs/index.js +17 -5
  3. package/dist/esm/data/theme/MuiTableCell.d.ts +12 -0
  4. package/dist/esm/index.js +17 -5
  5. package/package.json +1 -1
package/dist/cjs/data/theme/MuiTableCell.d.ts CHANGED
@@ -896,6 +896,18 @@ export default function getMuiTableCell(theme: Theme): {
896
896
  left: string;
897
897
  };
898
898
  };
899
+ "&.MuiTableCell-head&.stickyFirstCol": {
900
+ "&::after": {
901
+ background: string;
902
+ right: string;
903
+ };
904
+ };
905
+ "&.MuiTableCell-head&.stickyLastCol": {
906
+ "&::before": {
907
+ background: string;
908
+ left: string;
909
+ };
910
+ };
899
911
  "&.MuiTableCell-stickyHeader": {};
900
912
  };
901
913
  };
package/dist/cjs/index.js CHANGED
@@ -6572,14 +6572,26 @@ function getMuiTableCell(theme) {
6572
6572
  "&.stickyFirstCol": {
6573
6573
  left: 0,
6574
6574
  "&::after": {
6575
- background: "linear-gradient(270deg, rgba(217, 217, 217, 0) 0%, #D9D9D9 100%)",
6575
+ background: "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%)",
6576
6576
  right: "-19px",
6577
6577
  }
6578
6578
  },
6579
6579
  "&.stickyLastCol": {
6580
6580
  right: 0,
6581
6581
  "&::before": {
6582
- background: "linear-gradient(270deg, #D9D9D9 0%, rgba(217, 217, 217, 0) 100%)",
6582
+ background: "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%)",
6583
+ left: "-19px",
6584
+ }
6585
+ },
6586
+ "&.MuiTableCell-head&.stickyFirstCol": {
6587
+ "&::after": {
6588
+ background: "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, ".concat(theme.palette.cloud.main, " 100%) !important"),
6589
+ right: "-19px",
6590
+ }
6591
+ },
6592
+ "&.MuiTableCell-head&.stickyLastCol": {
6593
+ "&::before": {
6594
+ background: "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, ".concat(theme.palette.cloud.main, " 100%) !important"),
6583
6595
  left: "-19px",
6584
6596
  }
6585
6597
  },
@@ -15662,7 +15674,7 @@ function MetricCard(_a) {
15662
15674
  rightContent && React.createElement(Stack, { className: "rightContent" }, rightContent));
15663
15675
  }
15664
15676
 
15665
- 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}";
15677
+ 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: 73px;\n min-width: 73px;\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}";
15666
15678
  styleInject(css_248z$2);
15667
15679
 
15668
15680
  //{ subNav, menuItems, bottomContent, className, forcedLocationPath, menuItemClick, children }: TSideMenu
@@ -15682,8 +15694,8 @@ function SideMenu(_a) {
15682
15694
  });
15683
15695
  return React.createElement(material.Stack, { className: "sideMenu-component-v2 ".concat(isMinified ? "minified" : ""), direction: "row", onMouseLeave: handleMouseLeave },
15684
15696
  isMinified && React.createElement(material.Box, { className: "sideMenu-spacer", sx: {
15685
- width: 74,
15686
- height: 74,
15697
+ width: 73,
15698
+ height: 73,
15687
15699
  } }),
15688
15700
  React.createElement(material.Stack, { className: subClass },
15689
15701
  (logoUrl || canMinify) &&
package/dist/esm/data/theme/MuiTableCell.d.ts CHANGED
@@ -896,6 +896,18 @@ export default function getMuiTableCell(theme: Theme): {
896
896
  left: string;
897
897
  };
898
898
  };
899
+ "&.MuiTableCell-head&.stickyFirstCol": {
900
+ "&::after": {
901
+ background: string;
902
+ right: string;
903
+ };
904
+ };
905
+ "&.MuiTableCell-head&.stickyLastCol": {
906
+ "&::before": {
907
+ background: string;
908
+ left: string;
909
+ };
910
+ };
899
911
  "&.MuiTableCell-stickyHeader": {};
900
912
  };
901
913
  };
package/dist/esm/index.js CHANGED
@@ -6552,14 +6552,26 @@ function getMuiTableCell(theme) {
6552
6552
  "&.stickyFirstCol": {
6553
6553
  left: 0,
6554
6554
  "&::after": {
6555
- background: "linear-gradient(270deg, rgba(217, 217, 217, 0) 0%, #D9D9D9 100%)",
6555
+ background: "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%)",
6556
6556
  right: "-19px",
6557
6557
  }
6558
6558
  },
6559
6559
  "&.stickyLastCol": {
6560
6560
  right: 0,
6561
6561
  "&::before": {
6562
- background: "linear-gradient(270deg, #D9D9D9 0%, rgba(217, 217, 217, 0) 100%)",
6562
+ background: "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%)",
6563
+ left: "-19px",
6564
+ }
6565
+ },
6566
+ "&.MuiTableCell-head&.stickyFirstCol": {
6567
+ "&::after": {
6568
+ background: "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, ".concat(theme.palette.cloud.main, " 100%) !important"),
6569
+ right: "-19px",
6570
+ }
6571
+ },
6572
+ "&.MuiTableCell-head&.stickyLastCol": {
6573
+ "&::before": {
6574
+ background: "linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, ".concat(theme.palette.cloud.main, " 100%) !important"),
6563
6575
  left: "-19px",
6564
6576
  }
6565
6577
  },
@@ -15642,7 +15654,7 @@ function MetricCard(_a) {
15642
15654
  rightContent && React__default.createElement(Stack, { className: "rightContent" }, rightContent));
15643
15655
  }
15644
15656
 
15645
- 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}";
15657
+ 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: 73px;\n min-width: 73px;\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}";
15646
15658
  styleInject(css_248z$2);
15647
15659
 
15648
15660
  //{ subNav, menuItems, bottomContent, className, forcedLocationPath, menuItemClick, children }: TSideMenu
@@ -15662,8 +15674,8 @@ function SideMenu(_a) {
15662
15674
  });
15663
15675
  return React__default.createElement(Stack$1, { className: "sideMenu-component-v2 ".concat(isMinified ? "minified" : ""), direction: "row", onMouseLeave: handleMouseLeave },
15664
15676
  isMinified && React__default.createElement(Box, { className: "sideMenu-spacer", sx: {
15665
- width: 74,
15666
- height: 74,
15677
+ width: 73,
15678
+ height: 73,
15667
15679
  } }),
15668
15680
  React__default.createElement(Stack$1, { className: subClass },
15669
15681
  (logoUrl || canMinify) &&
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cakemail-org/ui-components-v2",
3
- "version": "2.0.66",
3
+ "version": "2.0.68",
4
4
  "description": "ui library kit made with material UI",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",