@astral/ui 4.19.1 → 4.20.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 (13) hide show
  1. package/components/DialogActions/styles.js +1 -1
  2. package/components/DialogContent/styles.js +0 -2
  3. package/components/ToggleButton/styles.js +1 -1
  4. package/components/TreeAsyncAutocomplete/OptionsModal/styles.js +0 -1
  5. package/components/TreeAutocomplete/OptionsModal/styles.js +0 -1
  6. package/components/TreeLikeAsyncAutocomplete/OptionsModal/styles.js +0 -1
  7. package/node/components/DialogActions/styles.js +1 -1
  8. package/node/components/DialogContent/styles.js +0 -2
  9. package/node/components/ToggleButton/styles.js +1 -1
  10. package/node/components/TreeAsyncAutocomplete/OptionsModal/styles.js +0 -1
  11. package/node/components/TreeAutocomplete/OptionsModal/styles.js +0 -1
  12. package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/styles.js +0 -1
  13. package/package.json +1 -1
package/components/DialogActions/styles.js CHANGED
@@ -2,7 +2,7 @@ import DialogActions from '@mui/material/DialogActions';
2
2
  import { Grid } from '../Grid';
3
3
  import { styled } from '../styled';
4
4
  export const StyledDialogActions = styled(DialogActions) `
5
- padding-top: 0;
5
+ padding-top: ${({ theme }) => theme.spacing(6)};
6
6
 
7
7
  ${({ theme }) => theme.breakpoints.down('sm')} {
8
8
  padding: ${({ theme }) => theme.spacing(4)};
package/components/DialogContent/styles.js CHANGED
@@ -1,8 +1,6 @@
1
1
  import MuiDialogContent from '@mui/material/DialogContent';
2
2
  import { styled } from '../styled';
3
3
  export const StyledDialogContent = styled(MuiDialogContent) `
4
- padding-bottom: ${({ theme }) => theme.spacing(6)};
5
-
6
4
  ${({ theme }) => theme.breakpoints.down('sm')} {
7
5
  padding: ${({ theme }) => theme.spacing(5, 4)};
8
6
  }
