@astral/ui 1.16.3 → 1.18.0

package/esm/theme/components/MuiListItemText.js

@@ -1,6 +1,6 @@
-export var MuiListItemText = {
+export const MuiListItemText = {
     styleOverrides: {
-        root: function () {
+        root() {
             return {
                 overflow: 'hidden',
                 whiteSpace: 'nowrap',

package/esm/theme/components/MuiLoadingButton.js

@@ -1,26 +1,24 @@
 import { loadingButtonClasses } from '@mui/lab';
 import { ButtonStates } from '../../ButtonBase';
 import { getBgColor } from '../../ButtonBase/styles';
-export var MuiLoadingButton = {
+export const MuiLoadingButton = {
     defaultProps: {
         disableRipple: true,
     },
     styleOverrides: {
-        root: function (_a) {
-            var _b;
-            var ownerState = _a.ownerState, theme = _a.theme;
-            var customVariant = ownerState.variant;
-            var customColor = ownerState.color;
-            return _b = {},
-                _b["&.".concat(loadingButtonClasses.loading)] = {
+        root({ ownerState, theme }) {
+            const customVariant = ownerState.variant;
+            const customColor = ownerState.color;
+            return {
+                [`&.${loadingButtonClasses.loading}`]: {
                     backgroundColor: getBgColor({
-                        customColor: customColor,
-                        customVariant: customVariant,
-                        theme: theme,
+                        customColor,
+                        customVariant,
+                        theme,
                         buttonState: ButtonStates.Default,
                     }),
                 },
-                _b;
+            };
         },
     },
 };

package/esm/theme/components/MuiMenu.js

@@ -1,10 +1,9 @@
-export var MuiMenu = {
+export const MuiMenu = {
     defaultProps: {
         autoFocus: false,
     },
     styleOverrides: {
-        paper: function (_a) {
-            var theme = _a.theme;
+        paper({ theme }) {
             return {
                 marginTop: theme.spacing(2),
                 '&.MuiPaper-root': {
@@ -13,8 +12,7 @@ export var MuiMenu = {
                 },
             };
         },
-        list: function (_a) {
-            var theme = _a.theme;
+        list({ theme }) {
             return {
                 padding: theme.spacing(1, 0),
             };

package/esm/theme/components/MuiMenuItem.js

@@ -1,7 +1,6 @@
-export var MuiMenuItem = {
+export const MuiMenuItem = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 '&:hover': {
                     backgroundColor: theme.palette.background.elementHover,

package/esm/theme/components/MuiOutlinedInput.js

@@ -1,10 +1,9 @@
-export var MuiOutlinedInput = {
+export const MuiOutlinedInput = {
     defaultProps: {
         notched: false,
     },
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 fontSize: theme.typography.pxToRem(14),
                 borderRadius: theme.shape.small,
@@ -30,8 +29,7 @@ export var MuiOutlinedInput = {
                 },
             };
         },
-        input: function (_a) {
-            var theme = _a.theme;
+        input({ theme }) {
             return {
                 height: 20,
                 padding: theme.spacing(2.5, 2),
@@ -45,27 +43,24 @@ export var MuiOutlinedInput = {
                 },
             };
         },
-        inputSizeSmall: function (_a) {
-            var theme = _a.theme;
+        inputSizeSmall({ theme }) {
             return {
                 paddingBlock: theme.spacing(1.5),
                 paddingInline: theme.spacing(2),
             };
         },
-        notchedOutline: function (_a) {
-            var theme = _a.theme;
+        notchedOutline({ theme }) {
             return {
                 borderWidth: 2,
                 borderColor: theme.palette.grey[300],
             };
         },
-        multiline: function () {
+        multiline() {
             return {
                 padding: 0,
             };
         },
-        inputMultiline: function (_a) {
-            var theme = _a.theme;
+        inputMultiline({ theme }) {
             return {
                 padding: theme.spacing(2),
             };

package/esm/theme/components/MuiPaginationItem.js

@@ -1,14 +1,12 @@
-export var MuiPaginationItem = {
+export const MuiPaginationItem = {
     styleOverrides: {
-        root: function (_a) {
-            var _b;
-            var theme = _a.theme;
-            return _b = {},
-                _b['&.Mui-selected'] = {
+        root({ theme }) {
+            return {
+                ['&.Mui-selected']: {
                     backgroundColor: theme.palette.grey['900'],
                     color: theme.palette.primary.contrastText,
                 },
-                _b;
+            };
         },
     },
 };

package/esm/theme/components/MuiTab.js

@@ -1,7 +1,6 @@
-export var MuiTab = {
+export const MuiTab = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 minWidth: 0,
                 padding: theme.spacing(0, 2),

package/esm/theme/components/MuiTableCell.js

@@ -1,6 +1,6 @@
-export var MuiTableCell = {
+export const MuiTableCell = {
     styleOverrides: {
-        root: function () {
+        root() {
             return {
                 border: 'none',
             };

package/esm/theme/components/MuiTableHead.js

@@ -1,10 +1,9 @@
-export var MuiTableHead = {
+export const MuiTableHead = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 th: {
-                    borderBottom: "2px solid ".concat(theme.palette.grey['300']),
+                    borderBottom: `2px solid ${theme.palette.grey['300']}`,
                 },
             };
         },

package/esm/theme/components/MuiTableRow.js

@@ -1,7 +1,6 @@
-export var MuiTableRow = {
+export const MuiTableRow = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 '&.MuiTableRow-hover:hover': {
                     backgroundColor: theme.palette.background.elementHover,

package/esm/theme/components/MuiTabs.js

@@ -1,13 +1,12 @@
-export var MuiTabs = {
+export const MuiTabs = {
     styleOverrides: {
-        root: function () {
+        root() {
             return {
                 minHeight: 38,
                 height: 38,
             };
         },
-        indicator: function (_a) {
-            var theme = _a.theme;
+        indicator({ theme }) {
             return {
                 borderRadius: theme.shape.small,
             };

package/esm/theme/components/MuiTypography.js

@@ -1,4 +1,4 @@
-export var MuiTypography = {
+export const MuiTypography = {
     variants: [
         {
             props: { variant: 'button' },

package/esm/theme/components/components.js

@@ -24,47 +24,76 @@ import { MuiListItemButton } from './MuiListItemButton';
 import { MuiListItemText } from './MuiListItemText';
 import { MuiTab } from './MuiTab';
 import { MuiTabs } from './MuiTabs';
-var getMuiCssBaseline = function (fontUrls) { return ({
-    styleOverrides: "\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 300;\n      font-display: swap;\n      src: url(".concat(fontUrls.light.woff2, ") format('woff2'), url(").concat(fontUrls.light.woff, ") format('woff');\n    }\n    @font-face { \n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 400;\n      font-display: swap;\n      src: url(").concat(fontUrls.regular.woff2, ") format('woff2'), url(").concat(fontUrls.regular.woff, ") format('woff');\n    }\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 500;\n      font-display: swap;\n      src: url(").concat(fontUrls.medium.woff2, ") format('woff2'), url(").concat(fontUrls.medium.woff, ") format('woff');\n    }\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 700;\n      font-display: swap;\n      src: url(").concat(fontUrls.bold.woff2, ") format('woff2'), url(").concat(fontUrls.bold.woff, ") format('woff');\n    }\n  "),
-}); };
-var MuiCheckbox = {
+const getMuiCssBaseline = (fontUrls) => ({
+    styleOverrides: `
+    @font-face {
+      font-family: 'Ubuntu';
+      font-style: 'normal';
+      font-weight: 300;
+      font-display: swap;
+      src: url(${fontUrls.light.woff2}) format('woff2'), url(${fontUrls.light.woff}) format('woff');
+    }
+    @font-face { 
+      font-family: 'Ubuntu';
+      font-style: 'normal';
+      font-weight: 400;
+      font-display: swap;
+      src: url(${fontUrls.regular.woff2}) format('woff2'), url(${fontUrls.regular.woff}) format('woff');
+    }
+    @font-face {
+      font-family: 'Ubuntu';
+      font-style: 'normal';
+      font-weight: 500;
+      font-display: swap;
+      src: url(${fontUrls.medium.woff2}) format('woff2'), url(${fontUrls.medium.woff}) format('woff');
+    }
+    @font-face {
+      font-family: 'Ubuntu';
+      font-style: 'normal';
+      font-weight: 700;
+      font-display: swap;
+      src: url(${fontUrls.bold.woff2}) format('woff2'), url(${fontUrls.bold.woff}) format('woff');
+    }
+  `,
+});
+const MuiCheckbox = {
     defaultProps: {
         disableRipple: true,
     },
 };
-var MuiRadio = {
+const MuiRadio = {
     defaultProps: {
         disableRipple: true,
     },
 };
-export var getComponents = function (fontUrls) { return ({
+export const getComponents = (fontUrls) => ({
     MuiCssBaseline: getMuiCssBaseline(fontUrls),
-    MuiAlert: MuiAlert,
-    MuiButton: MuiButton,
-    MuiButtonBase: MuiButtonBase,
-    MuiLoadingButton: MuiLoadingButton,
-    MuiTypography: MuiTypography,
-    MuiInputBase: MuiInputBase,
-    MuiInputLabel: MuiInputLabel,
-    MuiOutlinedInput: MuiOutlinedInput,
-    MuiFormLabel: MuiFormLabel,
-    MuiFormHelperText: MuiFormHelperText,
-    MuiAutocomplete: MuiAutocomplete,
-    MuiCheckbox: MuiCheckbox,
-    MuiMenu: MuiMenu,
-    MuiMenuItem: MuiMenuItem,
-    MuiRadio: MuiRadio,
-    MuiDialog: MuiDialog,
-    MuiDialogTitle: MuiDialogTitle,
-    MuiDialogContent: MuiDialogContent,
-    MuiDialogActions: MuiDialogActions,
-    MuiTableCell: MuiTableCell,
-    MuiTableHead: MuiTableHead,
-    MuiTableRow: MuiTableRow,
-    MuiPaginationItem: MuiPaginationItem,
-    MuiCircularProgress: MuiCircularProgress,
-    MuiListItemButton: MuiListItemButton,
-    MuiListItemText: MuiListItemText,
-    MuiTab: MuiTab,
-    MuiTabs: MuiTabs,
-}); };
+    MuiAlert,
+    MuiButton,
+    MuiButtonBase,
+    MuiLoadingButton,
+    MuiTypography,
+    MuiInputBase,
+    MuiInputLabel,
+    MuiOutlinedInput,
+    MuiFormLabel,
+    MuiFormHelperText,
+    MuiAutocomplete,
+    MuiCheckbox,
+    MuiMenu,
+    MuiMenuItem,
+    MuiRadio,
+    MuiDialog,
+    MuiDialogTitle,
+    MuiDialogContent,
+    MuiDialogActions,
+    MuiTableCell,
+    MuiTableHead,
+    MuiTableRow,
+    MuiPaginationItem,
+    MuiCircularProgress,
+    MuiListItemButton,
+    MuiListItemText,
+    MuiTab,
+    MuiTabs,
+});

package/esm/theme/constants.js

@@ -8,4 +8,4 @@ export var Brand;
     Brand["SIGN"] = "SIGN";
     Brand["LKP"] = "LKP";
 })(Brand || (Brand = {}));
-export var SPACING = 4;
+export const SPACING = 4;

package/esm/theme/elevation.js

@@ -1,4 +1,4 @@
-export var elevation = {
+export const elevation = {
     100: '0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740;',
     200: '0px 0px 1px 0px #072D574F, 0px 3px 5px 0px #072D5733;',
     300: '0px 0px 1px 0px #072D574F, 0px 8px 12px 0px #072D5726;',

package/esm/theme/hooks/useTheme/index.js

@@ -1,4 +1,4 @@
 import { useTheme as useEmotionTheme } from '@emotion/react';
 // any необходим для коннекта темы
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export var useTheme = function () { return useEmotionTheme(); };
+export const useTheme = () => useEmotionTheme();

package/esm/theme/palette/brandPalette.js

@@ -1,6 +1,5 @@
-var _a;
 import { Brand } from '../constants';
-var defaultBrandPalette = {
+const defaultBrandPalette = {
     secondary: '#55B8F0',
     900: '#0F52B8',
     800: '#2165CC',
@@ -12,7 +11,7 @@ var defaultBrandPalette = {
     200: '#C5DCFF',
     100: '#E1EDFF',
 };
-var edoPalette = {
+const edoPalette = {
     secondary: '#5653FF',
     900: '#5D3FD4',
     800: '#6746EB',
@@ -24,7 +23,7 @@ var edoPalette = {
     200: '#E0D9FF',
     100: '#EFEBFF',
 };
-var kedoPalette = {
+const kedoPalette = {
     secondary: '#5653FF',
     900: '#5D3FD4',
     800: '#6746EB',
@@ -36,7 +35,7 @@ var kedoPalette = {
     200: '#E0D9FF',
     100: '#EFEBFF',
 };
-var ao5Palette = {
+const ao5Palette = {
     secondary: '#14A5D3',
     900: '#0068B2',
     800: '#0074C6',
@@ -48,7 +47,7 @@ var ao5Palette = {
     200: '#C1E2F8',
     100: '#DFF0FB',
 };
-var ofdPalette = {
+const ofdPalette = {
     secondary: '#22BDEE',
     900: '#1F78D6',
     800: '#2285EE',
@@ -60,7 +59,7 @@ var ofdPalette = {
     200: '#D1E7FF',
     100: '#E7F3FF',
 };
-var signPalette = {
+const signPalette = {
     secondary: '#4099AC',
     900: '#325D89',
     800: '#376798',
@@ -72,7 +71,7 @@ var signPalette = {
     200: '#D3E1EF',
     100: '#E8EFF7',
 };
-var lkpPalette = {
+const lkpPalette = {
     secondary: '#00BDB2',
     900: '#009E71',
     800: '#00B07E',
@@ -84,12 +83,12 @@ var lkpPalette = {
     200: '#CAF1E6',
     100: '#E3F8F2',
 };
-export var brandPalette = (_a = {},
-    _a[Brand.DEFAULT] = defaultBrandPalette,
-    _a[Brand.AO5] = ao5Palette,
-    _a[Brand.EDO] = edoPalette,
-    _a[Brand.KEDO] = kedoPalette,
-    _a[Brand.OFD] = ofdPalette,
-    _a[Brand.SIGN] = signPalette,
-    _a[Brand.LKP] = lkpPalette,
-    _a);
+export const brandPalette = {
+    [Brand.DEFAULT]: defaultBrandPalette,
+    [Brand.AO5]: ao5Palette,
+    [Brand.EDO]: edoPalette,
+    [Brand.KEDO]: kedoPalette,
+    [Brand.OFD]: ofdPalette,
+    [Brand.SIGN]: signPalette,
+    [Brand.LKP]: lkpPalette,
+};

package/esm/theme/palette/palette.js

@@ -1,19 +1,7 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { Brand } from '../constants';
 import { brandPalette } from './brandPalette';
-export var getPalette = function (brand) {
-    if (brand === void 0) { brand = Brand.DEFAULT; }
-    var brandColors = brandPalette[brand];
+export const getPalette = (brand = Brand.DEFAULT) => {
+    const brandColors = brandPalette[brand];
     return {
         red: {
             900: '#E64343',
@@ -48,7 +36,7 @@ export var getPalette = function (brand) {
             200: '#FBE6CC',
             100: '#FEF3E6',
         },
-        primary: __assign({ main: brandColors[800], dark: brandColors[900], contrastText: '#FFF' }, brandColors),
+        primary: Object.assign({ main: brandColors[800], dark: brandColors[900], contrastText: '#FFF' }, brandColors),
         secondary: {
             main: brandColors.secondary,
             dark: brandColors[900],

package/esm/theme/shape.js

@@ -1,4 +1,4 @@
-export var shape = {
+export const shape = {
     small: '3px',
     medium: '6px',
     large: '9px',

package/esm/theme/typography.js

@@ -1,10 +1,9 @@
-var HTML_FONT_SIZE = 14;
+const HTML_FONT_SIZE = 14;
 // Т.к. нет досутпа к теме, написал функцию для конвертации px в rem
-export var pxToRem = function (fontSize, htmlFontSize) {
-    if (htmlFontSize === void 0) { htmlFontSize = HTML_FONT_SIZE; }
-    return "".concat(fontSize / htmlFontSize, "rem");
+export const pxToRem = (fontSize, htmlFontSize = HTML_FONT_SIZE) => {
+    return `${fontSize / htmlFontSize}rem`;
 };
-export var typography = {
+export const typography = {
     fontSize: 14,
     htmlFontSize: 14,
     fontWeightLight: 300,

package/hooks/useMenu.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenu = void 0;
-var react_1 = require("react");
-function useMenu(ref) {
-    if (ref === void 0) { ref = null; }
-    var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
-    var anchorRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
+const react_1 = require("react");
+function useMenu(ref = null) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const anchorRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         if (!ref) {
             return;
         }
@@ -17,8 +16,8 @@ function useMenu(ref) {
             ref.current = anchorRef.current;
         }
     }, [ref]);
-    var handleCloseMenu = function () { return setOpen(false); };
-    var handleOpenMenu = function () { return setOpen(true); };
-    return { open: open, anchorRef: anchorRef, handleCloseMenu: handleCloseMenu, handleOpenMenu: handleOpenMenu };
+    const handleCloseMenu = () => setOpen(false);
+    const handleOpenMenu = () => setOpen(true);
+    return { open, anchorRef, handleCloseMenu, handleOpenMenu };
 }
 exports.useMenu = useMenu;

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@astral/ui",
+  "version": "1.18.0",
   "browser": "./src/index.ts",
+  "main": "./index.js",
   "dependencies": {
-    "@astral/icons": "^1.16.3",
+    "@astral/icons": "^1.18.0",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",
@@ -21,17 +23,6 @@
   "peerDependencies": {
     "react": ">=17.0.0"
   },
-  "exports": {
-    ".": {
-      "import": "./esm/index.js",
-      "require": "./index.js"
-    },
-    "./server": {
-      "import": "./esm/server/index.js",
-      "require": "./server/index.js"
-    }
-  },
-  "version": "1.16.3",
   "author": "Astral.Soft",
   "license": "MIT",
   "repository": {
@@ -44,6 +35,15 @@
   "keywords": [],
   "sideEffects": false,
   "types": "./esm/index.d.ts",
-  "main": "./index.js",
-  "module": "./esm/index.js"
+  "module": "./esm/index.js",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./index.js"
+    },
+    "./server": {
+      "import": "./esm/server/index.js",
+      "require": "./server/index.js"
+    }
+  }
 }

package/theme/baseTheme/baseTheme.js

@@ -1,25 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTheme = void 0;
-var styles_1 = require("@mui/material/styles");
-var lodash_es_1 = require("lodash-es");
-var typography_1 = require("../typography");
-var palette_1 = require("../palette");
-var components_1 = require("../components");
-var constants_1 = require("../constants");
-var elevation_1 = require("../elevation");
-var shape_1 = require("../shape");
-var breakpoints_1 = require("../breakpoints");
-var createTheme = function (params) {
-    var brand = params.brand, options = params.options, fontsUrls = params.fontsUrls, _a = params.breakpoints, breakpoints = _a === void 0 ? breakpoints_1.defaultBreakpoints : _a;
-    var themeOptions = {
+const styles_1 = require("@mui/material/styles");
+const lodash_es_1 = require("lodash-es");
+const typography_1 = require("../typography");
+const palette_1 = require("../palette");
+const components_1 = require("../components");
+const constants_1 = require("../constants");
+const elevation_1 = require("../elevation");
+const shape_1 = require("../shape");
+const breakpoints_1 = require("../breakpoints");
+const createTheme = (params) => {
+    const { brand, options, fontsUrls, breakpoints = breakpoints_1.defaultBreakpoints, } = params;
+    const themeOptions = {
         typography: typography_1.typography,
-        breakpoints: breakpoints,
+        breakpoints,
         spacing: constants_1.SPACING,
         palette: (0, palette_1.getPalette)(brand),
         components: (0, components_1.getComponents)(fontsUrls),
     };
-    var muiTheme = (0, styles_1.createTheme)((0, lodash_es_1.merge)({}, themeOptions, options));
+    const muiTheme = (0, styles_1.createTheme)((0, lodash_es_1.merge)({}, themeOptions, options));
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return (0, lodash_es_1.merge)(muiTheme, { elevation: elevation_1.elevation, shape: shape_1.shape });
 };