@astral/ui 1.16.0 → 1.16.2

package/Button/styles.js

@@ -8,11 +8,18 @@ exports.LoadingButtonWrapper = void 0;
 var lab_1 = require("@mui/lab");
 var styles_1 = require("../styles");
 var styles_2 = require("../ButtonBase/styles");
+var ButtonBase_1 = require("../ButtonBase");
 exports.LoadingButtonWrapper = (0, styles_1.styled)(lab_1.LoadingButton, {
     shouldForwardProp: function (prop) {
         return prop !== 'customColor' && prop !== 'customVariant';
     },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    height: ", ";\n    padding: ", ";\n\n    white-space: nowrap;\n  }\n"], ["\n  ", " {\n    height: ", ";\n    padding: ", ";\n\n    white-space: nowrap;\n  }\n"])), function (_a) {
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-width: ", ";\n  padding: ", ";\n\n  ", " {\n    height: ", ";\n    padding: ", ";\n\n    white-space: nowrap;\n  }\n"], ["\n  min-width: ", ";\n  padding: ", ";\n\n  ", " {\n    height: ", ";\n    padding: ", ";\n\n    white-space: nowrap;\n  }\n"])), function (_a) {
+    var variant = _a.variant;
+    return variant === ButtonBase_1.ButtonVariants.Link ? 'auto' : '';
+}, function (_a) {
+    var variant = _a.variant;
+    return (variant === ButtonBase_1.ButtonVariants.Link ? 0 : '');
+}, function (_a) {
     var theme = _a.theme;
     return theme.breakpoints.down('sm');
 }, styles_2.getButtonHeightMobile, styles_2.getButtonPaddingMobile);

package/ButtonBase/styles.d.ts