package/components/ToggleButton/styles.js CHANGED
@@ -32,7 +32,7 @@ const getBgColor = ({ color = 'primary', isSelected, state = 'default', theme, i
32
32
  if (state === 'active' || isSelected) {
33
33
  return theme.palette[color][100];
34
34
  }
35
- return 'transparent';
35
+ return theme.palette.background.default;
36
36
  };
37
37
  const getBorderColor = ({ state = 'default', color = 'primary', theme, isSelected, }) => {
38
38
  if (state === 'hover' && isSelected) {
package/components/TreeAsyncAutocomplete/OptionsModal/styles.js CHANGED
@@ -14,7 +14,6 @@ export const StyledDialogContent = styled(DialogContent, {
14
14
 
15
15
  width: ${({ $size }) => DIALOG_SIZES[$size].minWidth};
16
16
  height: ${({ $size }) => ($size === 'md' ? '500px' : `calc(${DIALOG_SIZES[$size].minWidth} - 50px)`)};
17
- padding-bottom: ${({ theme }) => theme.spacing(4)};
18
17
 
19
18
  ${({ theme }) => theme.breakpoints.down('sm')} {
20
19
  width: auto;
package/components/TreeAutocomplete/OptionsModal/styles.js CHANGED
@@ -8,7 +8,6 @@ export const StyledDialogContent = styled(DialogContent) `
8
8
 
9
9
  width: 500px;
10
10
  height: 500px;
11
- padding-bottom: ${({ theme }) => theme.spacing(4)};
12
11
  `;
13
12
  export const TreeListWrapper = styled.div `
14
13
  overflow: auto;
package/components/TreeLikeAsyncAutocomplete/OptionsModal/styles.js CHANGED
@@ -14,7 +14,6 @@ export const StyledDialogContent = styled(DialogContent, {
14
14
 
15
15
  width: ${({ $size }) => DIALOG_SIZES[$size].minWidth};
16
16
  height: ${({ $size }) => ($size === 'md' ? '500px' : `calc(${DIALOG_SIZES[$size].minWidth} - 50px)`)};
17
- padding-bottom: ${({ theme }) => theme.spacing(4)};
18
17
 
19
18
  ${({ theme }) => theme.breakpoints.down('sm')} {
20
19
  width: auto;
package/node/components/DialogActions/styles.js CHANGED
@@ -8,7 +8,7 @@ const DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
8
8
  const Grid_1 = require("../Grid");
9
9
  const styled_1 = require("../styled");
10
10
  exports.StyledDialogActions = (0, styled_1.styled)(DialogActions_1.default) `
11
- padding-top: 0;
11
+ padding-top: ${({ theme }) => theme.spacing(6)};
12
12
 
13
13
  ${({ theme }) => theme.breakpoints.down('sm')} {
14
14
  padding: ${({ theme }) => theme.spacing(4)};
package/node/components/DialogContent/styles.js CHANGED
@@ -7,8 +7,6 @@ exports.StyledDialogContent = void 0;
7
7
  const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
8
8
  const styled_1 = require("../styled");
9
9
  exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.default) `
10
- padding-bottom: ${({ theme }) => theme.spacing(6)};
11
-
12
10
  ${({ theme }) => theme.breakpoints.down('sm')} {
13
11
  padding: ${({ theme }) => theme.spacing(5, 4)};
14
12
  }
package/node/components/ToggleButton/styles.js CHANGED
@@ -58,7 +58,7 @@ const getBgColor = ({ color = 'primary', isSelected, state = 'default', theme, i
58
58
  if (state === 'active' || isSelected) {
59
59
  return theme.palette[color][100];
60
60
  }
61
- return 'transparent';
61
+ return theme.palette.background.default;
62
62
  };
63
63
  const getBorderColor = ({ state = 'default', color = 'primary', theme, isSelected, }) => {
64
64
  if (state === 'hover' && isSelected) {
package/node/components/TreeAsyncAutocomplete/OptionsModal/styles.js CHANGED
@@ -17,7 +17,6 @@ exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.DialogContent
17
17
 
18
18
  width: ${({ $size }) => Dialog_1.DIALOG_SIZES[$size].minWidth};
19
19
  height: ${({ $size }) => ($size === 'md' ? '500px' : `calc(${Dialog_1.DIALOG_SIZES[$size].minWidth} - 50px)`)};
20
- padding-bottom: ${({ theme }) => theme.spacing(4)};
21
20
 
22
21
  ${({ theme }) => theme.breakpoints.down('sm')} {
23
22
  width: auto;
package/node/components/TreeAutocomplete/OptionsModal/styles.js CHANGED
@@ -11,7 +11,6 @@ exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.DialogContent
11
11
 
12
12
  width: 500px;
13
13
  height: 500px;
14
- padding-bottom: ${({ theme }) => theme.spacing(4)};
15
14
  `;
16
15
  exports.TreeListWrapper = styled_1.styled.div `
17
16
  overflow: auto;
package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/styles.js CHANGED
@@ -17,7 +17,6 @@ exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.DialogContent
17
17
 
18
18
  width: ${({ $size }) => Dialog_1.DIALOG_SIZES[$size].minWidth};
19
19
  height: ${({ $size }) => ($size === 'md' ? '500px' : `calc(${Dialog_1.DIALOG_SIZES[$size].minWidth} - 50px)`)};
20
- padding-bottom: ${({ theme }) => theme.spacing(4)};
21
20
 
22
21
  ${({ theme }) => theme.breakpoints.down('sm')} {
23
22
  width: auto;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astral/ui",
3
- "version": "4.19.1",
3
+ "version": "4.20.0",
4
4
  "browser": "./index.js",
5
5
  "main": "./node/index.js",
6
6
  "dependencies": {