@astral/ui 4.43.0 → 4.44.0

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/components/CheckableTag/styles.js +4 -3
  2. package/components/ListItem/styles.js +1 -1
  3. package/components/theme/components/MuiListItemButton.js +1 -1
  4. package/components/theme/palette/palette.js +1 -1
  5. package/node/components/CheckableTag/styles.js +4 -3
  6. package/node/components/ListItem/styles.js +1 -1
  7. package/node/components/theme/components/MuiListItemButton.js +1 -1
  8. package/node/components/theme/palette/palette.js +1 -1
  9. package/package.json +1 -1
package/components/CheckableTag/styles.js CHANGED
@@ -51,7 +51,7 @@ const getActiveBgColor = ({ theme, color, isChecked, variant, disabled, }) => {
51
51
  success: theme.palette.green[700],
52
52
  warning: theme.palette.yellow[700],
53
53
  grey: theme.palette.grey[400],
54
- default: theme.palette.grey[100],
54
+ default: theme.palette.grey[200],
55
55
  },
56
56
  light: {
57
57
  primary: theme.palette.primary[300],
@@ -59,7 +59,7 @@ const getActiveBgColor = ({ theme, color, isChecked, variant, disabled, }) => {
59
59
  success: theme.palette.green[300],
60
60
  warning: theme.palette.yellow[300],
61
61
  grey: theme.palette.grey[300],
62
- default: theme.palette.grey[100],
62
+ default: theme.palette.grey[200],
63
63
  },
64
64
  };
65
65
  if (variant && color) {
@@ -100,9 +100,10 @@ export const StyledTag = styled(Tag, {
100
100
  cursor: ${({ disabled }) => (disabled ? 'initial' : 'pointer')};
101
101
  user-select: none;
102
102
 
103
+ background-color: ${({ theme, color, variant }) => (variant === 'light' && color === 'grey') && theme.palette.grey[200]};
103
104
  ${({ $isChecked, disabled, theme }) => $isChecked &&
104
105
  `
105
- background-color: ${disabled ? theme.palette.grey[100] : theme.palette.grey[900]};
106
+ background-color: ${disabled ? theme.palette.grey[200] : theme.palette.grey[900]};
106
107
  `}
107
108
  border: ${({ theme, variant, $isChecked, color, disabled }) => getBorder({ theme, variant, isChecked: $isChecked, color, disabled })};
108
109
 
package/components/ListItem/styles.js CHANGED
@@ -3,7 +3,7 @@ import { styled } from '../styled';
3
3
  import { ListItemStates } from './constants';
4
4
  export const getBgColor = ({ selected, theme, }) => {
5
5
  if (selected) {
6
- return theme.palette.grey[100];
6
+ return theme.palette.grey[200];
7
7
  }
8
8
  return 'transparent';
9
9
  };
package/components/theme/components/MuiListItemButton.js CHANGED
@@ -5,7 +5,7 @@ export const MuiListItemButton = {
5
5
  padding: theme.spacing(2, 3),
6
6
  '&.Mui-selected': {
7
7
  color: theme.palette.primary[800],
8
- backgroundColor: theme.palette.grey[100],
8
+ backgroundColor: theme.palette.grey[200],
9
9
  },
10
10
  '&:hover': {
11
11
  backgroundColor: theme.palette.background.elementHover,
package/components/theme/palette/palette.js CHANGED
@@ -46,7 +46,7 @@ export const getPalette = (palette) => {
46
46
  400: '#C7C7C7',
47
47
  300: '#D9D9D9',
48
48
  200: '#E2E2E2',
49
- 100: '#E9E9E9',
49
+ 100: '#F5F5F5',
50
50
  // Необходимо mui при добавлении новых цветов компонентам
51
51
  main: '#1F1F1F',
52
52
  dark: '#0F0F0F',
package/node/components/CheckableTag/styles.js CHANGED
@@ -54,7 +54,7 @@ const getActiveBgColor = ({ theme, color, isChecked, variant, disabled, }) => {
54
54
  success: theme.palette.green[700],
55
55
  warning: theme.palette.yellow[700],
56
56
  grey: theme.palette.grey[400],
57
- default: theme.palette.grey[100],
57
+ default: theme.palette.grey[200],
58
58
  },
59
59
  light: {
60
60
  primary: theme.palette.primary[300],
@@ -62,7 +62,7 @@ const getActiveBgColor = ({ theme, color, isChecked, variant, disabled, }) => {
62
62
  success: theme.palette.green[300],
63
63
  warning: theme.palette.yellow[300],
64
64
  grey: theme.palette.grey[300],
65
- default: theme.palette.grey[100],
65
+ default: theme.palette.grey[200],
66
66
  },
67
67
  };
68
68
  if (variant && color) {
@@ -103,9 +103,10 @@ exports.StyledTag = (0, styled_1.styled)(Tag_1.Tag, {
103
103
  cursor: ${({ disabled }) => (disabled ? 'initial' : 'pointer')};
104
104
  user-select: none;
105
105
 
106
+ background-color: ${({ theme, color, variant }) => (variant === 'light' && color === 'grey') && theme.palette.grey[200]};
106
107
  ${({ $isChecked, disabled, theme }) => $isChecked &&
107
108
  `
108
- background-color: ${disabled ? theme.palette.grey[100] : theme.palette.grey[900]};
109
+ background-color: ${disabled ? theme.palette.grey[200] : theme.palette.grey[900]};
109
110
  `}
110
111
  border: ${({ theme, variant, $isChecked, color, disabled }) => getBorder({ theme, variant, isChecked: $isChecked, color, disabled })};
111
112
 
package/node/components/ListItem/styles.js CHANGED
@@ -9,7 +9,7 @@ const styled_1 = require("../styled");
9
9
  const constants_1 = require("./constants");
10
10
  const getBgColor = ({ selected, theme, }) => {
11
11
  if (selected) {
12
- return theme.palette.grey[100];
12
+ return theme.palette.grey[200];
13
13
  }
14
14
  return 'transparent';
15
15
  };
package/node/components/theme/components/MuiListItemButton.js CHANGED
@@ -8,7 +8,7 @@ exports.MuiListItemButton = {
8
8
  padding: theme.spacing(2, 3),
9
9
  '&.Mui-selected': {
10
10
  color: theme.palette.primary[800],
11
- backgroundColor: theme.palette.grey[100],
11
+ backgroundColor: theme.palette.grey[200],
12
12
  },
13
13
  '&:hover': {
14
14
  backgroundColor: theme.palette.background.elementHover,
package/node/components/theme/palette/palette.js CHANGED
@@ -49,7 +49,7 @@ const getPalette = (palette) => {
49
49
  400: '#C7C7C7',
50
50
  300: '#D9D9D9',
51
51
  200: '#E2E2E2',
52
- 100: '#E9E9E9',
52
+ 100: '#F5F5F5',
53
53
  // Необходимо mui при добавлении новых цветов компонентам
54
54
  main: '#1F1F1F',
55
55
  dark: '#0F0F0F',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astral/ui",
3
- "version": "4.43.0",
3
+ "version": "4.44.0",
4
4
  "browser": "./index.js",
5
5
  "main": "./node/index.js",
6
6
  "dependencies": {