@astral/ui 4.1.4 → 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 (11) hide show
  1. package/components/Banner/BannerActionButton/BannerActionButton.d.ts +6 -1
  2. package/components/Banner/BannerActionButton/BannerActionButton.js +1 -4
  3. package/components/TreeLikeAutocomplete/Input/styles.js +2 -18
  4. package/components/theme/components/MuiInputLabel.js +1 -1
  5. package/components/theme/components/MuiTextField.js +3 -3
  6. package/node/components/Banner/BannerActionButton/BannerActionButton.d.ts +6 -1
  7. package/node/components/Banner/BannerActionButton/BannerActionButton.js +1 -4
  8. package/node/components/TreeLikeAutocomplete/Input/styles.js +1 -17
  9. package/node/components/theme/components/MuiInputLabel.js +1 -1
  10. package/node/components/theme/components/MuiTextField.js +3 -3
  11. package/package.json +1 -1
package/components/Banner/BannerActionButton/BannerActionButton.d.ts CHANGED
@@ -1,4 +1,9 @@
1
1
  import type { ElementType } from 'react';
2
2
  import { type ButtonProps } from '../../Button';
3
- export type BannerActionButtonProps<TComponent extends ElementType = ElementType> = Omit<ButtonProps<TComponent>, 'size' | 'fullWidth'>;
3
+ export type BannerActionButtonProps<TComponent extends ElementType = 'button'> = Omit<ButtonProps<TComponent>, 'size' | 'fullWidth' | 'component'> & {
4
+ /**
5
+ * Тип html-элемента
6
+ */
7
+ component?: TComponent;
8
+ };
4
9
  export declare const BannerActionButton: <TComponent extends ElementType = "button">({ children, ...restProps }: BannerActionButtonProps<TComponent>) => JSX.Element;
package/components/Banner/BannerActionButton/BannerActionButton.js CHANGED
@@ -15,8 +15,5 @@ import { useViewportType } from '../../hooks';
15
15
  export const BannerActionButton = (_a) => {
16
16
  var { children } = _a, restProps = __rest(_a, ["children"]);
17
17
  const { isMobile } = useViewportType();
18
- return (
19
- // biome-ignore lint/suspicious/noTsIgnore: Проблема c вложенностью типизации. Ts теряет типизацию при большой вложенности типов
20
- // @ts-ignore
21
- _jsx(Button, Object.assign({}, restProps, { fullWidth: isMobile, size: "large", children: children })));
18
+ return (_jsx(Button, Object.assign({}, restProps, { fullWidth: isMobile, size: "large", children: children })));
22
19
  };
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/Banner/BannerActionButton/BannerActionButton.d.ts CHANGED
@@ -1,4 +1,9 @@
1
1
  import type { ElementType } from 'react';
2
2
  import { type ButtonProps } from '../../Button';
3
- export type BannerActionButtonProps<TComponent extends ElementType = ElementType> = Omit<ButtonProps<TComponent>, 'size' | 'fullWidth'>;
3
+ export type BannerActionButtonProps<TComponent extends ElementType = 'button'> = Omit<ButtonProps<TComponent>, 'size' | 'fullWidth' | 'component'> & {
4
+ /**
5
+ * Тип html-элемента
6
+ */
7
+ component?: TComponent;
8
+ };
4
9
  export declare const BannerActionButton: <TComponent extends ElementType = "button">({ children, ...restProps }: BannerActionButtonProps<TComponent>) => JSX.Element;
package/node/components/Banner/BannerActionButton/BannerActionButton.js CHANGED
@@ -18,9 +18,6 @@ const hooks_1 = require("../../hooks");
18
18
  const BannerActionButton = (_a) => {
19
19
  var { children } = _a, restProps = __rest(_a, ["children"]);
20
20
  const { isMobile } = (0, hooks_1.useViewportType)();
21
- return (
22
- // biome-ignore lint/suspicious/noTsIgnore: Проблема c вложенностью типизации. Ts теряет типизацию при большой вложенности типов
23
- // @ts-ignore
24
- (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, restProps, { fullWidth: isMobile, size: "large", children: children })));
21
+ return ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, restProps, { fullWidth: isMobile, size: "large", children: children })));
25
22
  };
26
23
  exports.BannerActionButton = BannerActionButton;
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.4",
3
+ "version": "4.1.6",
4
4
  "browser": "./index.js",
5
5
  "main": "./node/index.js",
6
6
  "dependencies": {