@astral/ui 1.4.0 → 1.6.1

package/esm/theme/components/MuiAlert.js

@@ -0,0 +1,54 @@
+export var MuiAlert = {
+    styleOverrides: {
+        filledSuccess: function (_a) {
+            var theme = _a.theme;
+            return {
+                backgroundColor: theme.palette.success.light,
+                color: theme.palette.text.primary,
+                svg: {
+                    color: theme.palette.green['900'],
+                },
+            };
+        },
+        filledError: function (_a) {
+            var theme = _a.theme;
+            return {
+                backgroundColor: theme.palette.error.light,
+                color: theme.palette.text.primary,
+                svg: {
+                    color: theme.palette.red['900'],
+                },
+            };
+        },
+        filledWarning: function (_a) {
+            var theme = _a.theme;
+            return {
+                backgroundColor: theme.palette.warning.light,
+                color: theme.palette.text.primary,
+                svg: {
+                    color: theme.palette.yellow['900'],
+                },
+            };
+        },
+        filledInfo: function (_a) {
+            var theme = _a.theme;
+            return {
+                backgroundColor: theme.palette.primary['100'],
+                color: theme.palette.text.primary,
+                svg: {
+                    // TODO: для варианта info в дизайн системе нет набора цветов, временно подвязался на primary
+                    // но в других темах цвета корявые
+                    color: theme.palette.primary['900'],
+                },
+            };
+        },
+        action: function (_a) {
+            var theme = _a.theme;
+            return {
+                svg: {
+                    color: "".concat(theme.palette.text.primary, " !important"),
+                },
+            };
+        },
+    },
+};

package/esm/theme/components/components.js

@@ -1,3 +1,4 @@
+import { MuiAlert } from './MuiAlert';
 import { MuiButton } from './MuiButton';
 import { MuiButtonBase } from './MuiButtonBase';
 import { MuiLoadingButton } from './MuiLoadingButton';
@@ -36,6 +37,7 @@ var MuiRadio = {
 };
 export var getComponents = function (fontUrls) { return ({
     MuiCssBaseline: getMuiCssBaseline(fontUrls),
+    MuiAlert: MuiAlert,
     MuiButton: MuiButton,
     MuiButtonBase: MuiButtonBase,
     MuiLoadingButton: MuiLoadingButton,

package/esm/theme/palette/palette.js

@@ -80,7 +80,7 @@ export var getPalette = function (brand) {
         },
         text: {
             primary: '#072D57',
-            secondary: '#072D57',
+            secondary: '#557192',
             disabled: '#99A9BA',
         },
         grey: {

package/index.d.ts

@@ -1,4 +1,5 @@
 export * from './ActionCell';
+export * from './Alert';
 export * from './Autocomplete';
 export * from './Badge';
 export * from './Button';
@@ -63,6 +64,7 @@ export * from './SideDialogActions';
 export * from './SideDialogContent';
 export * from './SideDialogContentText';
 export * from './Slide';
+export * from './SwipeableDrawer';
 export * from './Zoom';
 export * from './Notification';
 export * from './LocalizationProvider';

package/index.js

@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ActionCell"), exports);
+__exportStar(require("./Alert"), exports);
 __exportStar(require("./Autocomplete"), exports);
 __exportStar(require("./Badge"), exports);
 __exportStar(require("./Button"), exports);
@@ -79,6 +80,7 @@ __exportStar(require("./SideDialogActions"), exports);
 __exportStar(require("./SideDialogContent"), exports);
 __exportStar(require("./SideDialogContentText"), exports);
 __exportStar(require("./Slide"), exports);
+__exportStar(require("./SwipeableDrawer"), exports);
 __exportStar(require("./Zoom"), exports);
 __exportStar(require("./Notification"), exports);
 __exportStar(require("./LocalizationProvider"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "1.4.0",
+  "version": "1.6.1",
   "browser": "./src/index.ts",
   "jest": {
     "moduleNameMapper": {
@@ -8,7 +8,7 @@
     }
   },
   "dependencies": {
-    "@astral/icons": "^1.4.0",
+    "@astral/icons": "^1.6.1",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",

package/theme/components/MuiAlert.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
+export declare const MuiAlert: Components<Theme>['MuiAlert'];

package/theme/components/MuiAlert.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiAlert = void 0;
+exports.MuiAlert = {
+    styleOverrides: {
+        filledSuccess: function (_a) {
+            var theme = _a.theme;
+            return {
+                backgroundColor: theme.palette.success.light,
+                color: theme.palette.text.primary,
+                svg: {
+                    color: theme.palette.green['900'],
+                },
+            };
+        },
+        filledError: function (_a) {
+            var theme = _a.theme;
+            return {
+                backgroundColor: theme.palette.error.light,
+                color: theme.palette.text.primary,
+                svg: {
+                    color: theme.palette.red['900'],
+                },
+            };
+        },
+        filledWarning: function (_a) {
+            var theme = _a.theme;
+            return {
+                backgroundColor: theme.palette.warning.light,
+                color: theme.palette.text.primary,
+                svg: {
+                    color: theme.palette.yellow['900'],
+                },
+            };
+        },
+        filledInfo: function (_a) {
+            var theme = _a.theme;
+            return {
+                backgroundColor: theme.palette.primary['100'],
+                color: theme.palette.text.primary,
+                svg: {
+                    // TODO: для варианта info в дизайн системе нет набора цветов, временно подвязался на primary
+                    // но в других темах цвета корявые
+                    color: theme.palette.primary['900'],
+                },
+            };
+        },
+        action: function (_a) {
+            var theme = _a.theme;
+            return {
+                svg: {
+                    color: "".concat(theme.palette.text.primary, " !important"),
+                },
+            };
+        },
+    },
+};

package/theme/components/components.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponents = void 0;
+var MuiAlert_1 = require("./MuiAlert");
 var MuiButton_1 = require("./MuiButton");
 var MuiButtonBase_1 = require("./MuiButtonBase");
 var MuiLoadingButton_1 = require("./MuiLoadingButton");
@@ -39,6 +40,7 @@ var MuiRadio = {
 };
 var getComponents = function (fontUrls) { return ({
     MuiCssBaseline: getMuiCssBaseline(fontUrls),
+    MuiAlert: MuiAlert_1.MuiAlert,
     MuiButton: MuiButton_1.MuiButton,
     MuiButtonBase: MuiButtonBase_1.MuiButtonBase,
     MuiLoadingButton: MuiLoadingButton_1.MuiLoadingButton,

package/theme/palette/palette.js

@@ -83,7 +83,7 @@ var getPalette = function (brand) {
         },
         text: {
             primary: '#072D57',
-            secondary: '#072D57',
+            secondary: '#557192',
             disabled: '#99A9BA',
         },
         grey: {