@astral/ui 4.8.0 → 4.10.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 (7) hide show
  1. package/components/NavMenu/Item/ItemButton/styles.js +4 -4
  2. package/components/TextField/styles.js +1 -1
  3. package/components/theme/components/MuiOutlinedInput.js +3 -0
  4. package/node/components/NavMenu/Item/ItemButton/styles.js +4 -4
  5. package/node/components/TextField/styles.js +1 -1
  6. package/node/components/theme/components/MuiOutlinedInput.js +3 -0
  7. package/package.json +1 -1
package/components/NavMenu/Item/ItemButton/styles.js CHANGED
@@ -17,8 +17,8 @@ export const StyledListItemButton = styled(ListItemButton, {
17
17
  overflow: hidden;
18
18
 
19
19
  box-sizing: border-box;
20
- min-height: 36px;
21
- padding: ${({ theme }) => theme.microSpacing(4, 4, 4, 5)};
20
+ min-height: 44px;
21
+ padding: ${({ theme }) => theme.microSpacing(6, 5)};
22
22
 
23
23
  border-radius: ${({ theme }) => theme.shape.small};
24
24
 
@@ -65,8 +65,8 @@ export const StyledListItemButton = styled(ListItemButton, {
65
65
  ${({ theme }) => theme.breakpoints.down('sm')} {
66
66
  overflow: hidden;
67
67
 
68
- min-height: 44px;
69
- padding: ${({ theme }) => theme.spacing(0, 4)};
68
+ min-height: 48px;
69
+ padding: ${({ theme }) => theme.spacing(3, 2, 3, 4)};
70
70
 
71
71
  border-radius: ${({ theme }) => theme.shape.small};
72
72
 
package/components/TextField/styles.js CHANGED
@@ -11,6 +11,6 @@ export const StyledTextField = styled(TextField) `
11
11
  &:not(:empty) {
12
12
  margin: ${({ theme }) => theme.spacing(1, 0, 0)};
13
13
  }
14
- }
14
+ }
15
15
  }
16
16
  `;
package/components/theme/components/MuiOutlinedInput.js CHANGED
@@ -46,6 +46,9 @@ export const MuiOutlinedInput = {
46
46
  paddingLeft: isStartAdornmentString
47
47
  ? theme.spacing(1)
48
48
  : theme.spacing(3),
49
+ '&:autofill': {
50
+ boxShadow: '0 0 0 1000px white inset',
51
+ },
49
52
  '&::placeholder': {
50
53
  opacity: 1,
51
54
  color: theme.palette.grey[400],
package/node/components/NavMenu/Item/ItemButton/styles.js CHANGED
@@ -20,8 +20,8 @@ exports.StyledListItemButton = (0, styles_1.styled)(ListItemButton_1.ListItemBut
20
20
  overflow: hidden;
21
21
 
22
22
  box-sizing: border-box;
23
- min-height: 36px;
24
- padding: ${({ theme }) => theme.microSpacing(4, 4, 4, 5)};
23
+ min-height: 44px;
24
+ padding: ${({ theme }) => theme.microSpacing(6, 5)};
25
25
 
26
26
  border-radius: ${({ theme }) => theme.shape.small};
27
27
 
@@ -68,8 +68,8 @@ exports.StyledListItemButton = (0, styles_1.styled)(ListItemButton_1.ListItemBut
68
68
  ${({ theme }) => theme.breakpoints.down('sm')} {
69
69
  overflow: hidden;
70
70
 
71
- min-height: 44px;
72
- padding: ${({ theme }) => theme.spacing(0, 4)};
71
+ min-height: 48px;
72
+ padding: ${({ theme }) => theme.spacing(3, 2, 3, 4)};
73
73
 
74
74
  border-radius: ${({ theme }) => theme.shape.small};
75
75
 
package/node/components/TextField/styles.js CHANGED
@@ -14,6 +14,6 @@ exports.StyledTextField = (0, styles_1.styled)(material_1.TextField) `
14
14
  &:not(:empty) {
15
15
  margin: ${({ theme }) => theme.spacing(1, 0, 0)};
16
16
  }
17
- }
17
+ }
18
18
  }
19
19
  `;
package/node/components/theme/components/MuiOutlinedInput.js CHANGED
@@ -49,6 +49,9 @@ exports.MuiOutlinedInput = {
49
49
  paddingLeft: isStartAdornmentString
50
50
  ? theme.spacing(1)
51
51
  : theme.spacing(3),
52
+ '&:autofill': {
53
+ boxShadow: '0 0 0 1000px white inset',
54
+ },
52
55
  '&::placeholder': {
53
56
  opacity: 1,
54
57
  color: theme.palette.grey[400],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astral/ui",
3
- "version": "4.8.0",
3
+ "version": "4.10.0",
4
4
  "browser": "./index.js",
5
5
  "main": "./node/index.js",
6
6
  "dependencies": {