@centreon/ui 25.3.4 → 25.4.0-MON-191119-npm-develop.0

package/src/components/Layout/AreaIndicator.styles.ts

@@ -1,33 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-
-export const useStyles = makeStyles()((theme) => ({
-  areaIndicator: {
-    '& .areaIndicator': {
-      left: theme.spacing(10)
-    },
-    '& label:first-of-type': {
-      border: '1px dashed #9747FF7F',
-      borderRadius: '4px',
-      color: '#9747FFFF',
-      fontSize: '0.75rem',
-      fontWeight: 500,
-      left: theme.spacing(1),
-      padding: theme.spacing(0.125, 1),
-      position: 'absolute',
-      top: theme.spacing(0.75)
-    },
-    '&[data-depth="1"]': {
-      '& label:first-of-type': {
-        '&:before': {
-          content: '"+ "'
-        },
-        left: theme.spacing(10)
-      }
-    },
-
-    backgroundColor: '#9747FF19',
-    minHeight: theme.spacing(4),
-
-    position: 'relative'
-  }
-}));

package/src/components/Menu/Button/MenuButton.styles.ts

@@ -1,27 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-
-export const useStyles = makeStyles()((theme) => ({
-  buttonIcon: {
-    '[data-is-active="true"] &': {
-      transform: 'rotate(180deg)'
-    },
-
-    fontSize: '1.25rem',
-    transition: 'transform 0.15s ease-in-out'
-  },
-  menuButton: {
-    '&:hover:not(&[data-is-active="true"])': {
-      backgroundColor: theme.palette.menu.button.background.hover,
-      color: theme.palette.menu.button.color.hover
-    },
-    '&[data-is-active="true"]': {
-      backgroundColor: theme.palette.menu.button.background.active,
-      color: theme.palette.menu.button.color.active
-    },
-    backgroundColor: theme.palette.menu.button.background.default,
-    color: theme.palette.menu.button.color.default,
-    display: 'flex',
-    height: 'unset',
-    minWidth: 'unset'
-  }
-}));

package/src/components/Menu/Menu.styles.ts

@@ -1,68 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-
-export const useStyles = makeStyles()((theme) => ({
-  menuDivider: {
-    '&, &.MuiDivider-root': {
-      borderColor: theme.palette.menu.divider.border
-    }
-  },
-  menuItem: {
-    '&, &.MuiMenuItem-root': {
-      '& > button': {
-        fontSize: '1rem',
-        justifyContent: 'flex-start'
-      },
-
-      '&:has(button)': {
-        '& > .MuiTouchRipple-root': {
-          display: 'none'
-        },
-        '&:hover:not(&[data-is-active="true"])': {
-          backgroundColor: 'unset'
-        },
-        padding: theme.spacing(0, 2)
-      },
-
-      '&:not(:has(button))': {
-        '&:hover:not(&[data-is-active="true"])': {
-          backgroundColor: theme.palette.menu.item.background.hover,
-          color: theme.palette.menu.item.color.hover
-        },
-        '&[data-is-active="true"], &.Mui-selected': {
-          '&[data-is-disabled="true"], &.Mui-disabled': {
-            opacity: 1
-          },
-          backgroundColor: theme.palette.menu.item.background.active,
-          color: theme.palette.menu.item.color.active,
-          opacity: 1
-        },
-        '&[data-is-disabled="true"], &.Mui-disabled': {
-          opacity: 0.5
-        },
-        backgroundColor: theme.palette.menu.item.background.default,
-        color: theme.palette.menu.item.color.default,
-        padding: theme.spacing(0.75, 2)
-      },
-
-      alignItems: 'center',
-      display: 'flex',
-      flexDirection: 'row',
-      fontSize: '1rem',
-      gap: theme.spacing(2),
-      justifyContent: 'space-between',
-      minHeight: 'unset'
-    }
-  },
-  menuItems: {
-    '& > .MuiPaper-root.MuiMenu-paper': {
-      backgroundColor: theme.palette.menu.background,
-      borderRadius: '4px',
-      boxShadow: theme.shadows[8],
-      minWidth: '240px',
-      transform: `translateY(${theme.spacing(0.5)}) !important`
-    },
-    '& ul, & ul.MuiMenu-list': {
-      padding: theme.spacing(1, 0)
-    }
-  }
-}));