@linagora/twake-mui 10.4.0 → 10.5.0

package/dist/lib/overrides.js

@@ -16,7 +16,7 @@ import { selectClasses } from '@mui/material/Select';
 import { switchClasses } from '@mui/material/Switch';
 import { tabClasses } from '@mui/material/Tab';
 import { tabsClasses } from '@mui/material/Tabs';
-import { alpha, darken } from '@mui/material/styles';
+import { alpha } from '@mui/material/styles';
 import React from 'react';
 import { radius } from './radius';
 import AccordionExpandIcon from '../components/AccordionExpandIcon';
@@ -520,7 +520,7 @@ export const overrides = {
                 height: 14,
                 minWidth: 14,
                 padding: 0,
-                border: `2px solid ${theme.palette.background.paper}`,
+                border: `2px solid ${theme.vars.palette.background.paper}`,
                 borderRadius: '100%',
                 fontSize: theme.typography.pxToRem(10)
             }),
@@ -587,12 +587,12 @@ export const overrides = {
     MuiToggleButtonGroup: {
         styleOverrides: {
             root: ({ theme }) => ({
-                borderColor: theme.palette.secondary.dark,
+                borderColor: theme.vars.palette.secondary.dark,
                 '& .MuiToggleButton-root:not(.Mui-selected)': {
-                    color: theme.palette.text.secondary,
-                    backgroundColor: alpha(theme.palette.text.secondary, 0.08),
+                    color: theme.vars.palette.text.secondary,
+                    backgroundColor: theme.alpha(theme.vars.palette.text.secondary, 0.08),
                     '& svg, & .MuiSvgIcon-root': {
-                        color: theme.palette.text.secondary
+                        color: theme.vars.palette.text.secondary
                     }
                 }
             })
@@ -601,15 +601,15 @@ export const overrides = {
     MuiToggleButton: {
         styleOverrides: {
             root: ({ theme }) => ({
-                color: theme.palette.text.primary,
+                color: theme.vars.palette.text.primary,
                 '&.Mui-selected': {
-                    color: theme.palette.text.primary,
+                    color: theme.vars.palette.text.primary,
                     backgroundColor: 'transparent',
                     '&:hover': {
                         backgroundColor: 'transparent'
                     },
                     '& svg, & .MuiSvgIcon-root': {
-                        color: theme.palette.primary.main
+                        color: theme.vars.palette.primary.main
                     }
                 },
                 variants: [
@@ -631,7 +631,7 @@ export const overrides = {
                     {
                         props: { color: 'default' },
                         style: {
-                            color: theme.palette.text.secondary
+                            color: theme.vars.palette.text.secondary
                         }
                     },
                     {
@@ -955,7 +955,9 @@ export const overrides = {
                 marginLeft: 5,
                 marginRight: -12,
                 transform: 'rotate(-90deg)',
-                [`&.${accordionSummaryClasses.expanded}`]: { transform: 'rotate(0deg)' }
+                [`&.${accordionSummaryClasses.expanded}`]: {
+                    transform: 'rotate(0deg)'
+                }
             }),
             content: {
                 paddingLeft: 8,
@@ -981,23 +983,23 @@ export const overrides = {
                 borderRadius: 28,
                 width: 96,
                 height: 96,
-                color: theme.palette.text.primary,
-                backgroundColor: theme.palette.background.paper,
+                color: theme.vars.palette.text.primary,
+                backgroundColor: theme.vars.palette.background.paper,
                 '&:hover': {
-                    backgroundColor: darken(theme.palette.background.paper, 0.05)
+                    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper}, #000 5%)`
                 },
                 '@media (hover: none)': {
-                    backgroundColor: theme.palette.background.paper
+                    backgroundColor: theme.vars.palette.background.paper
                 }
             }),
             primary: ({ theme }) => ({
-                color: theme.palette.primary.dark,
-                backgroundColor: theme.palette.primary.light,
+                color: theme.vars.palette.primary.dark,
+                backgroundColor: theme.vars.palette.primary.light,
                 '&:hover': {
-                    backgroundColor: darken(theme.palette.primary.light, 0.05)
+                    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.light}, #000 5%)`
                 },
                 '@media (hover: none)': {
-                    backgroundColor: theme.palette.primary.light
+                    backgroundColor: theme.vars.palette.primary.light
                 }
             }),
             extended: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@linagora/twake-mui",
   "type": "module",
-  "version": "10.4.0",
+  "version": "10.5.0",
   "description": "MUI v9 theme system for Twake applications",
   "author": "Twake",
   "license": "MIT",
@@ -60,7 +60,10 @@
   "dependencies": {
     "@linagora/twake-css": "^1.0.0",
     "@mui/utils": "^9.2.0",
+    "@react-spring/web": "10.1.2",
+    "@use-gesture/react": "10.3.1",
     "classnames": "^2.5.1",
+    "react-use-measure": "2.1.7",
     "react-virtuoso": "4.13.0",
     "rooks": "8.4.0"
   },

package/dist/components/SpaceOverlay/index.d.ts

@@ -1,8 +0,0 @@
-export { connectSpaceOverlay, computeOverlayRegion } from './spaceOverlay';
-export type { SpaceOverlay, SpaceOverlayStatus } from './spaceOverlay';
-export { OverlayPortal, SpaceOverlayProvider, overlayThemeOptions, useOverlayWindow } from './SpaceOverlay';
-export type { SpaceOverlayProviderProps } from './SpaceOverlay';
-export { overlayClipPath, overlayRegionMessage, parseOverlayRegion, parseOverlayRegionMessage } from './region';
-export type { OverlayBox, OverlayRegion } from './region';
-export { OverlayFrame } from './OverlayFrame';
-export type { OverlayFrameProps } from './OverlayFrame';

package/dist/components/SpaceOverlay/index.js

@@ -1,4 +0,0 @@
-export { connectSpaceOverlay, computeOverlayRegion } from './spaceOverlay';
-export { OverlayPortal, SpaceOverlayProvider, overlayThemeOptions, useOverlayWindow } from './SpaceOverlay';
-export { overlayClipPath, overlayRegionMessage, parseOverlayRegion, parseOverlayRegionMessage } from './region';
-export { OverlayFrame } from './OverlayFrame';