@astral/ui 4.37.0 → 4.37.2

package/node/components/Typography/Typography.d.ts

@@ -12,4 +12,5 @@ export declare const Typography: import("react").ForwardRefExoticComponent<impor
     colorIntensity?: import("./types").Intensity | undefined;
     component?: ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement>>;

package/node/components/Typography/Typography.js

@@ -3,9 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Typography = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const classNames_1 = require("../utils/classNames");
+const constants_1 = require("./constants");
 const hooks_1 = require("./hooks");
 const styles_1 = require("./styles");
-exports.Typography = (0, react_1.forwardRef)(({ children, color, colorIntensity = '800', component, ...props }, ref) => {
+exports.Typography = (0, react_1.forwardRef)(({ children, color, colorIntensity = '800', component, withoutCalt, className, ...props }, ref) => {
     const typographyColor = (0, hooks_1.useTypographyColor)({ color, colorIntensity });
-    return ((0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, children: children }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, className: (0, classNames_1.classNames)(className, {
+            [constants_1.typographyClassnames.withoutCalt]: withoutCalt,
+        }), children: children }));
 });

package/node/components/Typography/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const typographyClassnames: {
+    withoutCalt: string;
+};

package/node/components/Typography/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typographyClassnames = void 0;
+exports.typographyClassnames = {
+    withoutCalt: 'typography_without-calt',
+};

package/node/components/Typography/styles.js

@@ -6,8 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TypographyWrapper = void 0;
 const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const styled_1 = require("../styled");
+const constants_1 = require("./constants");
 exports.TypographyWrapper = (0, styled_1.styled)(Typography_1.default, {
     shouldForwardProp: (prop) => prop !== 'isUpperCase',
 }) `
   text-transform: ${({ isUpperCase }) => (isUpperCase ? 'uppercase' : 'none')};
+
+  .${constants_1.typographyClassnames.withoutCalt} {
+    font-feature-settings: "calt" 0;
+  }
 `;

package/node/components/Typography/types.d.ts

@@ -31,4 +31,8 @@ export type TypographyProps = TypographyPropsBase & {
      * @default false
      */
     isUpperCase?: boolean;
+    /**
+     * Отключает контекстные альтернативы шрифта. Подробнее в [документации](https://ui-kit.astral.ru/?path=/docs/getting-started-fonts--docs)
+     */
+    withoutCalt?: boolean;
 } & HTMLAttributes<HTMLParagraphElement>;

package/node/components/WelcomeScreen/styles.d.ts

@@ -21,6 +21,7 @@ export declare const Greeting: import("@emotion/styled/dist/declarations/src/typ
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -30,6 +31,7 @@ export declare const UserName: import("@emotion/styled/dist/declarations/src/typ
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/fileUploading/FileInfo/styles.d.ts

@@ -348,6 +348,7 @@ export declare const FileSize: import("@emotion/styled/dist/declarations/src/typ
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/placeholders/Placeholder/styles.d.ts

@@ -17,6 +17,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & WithSize, {}, {}>;
@@ -26,6 +27,7 @@ export declare const Description: import("@emotion/styled/dist/declarations/src/
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & WithSize, {}, {}>;

package/node/components/theme/components/MuiButton.js

@@ -450,6 +450,16 @@ exports.MuiButton = {
                     selected,
                     disabled,
                 }),
+                [`&.${Button_1.buttonClasses.disabled}`]: {
+                    color: theme.palette.grey['500'],
+                    backgroundColor: (0, exports.getButtonDisabledBackgroundColor)({
+                        theme,
+                        variant,
+                    }),
+                    pointerEvents: 'none',
+                    cursor: 'unset',
+                    border: 'unset',
+                },
                 [`&.${Button_2.buttonClassnames.loading}`]: {
                     color: 'transparent',
                     pointerEvents: 'none',
@@ -460,18 +470,22 @@ exports.MuiButton = {
                         theme,
                         buttonState: Button_2.ButtonStates.Default,
                     }),
-                },
-                [`&.${Button_1.buttonClasses.disabled}`]: {
-                    color: theme.palette.grey['500'],
-                    backgroundColor: (0, exports.getButtonDisabledBackgroundColor)({
+                    border: getBorder({
                         theme,
                         variant,
+                        color,
+                        buttonState: Button_2.ButtonStates.Default,
+                        selected,
+                        disabled: false,
                     }),
-                    pointerEvents: 'none',
-                    cursor: 'unset',
-                    border: 'unset',
-                    [`&.${Button_2.buttonClassnames.loading}`]: {
-                        color: 'transparent',
+                    [`&.${Button_2.buttonClassnames.disabled}`]: {
+                        backgroundColor: (0, exports.getButtonDisabledBackgroundColor)({
+                            theme,
+                            variant,
+                        }),
+                        pointerEvents: 'none',
+                        cursor: 'unset',
+                        border: 'unset',
                     },
                 },
                 gap: theme.spacing(2),

package/node/hook-form/EditableText/EditingForm/styles.d.ts

@@ -9,6 +9,7 @@ export declare const Description: import("@emotion/styled/dist/declarations/src/
     colorIntensity?: import("../../../components/Typography").Intensity | undefined;
     component?: import("../../../components/Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/hook-form/EditableText/styles.d.ts

@@ -5,6 +5,7 @@ export declare const DisplayValue: import("@emotion/styled/dist/declarations/src
     colorIntensity?: import("../../components/Typography").Intensity | undefined;
     component?: import("../../components/Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.37.0",
+  "version": "4.37.2",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {