@astral/ui 0.1.1 → 0.2.1

package/node/src/theme/components/MuiInputBase.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiInputBase = void 0;
+exports.MuiInputBase = {
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                '&.MuiInputBase-colorSuccess + .MuiFormHelperText-root': {
+                    color: theme.palette.green[800],
+                },
+            };
+        },
+    },
+};
+exports.default = exports.MuiInputBase;

package/node/src/theme/components/MuiInputLabel.d.ts

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

package/node/src/theme/components/MuiInputLabel.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiInputLabel = void 0;
+exports.MuiInputLabel = {
+    defaultProps: {
+        shrink: true,
+    },
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                position: 'relative',
+                transform: 'none',
+                color: theme.palette.grey[700],
+                fontWeight: theme.typography.fontWeightMedium,
+                fontSize: theme.typography.pxToRem(12),
+                lineHeight: theme.typography.pxToRem(16),
+                marginBottom: theme.spacing(1),
+                '&.Mui-focused': {
+                    color: theme.palette.grey[700],
+                },
+                '&.Mui-error': {
+                    color: theme.palette.grey[700],
+                },
+                '&.Mui-disabled': {
+                    color: theme.palette.grey[600],
+                },
+            };
+        },
+    },
+};
+exports.default = exports.MuiInputLabel;

package/node/src/theme/components/MuiOutlinedInput.d.ts

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

package/node/src/theme/components/MuiOutlinedInput.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiOutlinedInput = void 0;
+exports.MuiOutlinedInput = {
+    defaultProps: {
+        notched: false,
+    },
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                fontSize: theme.typography.pxToRem(14),
+                borderRadius: theme.shape.small,
+                color: theme.palette.grey[900],
+                background: theme.palette.background.element,
+                '&:hover': {
+                    // FIXME: to theme
+                    background: '#EEF1F4',
+                },
+                '&:hover .MuiOutlinedInput-notchedOutline': {
+                    borderColor: theme.palette.grey[300],
+                },
+                '&.Mui-disabled .MuiOutlinedInput-notchedOutline': {
+                    borderColor: theme.palette.background.element,
+                },
+                '&.Mui-error .MuiOutlinedInput-notchedOutline': {
+                    borderColor: theme.palette.error.dark,
+                },
+                '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+                    borderColor: theme.palette.primary[700],
+                },
+            };
+        },
+        input: function (_a) {
+            var theme = _a.theme;
+            return {
+                padding: theme.spacing(2.5, 2),
+                borderRadius: theme.shape.small,
+                '&:disabled': {
+                    background: theme.palette.background.element,
+                },
+                '&::placeholder': {
+                    opacity: 1,
+                    color: theme.palette.grey[600],
+                },
+            };
+        },
+        inputSizeSmall: function (_a) {
+            var theme = _a.theme;
+            return {
+                paddingBlock: theme.spacing(2),
+                paddingInline: theme.spacing(1.5),
+            };
+        },
+        notchedOutline: function (_a) {
+            var theme = _a.theme;
+            return {
+                borderWidth: '2px',
+                borderColor: theme.palette.grey[300],
+            };
+        },
+    },
+};
+exports.default = exports.MuiOutlinedInput;

package/node/src/theme/components/MuiTypography.d.ts

@@ -0,0 +1,21 @@
+import { Components } from '@mui/material';
+export declare type FontsUrls = {
+    bold: {
+        woff: string;
+        woff2: string;
+    };
+    light: {
+        woff: string;
+        woff2: string;
+    };
+    medium: {
+        woff: string;
+        woff2: string;
+    };
+    regular: {
+        woff: string;
+        woff2: string;
+    };
+};
+export declare const MuiTypography: Components['MuiTypography'];
+export default MuiTypography;

package/node/src/theme/components/MuiTypography.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiTypography = void 0;
+exports.MuiTypography = {
+    variants: [
+        {
+            props: { variant: 'button' },
+            style: {
+                textTransform: 'capitalize',
+            },
+        },
+    ],
+    defaultProps: {
+        // TODO: необходимо кастомизировать типы Components['MuiTypography']
+        variantMapping: {
+            link: 'a',
+            code: 'code',
+        },
+    },
+};
+exports.default = exports.MuiTypography;

package/{cjs/src/theme → node/src/theme/components}/components.d.ts

