@astral/ui 4.1.5 → 4.1.6

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/TreeLikeAutocomplete/Input/styles.js +2 -18
  2. package/components/theme/components/MuiInputLabel.js +1 -1
  3. package/components/theme/components/MuiTextField.js +3 -3
  4. package/node/components/TreeLikeAutocomplete/Input/styles.js +1 -17
  5. package/node/components/theme/components/MuiInputLabel.js +1 -1
  6. package/node/components/theme/components/MuiTextField.js +3 -3
  7. package/package.json +1 -1
package/components/TreeLikeAutocomplete/Input/styles.js CHANGED
@@ -1,30 +1,14 @@
1
1
  import { inputBaseClasses } from '@mui/material';
2
2
  import { Loader } from '../../Loader';
3
- import { css, styled } from '../../styles';
3
+ import { styled } from '../../styles';
4
4
  import { TagsList } from '../../TagsList';
5
5
  import { TextField } from '../../TextField';
6
- const hiddenInputClass = css `
7
- .${inputBaseClasses.input} {
8
- width: 0;
9
- height: 0;
10
- padding: 0;
11
- }
12
- `;
13
6
  export const StyledTextField = styled(TextField, {
14
7
  shouldForwardProp: (prop) => !['$isHidden'].includes(prop),
15
8
  }) `
16
- .${inputBaseClasses.root} {
17
- height: 40px;
18
- padding-top: ${({ theme }) => theme.spacing(1)};
19
- padding-bottom: ${({ theme }) => theme.spacing(1)};
20
- }
21
-
22
9
  .${inputBaseClasses.input} {
23
- padding-top: ${({ theme }) => theme.spacing(1)};
24
- padding-bottom: ${({ theme }) => theme.spacing(1)};
10
+ width: ${({ $isHidden }) => $isHidden && 0};
25
11
  }
26
-
27
- ${({ $isHidden }) => $isHidden && hiddenInputClass}
28
12
  `;
29
13
  export const StyledTagsList = styled(TagsList) `
30
14
  overflow: hidden;
package/components/theme/components/MuiInputLabel.js CHANGED
@@ -11,7 +11,7 @@ export const MuiInputLabel = {
11
11
  fontWeight: theme.typography.fontWeightMedium,
12
12
  fontSize: theme.typography.pointer.fontSize,
13
13
  lineHeight: theme.typography.pointer.lineHeight,
14
- marginBottom: theme.spacing(2),
14
+ marginBottom: theme.spacing(1),
15
15
  '&.Mui-focused': {
16
16
  color: theme.palette.grey[800],
17
17
  },
package/components/theme/components/MuiTextField.js CHANGED
@@ -7,7 +7,7 @@ export const MuiTextField = {
7
7
  return {
8
8
  [`& .${inputBaseClasses.adornedStart}`]: {
9
9
  paddingLeft: theme.spacing(3),
10
- [`& .${svgIconClassnames.root}`]: {
10
+ [`& .${svgIconClassnames.root}:not(.${tagClassnames.root} .${svgIconClassnames.root})`]: {
11
11
  width: 20,
12
12
  height: 20,
13
13
  [`${theme.breakpoints.down('sm')}`]: {
@@ -28,7 +28,7 @@ export const MuiTextField = {
28
28
  },
29
29
  [`& .${inputBaseClasses.adornedEnd}`]: {
30
30
  paddingRight: theme.spacing(3),
31
- [`& .${svgIconClassnames.root}`]: {
31
+ [`& .${svgIconClassnames.root}:not(.${tagClassnames.root} .${svgIconClassnames.root})`]: {
32
32
  width: 20,
33
33
  height: 20,
34
34
  [`${theme.breakpoints.down('sm')}`]: {
@@ -48,7 +48,7 @@ export const MuiTextField = {
48
48
  },
49
49
  },
50
50
  [`& .${formLabelClasses.root}`]: {
51
- marginBottom: theme.spacing(2),
51
+ marginBottom: theme.spacing(1),
52
52
  color: theme.palette.grey[800],
53
53
  '&.Mui-disabled': {
54
54
  color: theme.palette.grey[500],
package/node/components/TreeLikeAutocomplete/Input/styles.js CHANGED
@@ -6,28 +6,12 @@ const Loader_1 = require("../../Loader");
6
6
  const styles_1 = require("../../styles");
7
7
  const TagsList_1 = require("../../TagsList");
8
8
  const TextField_1 = require("../../TextField");
9
- const hiddenInputClass = (0, styles_1.css) `
10
- .${material_1.inputBaseClasses.input} {
11
- width: 0;
12
- height: 0;
13
- padding: 0;
14
- }
15
- `;
16
9
  exports.StyledTextField = (0, styles_1.styled)(TextField_1.TextField, {
17
10
  shouldForwardProp: (prop) => !['$isHidden'].includes(prop),
18
11
  }) `
19
- .${material_1.inputBaseClasses.root} {
20
- height: 40px;
21
- padding-top: ${({ theme }) => theme.spacing(1)};
22
- padding-bottom: ${({ theme }) => theme.spacing(1)};
23
- }
24
-
25
12
  .${material_1.inputBaseClasses.input} {
26
- padding-top: ${({ theme }) => theme.spacing(1)};
27
- padding-bottom: ${({ theme }) => theme.spacing(1)};
13
+ width: ${({ $isHidden }) => $isHidden && 0};
28
14
  }
29
-
30
- ${({ $isHidden }) => $isHidden && hiddenInputClass}
31
15
  `;
32
16
  exports.StyledTagsList = (0, styles_1.styled)(TagsList_1.TagsList) `
33
17
  overflow: hidden;
package/node/components/theme/components/MuiInputLabel.js CHANGED
@@ -14,7 +14,7 @@ exports.MuiInputLabel = {
14
14
  fontWeight: theme.typography.fontWeightMedium,
15
15
  fontSize: theme.typography.pointer.fontSize,
16
16
  lineHeight: theme.typography.pointer.lineHeight,
17
- marginBottom: theme.spacing(2),
17
+ marginBottom: theme.spacing(1),
18
18
  '&.Mui-focused': {
19
19
  color: theme.palette.grey[800],
20
20
  },
package/node/components/theme/components/MuiTextField.js CHANGED
@@ -10,7 +10,7 @@ exports.MuiTextField = {
10
10
  return {
11
11
  [`& .${material_1.inputBaseClasses.adornedStart}`]: {
12
12
  paddingLeft: theme.spacing(3),
13
- [`& .${SvgIcon_1.svgIconClassnames.root}`]: {
13
+ [`& .${SvgIcon_1.svgIconClassnames.root}:not(.${Tag_1.tagClassnames.root} .${SvgIcon_1.svgIconClassnames.root})`]: {
14
14
  width: 20,
15
15
  height: 20,
16
16
  [`${theme.breakpoints.down('sm')}`]: {
@@ -31,7 +31,7 @@ exports.MuiTextField = {
31
31
  },
32
32
  [`& .${material_1.inputBaseClasses.adornedEnd}`]: {
33
33
  paddingRight: theme.spacing(3),
34
- [`& .${SvgIcon_1.svgIconClassnames.root}`]: {
34
+ [`& .${SvgIcon_1.svgIconClassnames.root}:not(.${Tag_1.tagClassnames.root} .${SvgIcon_1.svgIconClassnames.root})`]: {
35
35
  width: 20,
36
36
  height: 20,
37
37
  [`${theme.breakpoints.down('sm')}`]: {
@@ -51,7 +51,7 @@ exports.MuiTextField = {
51
51
  },
52
52
  },
53
53
  [`& .${material_1.formLabelClasses.root}`]: {
54
- marginBottom: theme.spacing(2),
54
+ marginBottom: theme.spacing(1),
55
55
  color: theme.palette.grey[800],
56
56
  '&.Mui-disabled': {
57
57
  color: theme.palette.grey[500],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astral/ui",
3
- "version": "4.1.5",
3
+ "version": "4.1.6",
4
4
  "browser": "./index.js",
5
5
  "main": "./node/index.js",
6
6
  "dependencies": {