@@ -6,6 +6,7 @@ export declare type ButtonBaseWrapperProps = Omit<BaseButtonProps, 'color' | 'va
     customVariant?: ButtonVariant;
 };
 export declare type ButtonBaseWrapperThemeProps = {
+    variant?: ButtonVariant;
     customColor?: ButtonColor;
     customVariant?: ButtonVariant;
     selected?: boolean;
@@ -21,7 +22,7 @@ export declare const getBgColor: ({ selected, customColor, customVariant, button
 export declare const getButtonHeight: ({ size, }: ButtonBaseWrapperThemeProps) => string;
 export declare const getButtonPadding: ({ size, theme, }: ButtonBaseWrapperThemeProps) => string;
 export declare const getDisabledBgColor: ({ theme, customVariant, }: ButtonBaseWrapperThemeProps) => string;
-export declare const getButtonPaddingMobile: ({ size, theme, }: ButtonBaseWrapperThemeProps) => string;
+export declare const getButtonPaddingMobile: ({ size, theme, variant, }: ButtonBaseWrapperThemeProps) => string;
 export declare const getButtonHeightMobile: ({ size, }: ButtonBaseWrapperThemeProps) => string;
 export declare const ButtonBaseWrapper: import("@emotion/styled").StyledComponent<Pick<import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps & Omit<any, keyof import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps> & {
     component?: import("react").ElementType<any> | undefined;

package/ButtonBase/styles.js

@@ -218,7 +218,10 @@ var getDisabledBgColor = function (_a) {
 };
 exports.getDisabledBgColor = getDisabledBgColor;
 var getButtonPaddingMobile = function (_a) {
-    var size = _a.size, theme = _a.theme;
+    var size = _a.size, theme = _a.theme, variant = _a.variant;
+    if (variant === enums_1.ButtonVariants.Link) {
+        return '0';
+    }
     if (size === enums_1.ButtonSizes.Small) {
         return theme.spacing(2, 3);
     }

package/ConfigProvider/ConfigProvider.d.ts

@@ -1,7 +1,7 @@
-import { ErrorInfo, ReactNode } from 'react';
+import { ReactNode } from 'react';
 export declare type ConfigContextProps = {
     locale?: Locale;
-    captureException?: (errorInfo: ErrorInfo, error: Error) => void;
+    captureException?: (error: any) => void;
 };
 export declare type ConfigProviderProps = ConfigContextProps & {
     children: ReactNode;

package/ConfigProvider/ConfigProvider.js

@@ -20,7 +20,7 @@ var react_1 = require("react");
 var ru_1 = __importDefault(require("date-fns/locale/ru"));
 exports.ConfigContext = (0, react_1.createContext)({
     locale: ru_1.default,
-    captureException: function (errorInfo, error) { return console.error(errorInfo, error); },
+    captureException: function (error) { return console.error(error); },
 });
 var ConfigProvider = function (_a) {
     var children = _a.children, _b = _a.locale, locale = _b === void 0 ? ru_1.default : _b, captureException = _a.captureException;

package/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,7 +1,7 @@
-import React, { ErrorInfo, ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 declare type Props = {
     children: ReactNode;
-    captureException?: (errorInfo: ErrorInfo, error: Error) => void;
+    captureException?: (error: any) => void;
 };
 declare type State = {
     error: boolean;
@@ -11,7 +11,7 @@ declare class ErrorBoundary extends React.Component<Props, State> {
     static getDerivedStateFromError(): {
         error: boolean;
     };
-    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    componentDidCatch(error: Error): void;
     handleReloadPage(): void;
     render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }

package/ErrorBoundary/ErrorBoundary.js

@@ -46,9 +46,9 @@ var ErrorBoundary = /** @class */ (function (_super) {
     ErrorBoundary.getDerivedStateFromError = function () {
         return { error: true };
     };
-    ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
+    ErrorBoundary.prototype.componentDidCatch = function (error) {
         var _a, _b;
-        (_b = (_a = this.props).captureException) === null || _b === void 0 ? void 0 : _b.call(_a, errorInfo, error);
+        (_b = (_a = this.props).captureException) === null || _b === void 0 ? void 0 : _b.call(_a, error);
     };
     ErrorBoundary.prototype.handleReloadPage = function () {
         location.reload();

package/esm/Button/styles.js

@@ -5,11 +5,18 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 import { LoadingButton } from '@mui/lab';
 import { styled } from '../styles';
 import { getButtonHeightMobile, getButtonPaddingMobile, } from '../ButtonBase/styles';
+import { ButtonVariants } from '../ButtonBase';
 export var LoadingButtonWrapper = styled(LoadingButton, {
     shouldForwardProp: function (prop) {
         return prop !== 'customColor' && prop !== 'customVariant';
     },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    height: ", ";\n    padding: ", ";\n\n    white-space: nowrap;\n  }\n"], ["\n  ", " {\n    height: ", ";\n    padding: ", ";\n\n    white-space: nowrap;\n  }\n"])), function (_a) {
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-width: ", ";\n  padding: ", ";\n\n  ", " {\n    height: ", ";\n    padding: ", ";\n\n    white-space: nowrap;\n  }\n"], ["\n  min-width: ", ";\n  padding: ", ";\n\n  ", " {\n    height: ", ";\n    padding: ", ";\n\n    white-space: nowrap;\n  }\n"])), function (_a) {
+    var variant = _a.variant;
+    return variant === ButtonVariants.Link ? 'auto' : '';
+}, function (_a) {
+    var variant = _a.variant;
+    return (variant === ButtonVariants.Link ? 0 : '');
+}, function (_a) {
     var theme = _a.theme;
     return theme.breakpoints.down('sm');
 }, getButtonHeightMobile, getButtonPaddingMobile);

package/esm/ButtonBase/styles.d.ts

@@ -6,6 +6,7 @@ export declare type ButtonBaseWrapperProps = Omit<BaseButtonProps, 'color' | 'va
     customVariant?: ButtonVariant;
 };
 export declare type ButtonBaseWrapperThemeProps = {
+    variant?: ButtonVariant;
     customColor?: ButtonColor;
     customVariant?: ButtonVariant;
     selected?: boolean;
@@ -21,7 +22,7 @@ export declare const getBgColor: ({ selected, customColor, customVariant, button
 export declare const getButtonHeight: ({ size, }: ButtonBaseWrapperThemeProps) => string;
 export declare const getButtonPadding: ({ size, theme, }: ButtonBaseWrapperThemeProps) => string;
 export declare const getDisabledBgColor: ({ theme, customVariant, }: ButtonBaseWrapperThemeProps) => string;
-export declare const getButtonPaddingMobile: ({ size, theme, }: ButtonBaseWrapperThemeProps) => string;
+export declare const getButtonPaddingMobile: ({ size, theme, variant, }: ButtonBaseWrapperThemeProps) => string;
 export declare const getButtonHeightMobile: ({ size, }: ButtonBaseWrapperThemeProps) => string;
 export declare const ButtonBaseWrapper: import("@emotion/styled").StyledComponent<Pick<import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps & Omit<any, keyof import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps> & {
     component?: import("react").ElementType<any> | undefined;

package/esm/ButtonBase/styles.js

@@ -187,7 +187,10 @@ export var getDisabledBgColor = function (_a) {
     return theme.palette.grey['100'];
 };
 export var getButtonPaddingMobile = function (_a) {
-    var size = _a.size, theme = _a.theme;
+    var size = _a.size, theme = _a.theme, variant = _a.variant;
+    if (variant === ButtonVariants.Link) {
+        return '0';
+    }
     if (size === ButtonSizes.Small) {
         return theme.spacing(2, 3);
     }

package/esm/ConfigProvider/ConfigProvider.d.ts

@@ -1,7 +1,7 @@
-import { ErrorInfo, ReactNode } from 'react';
+import { ReactNode } from 'react';
 export declare type ConfigContextProps = {
     locale?: Locale;
-    captureException?: (errorInfo: ErrorInfo, error: Error) => void;
+    captureException?: (error: any) => void;
 };
 export declare type ConfigProviderProps = ConfigContextProps & {
     children: ReactNode;

package/esm/ConfigProvider/ConfigProvider.js

@@ -14,7 +14,7 @@ import { createContext, useEffect } from 'react';
 import ru from 'date-fns/locale/ru';
 export var ConfigContext = createContext({
     locale: ru,
-    captureException: function (errorInfo, error) { return console.error(errorInfo, error); },
+    captureException: function (error) { return console.error(error); },
 });
 export var ConfigProvider = function (_a) {
     var children = _a.children, _b = _a.locale, locale = _b === void 0 ? ru : _b, captureException = _a.captureException;

package/esm/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,7 +1,7 @@
-import React, { ErrorInfo, ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 declare type Props = {
     children: ReactNode;
-    captureException?: (errorInfo: ErrorInfo, error: Error) => void;
+    captureException?: (error: any) => void;
 };
 declare type State = {
     error: boolean;
@@ -11,7 +11,7 @@ declare class ErrorBoundary extends React.Component<Props, State> {
     static getDerivedStateFromError(): {
         error: boolean;
     };
-    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    componentDidCatch(error: Error): void;
     handleReloadPage(): void;
     render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }

package/esm/ErrorBoundary/ErrorBoundary.js

@@ -41,9 +41,9 @@ var ErrorBoundary = /** @class */ (function (_super) {
     ErrorBoundary.getDerivedStateFromError = function () {
         return { error: true };
     };
-    ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
+    ErrorBoundary.prototype.componentDidCatch = function (error) {
         var _a, _b;
-        (_b = (_a = this.props).captureException) === null || _b === void 0 ? void 0 : _b.call(_a, errorInfo, error);
+        (_b = (_a = this.props).captureException) === null || _b === void 0 ? void 0 : _b.call(_a, error);
     };
     ErrorBoundary.prototype.handleReloadPage = function () {
         location.reload();

package/package.json

@@ -2,7 +2,7 @@
   "name": "@astral/ui",
   "browser": "./src/index.ts",
   "dependencies": {
-    "@astral/icons": "^1.16.0",
+    "@astral/icons": "^1.16.2",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",
@@ -31,7 +31,7 @@
       "require": "./server/index.js"
     }
   },
-  "version": "1.16.0",
+  "version": "1.16.2",
   "author": "Astral.Soft",
   "license": "MIT",
   "repository": {