@@ -1,4 +1,5 @@
 import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
 export declare type FontsUrls = {
     bold: {
         woff: string;
@@ -17,4 +18,4 @@ export declare type FontsUrls = {
         woff2: string;
     };
 };
-export declare const getComponents: (fontUrls: FontsUrls) => Components;
+export declare const getComponents: (fontUrls: FontsUrls) => Components<Theme>;

package/node/src/theme/components/components.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponents = void 0;
+var MuiInputBase_1 = require("./MuiInputBase");
+var MuiFormHelperText_1 = require("./MuiFormHelperText");
+var MuiFormLabel_1 = require("./MuiFormLabel");
+var MuiInputLabel_1 = require("./MuiInputLabel");
+var MuiOutlinedInput_1 = require("./MuiOutlinedInput");
+var MuiTypography_1 = require("./MuiTypography");
+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 = {
+    defaultProps: {
+        disableRipple: true,
+    },
+};
+var MuiMenu = {
+    defaultProps: {
+        autoFocus: false,
+    },
+    styleOverrides: {
+        paper: function (_a) {
+            var theme = _a.theme;
+            return {
+                marginTop: theme.spacing(2),
+                '&.MuiPaper-root': {
+                    borderRadius: theme.shape.small,
+                    boxShadow: theme.elevation[200],
+                },
+            };
+        },
+        list: function (_a) {
+            var theme = _a.theme;
+            return {
+                padding: theme.spacing(1, 0),
+            };
+        },
+    },
+};
+var MuiMenuItem = {
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                '&:hover': {
+                    backgroundColor: theme.palette.background.elementHover,
+                },
+            };
+        },
+    },
+};
+var getComponents = function (fontUrls) { return ({
+    MuiCssBaseline: getMuiCssBaseline(fontUrls),
+    MuiTypography: MuiTypography_1.MuiTypography,
+    MuiInputBase: MuiInputBase_1.MuiInputBase,
+    MuiInputLabel: MuiInputLabel_1.MuiInputLabel,
+    MuiOutlinedInput: MuiOutlinedInput_1.MuiOutlinedInput,
+    MuiFormLabel: MuiFormLabel_1.MuiFormLabel,
+    MuiFormHelperText: MuiFormHelperText_1.MuiFormHelperText,
+    MuiCheckbox: MuiCheckbox,
+    MuiMenu: MuiMenu,
+    MuiMenuItem: MuiMenuItem,
+}); };
+exports.getComponents = getComponents;

package/node/src/theme/components/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/node/src/theme/components/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);

package/node/src/theme/elevation.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.elevation = void 0;
+exports.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;',
+    400: '0px 0px 1px 0px #072D574F, 0px 10px 18px 0px #072D5726;',
+    500: '0px 0px 1px 0px #072D574F, 0px 18px 28px 0px #072D5726;',
+};

package/node/src/theme/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useTheme';

package/node/src/theme/hooks/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useTheme"), exports);

package/node/src/theme/hooks/useTheme/index.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../../baseTheme';
+export declare const useTheme: () => Theme;

package/node/src/theme/hooks/useTheme/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = void 0;
+var react_1 = require("@emotion/react");
+var useTheme = function () { return (0, react_1.useTheme)(); };
+exports.useTheme = useTheme;

package/{cjs → node}/src/theme/index.d.ts

@@ -3,3 +3,4 @@ export * from './palette';
 export * from './constants';
 export * from './elevation';
 export * from './shape';
+export * from './hooks';

package/{cjs → node}/src/theme/index.js

@@ -15,3 +15,4 @@ __exportStar(require("./palette"), exports);
 __exportStar(require("./constants"), exports);
 __exportStar(require("./elevation"), exports);
 __exportStar(require("./shape"), exports);
+__exportStar(require("./hooks"), exports);

package/{cjs → node}/src/theme/palette/palette.d.ts

@@ -13,7 +13,7 @@ export declare type Color = {
     100: string;
 };
 export declare type PrimaryColorOptions = PaletteColorOptions & Color;
-declare type Background = TypeBackground & {
+export declare type Background = TypeBackground & {
     element: string;
     elementHover: string;
 };

package/{cjs → node}/src/theme/typography.js

@@ -5,7 +5,7 @@ var HTML_FONT_SIZE = 14;
 // Т.к. нет досутпа к теме, написал функцию для конвертации px в rem
 var pxToRem = function (fontSize, htmlFontSize) {
     if (htmlFontSize === void 0) { htmlFontSize = HTML_FONT_SIZE; }
-    return fontSize / htmlFontSize + "rem";
+    return "".concat(fontSize / htmlFontSize, "rem");
 };
 exports.pxToRem = pxToRem;
 exports.typography = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "type": "module",
   "source": "./src/index.ts",
   "jest": {
@@ -9,6 +9,7 @@
     }
   },
   "dependencies": {
+    "@astral/icons": "^1.0.0",
     "@emotion/react": "11.5.0",
     "@emotion/styled": "11.3.0",
     "@mui/base": "5.0.0-alpha.66",
@@ -30,7 +31,7 @@
   },
   "keywords": [],
   "sideEffects": false,
-  "main": "./cjs/index.js",
+  "main": "./node/index.js",
   "types": "./esm/index.d.ts",
   "module": "./esm/index.js"
 }

package/cjs/src/ButtonBase/styled.js

@@ -1,224 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledButtonBase = exports.getDisabledBgColor = exports.getButtonPadding = exports.getButtonHeight = exports.getBgColor = exports.getBgText = exports.getColor = void 0;
-var ButtonUnstyled_1 = __importStar(require("@mui/base/ButtonUnstyled"));
-var styles_1 = require("../styles");
-var constants_1 = require("./constants");
-var BACKGROUND_COLOR_VARIANTS = {
-    default: {
-        contained: '800',
-        light: '100',
-        text: '100',
-    },
-    hover: {
-        contained: '700',
-        light: '200',
-        text: '200',
-    },
-    focus: {
-        contained: '900',
-        light: '100',
-        text: '100',
-    },
-};
-var getColor = function (_a) {
-    var theme = _a.theme, customVariant = _a.customVariant, customColor = _a.customColor, buttonState = _a.buttonState;
-    var palette = theme.palette;
-    if (buttonState === constants_1.ButtonStates.ACTIVE) {
-        if (customVariant === constants_1.ButtonVariants.LINK)
-            return palette.grey['900'];
-        return palette.primary.contrastText;
-    }
-    if (customVariant === constants_1.ButtonVariants.TEXT) {
-        if (buttonState === constants_1.ButtonStates.FOCUS)
-            return theme.palette.primary.main;
-        return palette.grey['900'];
-    }
-    if (customVariant === constants_1.ButtonVariants.CONTAINED)
-        return palette.primary.contrastText;
-    if (customVariant === constants_1.ButtonVariants.LIGHT) {
-        if (customColor === constants_1.ButtonColors.PRIMARY) {
-            if (buttonState === constants_1.ButtonStates.DEFAULT)
-                return palette.grey['900'];
-            if (buttonState === constants_1.ButtonStates.HOVER)
-                return palette.grey['900'];
-            if (buttonState === constants_1.ButtonStates.FOCUS)
-                return palette.primary['800'];
-        }
-        if (customColor === constants_1.ButtonColors.ERROR)
-            return palette.red['900'];
-        if (customColor === constants_1.ButtonColors.SUCCESS)
-            return palette.green['900'];
-        if (customColor === constants_1.ButtonColors.WARNING)
-            return palette.yellow['900'];
-        return palette.grey['900'];
-    }
-    if (customVariant === constants_1.ButtonVariants.LINK) {
-        if (buttonState === constants_1.ButtonStates.DEFAULT)
-            return palette.primary['800'];
-        if (buttonState === constants_1.ButtonStates.HOVER)
-            return palette.primary['700'];
-        if (buttonState === constants_1.ButtonStates.FOCUS)
-            return palette.primary.dark;
-        return palette.primary.main;
-    }
-    return palette.grey['900'];
-};
-exports.getColor = getColor;
-var getBgText = function (_a) {
-    var palette = _a.palette, buttonState = _a.buttonState, colorVariant = _a.colorVariant;
-    if (buttonState === constants_1.ButtonStates.HOVER)
-        return palette.grey[colorVariant];
-    if (buttonState === constants_1.ButtonStates.FOCUS)
-        return palette.primary[colorVariant];
-    return 'transparent';
-};
-exports.getBgText = getBgText;
-var getBgContained = function (_a) {
-    var palette = _a.palette, colorVariant = _a.colorVariant, customColor = _a.customColor;
-    if (customColor === constants_1.ButtonColors.ERROR)
-        return palette.red[colorVariant];
-    if (customColor === constants_1.ButtonColors.SUCCESS)
-        return palette.green[colorVariant];
-    if (customColor === constants_1.ButtonColors.WARNING)
-        return palette.yellow[colorVariant];
-    if (customColor === constants_1.ButtonColors.PRIMARY)
-        return palette.primary[colorVariant];
-    return 'transparent';
-};
-var getBgLight = function (_a) {
-    var palette = _a.palette, colorVariant = _a.colorVariant, buttonState = _a.buttonState, customColor = _a.customColor;
-    if (customColor === constants_1.ButtonColors.PRIMARY) {
-        if (buttonState === constants_1.ButtonStates.DEFAULT)
-            return palette.grey[colorVariant];
-        if (buttonState === constants_1.ButtonStates.HOVER)
-            return palette.grey[colorVariant];
-        if (buttonState === constants_1.ButtonStates.FOCUS)
-            return palette.primary[colorVariant];
-    }
-    if (customColor === constants_1.ButtonColors.ERROR)
-        return palette.red[colorVariant];
-    if (customColor === constants_1.ButtonColors.SUCCESS)
-        return palette.green[colorVariant];
-    if (customColor === constants_1.ButtonColors.WARNING)
-        return palette.yellow[colorVariant];
-    return 'transparent';
-};
-var getBgColor = function (_a) {
-    var customColor = _a.customColor, customVariant = _a.customVariant, buttonState = _a.buttonState, theme = _a.theme;
-    var palette = theme.palette;
-    if (customVariant === constants_1.ButtonVariants.LINK)
-        return 'transparent';
-    if (buttonState === constants_1.ButtonStates.ACTIVE)
-        return palette.grey['900'];
-    var containedColor = BACKGROUND_COLOR_VARIANTS[buttonState].contained;
-    var lightColor = BACKGROUND_COLOR_VARIANTS[buttonState].light;
-    var textColor = BACKGROUND_COLOR_VARIANTS[buttonState].text;
-    if (customVariant === constants_1.ButtonVariants.TEXT)
-        return (0, exports.getBgText)({ buttonState: buttonState, palette: palette, colorVariant: textColor });
-    if (customVariant === constants_1.ButtonVariants.CONTAINED)
-        return getBgContained({
-            palette: palette,
-            customColor: customColor,
-            colorVariant: containedColor,
-        });
-    if (customVariant === constants_1.ButtonVariants.LIGHT)
-        return getBgLight({
-            palette: palette,
-            buttonState: buttonState,
-            customColor: customColor,
-            colorVariant: lightColor,
-        });
-    return 'transparent';
-};
-exports.getBgColor = getBgColor;
-var getButtonHeight = function (_a) {
-    var size = _a.size;
-    if (size === constants_1.ButtonSizes.LARGE)
-        return '40px';
-    return '32px';
-};
-exports.getButtonHeight = getButtonHeight;
-var getButtonPadding = function (_a) {
-    var size = _a.size, theme = _a.theme;
-    if (size === constants_1.ButtonSizes.LARGE)
-        return theme.spacing(2, 4, 2, 4);
-    return theme.spacing(1, 3, 1, 3);
-};
-exports.getButtonPadding = getButtonPadding;
-var getDisabledBgColor = function (_a) {
-    var theme = _a.theme, customVariant = _a.customVariant;
-    if (customVariant === constants_1.ButtonVariants.LINK ||
-        customVariant === constants_1.ButtonVariants.TEXT)
-        return 'transparent';
-    return theme.palette.grey['100'];
-};
-exports.getDisabledBgColor = getDisabledBgColor;
-exports.StyledButtonBase = (0, styles_1.styled)(ButtonUnstyled_1.default, {
-    shouldForwardProp: function (prop) {
-        return prop !== 'customColor' && prop !== 'customVariant';
-    },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: none;\n  font-family: Ubuntu, serif;\n  padding: ", ";\n  height: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: ", ";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.", " {\n    cursor: unset;\n    background-color: ", ";\n    color: ", ";\n  }\n"], ["\n  border: none;\n  font-family: Ubuntu, serif;\n  padding: ", ";\n  height: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: ", ";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.", " {\n    cursor: unset;\n    background-color: ", ";\n    color: ", ";\n  }\n"])), exports.getButtonPadding, exports.getButtonHeight, function (_a) {
-    var theme = _a.theme;
-    return theme.shape.small;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.button.fontSize;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.button.fontWeight;
-}, function (props) {
-    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.DEFAULT }));
-}, function (props) {
-    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.DEFAULT }));
-}, function (props) {
-    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.HOVER }));
-}, function (props) {
-    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.HOVER }));
-}, function (props) {
-    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.FOCUS }));
-}, function (props) {
-    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.FOCUS }));
-}, function (props) {
-    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.ACTIVE }));
-}, function (props) {
-    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.ACTIVE }));
-}, ButtonUnstyled_1.buttonUnstyledClasses.disabled, exports.getDisabledBgColor, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey['500'];
-});
-var templateObject_1;

package/cjs/src/theme/components.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getComponents = void 0;
-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(" + fontUrls.light.woff2 + ") format('woff2'), url(" + 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(" + fontUrls.regular.woff2 + ") format('woff2'), url(" + 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(" + fontUrls.medium.woff2 + ") format('woff2'), url(" + 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(" + fontUrls.bold.woff2 + ") format('woff2'), url(" + fontUrls.bold.woff + ") format('woff');\n    }\n  ",
-}); };
-var getMuiTypography = function () { return ({
-    variants: [
-        {
-            props: { variant: 'button' },
-            style: {
-                textTransform: 'capitalize',
-            },
-        },
-    ],
-    defaultProps: {
-        // TODO: необходимо кастомизировать типы Components['MuiTypography']
-        variantMapping: {
-            link: 'a',
-            code: 'code',
-        },
-    },
-}); };
-var getComponents = function (fontUrls) { return ({
-    MuiCssBaseline: getMuiCssBaseline(fontUrls),
-    MuiTypography: getMuiTypography(),
-}); };
-exports.getComponents = getComponents;