@astral/ui 4.37.0 → 4.37.2

package/components/Accordion/styles.d.ts

@@ -25,6 +25,7 @@ export declare const Summary: import("../styled").StyledComponent<import("../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/components/Alert/styles.d.ts

@@ -42,6 +42,7 @@ export declare const StyledTypography: import("../styled").StyledComponent<impor
     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;
 } & {
@@ -55,6 +56,7 @@ export declare const Title: import("../styled").StyledComponent<import("../Typog
     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/components/AutoSaveIndicator/styles.d.ts

@@ -13,6 +13,7 @@ export declare const StyledTypography: import("../styled").StyledComponent<impor
     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;
 }, {}, {}>;
@@ -31,6 +32,7 @@ export declare const IndicatorTypography: import("../styled").StyledComponent<im
     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/components/BottomDrawer/styles.d.ts

@@ -17,6 +17,7 @@ export declare const HeaderTitle: import("../styled").StyledComponent<import("@m
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement>, {}, {}>;
 export declare const Body: import("../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/components/Button/Button.js

@@ -10,9 +10,10 @@ const UnwrappedButton = (props, ref) => {
     const { variant = ButtonVariants.Contained, color = variant === ButtonVariants.Text
         ? ButtonColors.Grey
         : ButtonColors.Primary, loading, disabled, children, className, selected, ...restProps } = props;
-    return (_jsxs(StyledButton, { variant: variant, ref: ref, color: color, disabled: disabled, selected: selected, ...restProps, className: classNames(className, buttonClassnames.root, {
+    return (_jsxs(StyledButton, { variant: variant, ref: ref, color: color, disabled: disabled || loading, selected: selected, ...restProps, className: classNames(className, buttonClassnames.root, {
             [buttonClassnames.loading]: loading,
             [buttonClassnames.selected]: selected,
+            [buttonClassnames.disabled]: disabled,
         }), "aria-disabled": loading, children: [loading && (_jsx(StyledLoader, { color: loadingIndicatorColor, size: "small", "$color": color, "$variant": variant, "$isDisabled": disabled })), children] }));
 };
 export const Button = forwardRefWithGeneric(UnwrappedButton);

package/components/Button/constants.d.ts

@@ -3,4 +3,5 @@ export declare const buttonClassnames: {
     root: string;
     loading: string;
     selected: string;
+    disabled: string;
 };

package/components/Button/constants.js

@@ -4,4 +4,5 @@ export const buttonClassnames = {
     root: createUIKitClassname('button'),
     loading: createUIKitClassname('button_loading'),
     selected: createUIKitClassname('button_selected'),
+    disabled: createUIKitClassname('button_disabled'),
 };

package/components/Chip/styles.d.ts

@@ -21,6 +21,7 @@ export declare const AdornmentWrapper: import("../styled").StyledComponent<impor
     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/components/CodeField/styles.d.ts

@@ -23,6 +23,7 @@ export declare const FieldLabel: import("../styled").StyledComponent<import("../
     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/components/CollapsibleTypography/CollapsibleTypography.d.ts

@@ -29,6 +29,7 @@ export declare const CollapsibleTypography: import("react").ForwardRefExoticComp
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

package/components/CollapsibleTypography/styles.d.ts

@@ -14,6 +14,7 @@ export declare const Wrapper: import("../styled").StyledComponent<import("../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;
 } & CollapsibleTypographyWrapperProps, {}, {}>;

package/components/ConfirmAction/styles.d.ts

@@ -9,6 +9,7 @@ export declare const StyledTypography: import("../styled").StyledComponent<impor
     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/components/CopyTypography/styles.d.ts

@@ -5,6 +5,7 @@ export declare const Wrapper: import("../styled").StyledComponent<import("../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/components/CopyTypography/useLogic/useLogic.d.ts

@@ -15,6 +15,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         colorIntensity?: import("../..").Intensity | undefined;
         component?: import("../../Typography/types").ComponentProp | undefined;
         isUpperCase?: boolean | undefined;
+        withoutCalt?: boolean | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;

package/components/DashboardSidebarPopover/styles.d.ts

@@ -9,6 +9,7 @@ export declare const Title: import("../styled").StyledComponent<import("../Typog
     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/components/DataGridPagination/styles.d.ts

@@ -9,6 +9,7 @@ export declare const Range: import("../styled").StyledComponent<import("../Typog
     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/components/DataGridPaginationContainer/styles.d.ts

@@ -5,6 +5,7 @@ export declare const Range: import("../styled").StyledComponent<import("../Typog
     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/components/DatePicker/DateCalendar/DateCalendarHead/styles.d.ts

@@ -8,6 +8,7 @@ export declare const HeadText: import("../../../styled").StyledComponent<import(
     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/components/Description/Value/styles.d.ts

@@ -15,6 +15,7 @@ export declare const StyledTypography: import("../../styled").StyledComponent<im
     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;
 } & StyledTypographyProps, {}, {}>;
@@ -24,6 +25,7 @@ export declare const StyledCopyTypography: import("../../styled").StyledComponen
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     copyText?: string | undefined;
     copyPosition?: "left" | "right" | undefined;

package/components/DescriptionList/styles.d.ts

@@ -43,6 +43,7 @@ export declare const Title: import("../styled").StyledComponent<import("../Typog
     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/components/Fieldset/styles.d.ts

@@ -11,6 +11,7 @@ export declare const Title: import("../styled").StyledComponent<import("../Typog
     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;
 }, {}, {}>;
@@ -20,6 +21,7 @@ export declare const Description: import("../styled").StyledComponent<import("..
     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/components/Filename/styles.d.ts

@@ -13,6 +13,7 @@ export declare const StyledTypography: import("../styled").StyledComponent<impor
     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/components/FlowButton/styles.d.ts

@@ -14,6 +14,7 @@ export declare const TargetTextWrapper: import("../styled").StyledComponent<impo
     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/components/JsonViewer/NodeValue/styles.d.ts

@@ -341,6 +341,7 @@ export declare const Value: import("../../styled").StyledComponent<import("../..
     colorIntensity?: import("../..").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement> & {
@@ -354,6 +355,7 @@ export declare const CopyWrapper: import("../../styled").StyledComponent<import(
     colorIntensity?: import("../..").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     copyText?: string | undefined;
     copyPosition?: "left" | "right" | undefined;
@@ -1037,6 +1039,7 @@ export declare const GuidValue: import("../../styled").StyledComponent<import(".
     colorIntensity?: import("../..").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & {

package/components/LegacyNotification/NotificationTemplate/styles.d.ts

@@ -28,6 +28,7 @@ export declare const Content: import("../../styled").StyledComponent<import("../
     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;
 }, {}, {}>;
@@ -50,6 +51,7 @@ export declare const Title: import("../../styled").StyledComponent<import("../..
     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/components/MaskField/MaskField.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { IMaskMixin } from 'react-imask';
-import { TextField } from '../TextField';
+import { StyledTextField } from './styles';
 const MaskedTextField = IMaskMixin(({ ...props }) => {
     const textFieldProps = props;
-    return _jsx(TextField, { ...textFieldProps });
+    return _jsx(StyledTextField, { ...textFieldProps });
 });
 export const MaskField = forwardRef(({ onChange, onAccept, ...props }, ref) => {
     const maskFieldProps = { unmask: true, ...props };

package/components/MaskField/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledTextField: import("@emotion/styled").StyledComponent<Omit<import("../TextField").TextFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/components/MaskField/styles.js

@@ -0,0 +1,5 @@
+import { styled } from '@mui/material/styles';
+import { TextField } from '../TextField';
+export const StyledTextField = styled(TextField) `
+  font-feature-settings: "calt" 0;
+`;

package/components/MenuGroup/styles.d.ts

@@ -5,6 +5,7 @@ export declare const Label: import("../styled").StyledComponent<import("../Typog
     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/components/MenuOrganization/OrganizationButton/styles.d.ts

@@ -24,6 +24,7 @@ export declare const StyledTypography: import("../../styled/styled").StyledCompo
     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/components/MenuOrganization/OrganizationGroup/styles.d.ts

@@ -5,6 +5,7 @@ export declare const Label: import("../../styled").StyledComponent<import("../..
     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/components/MenuOrganization/styles.d.ts

@@ -22,6 +22,7 @@ export declare const StyledTypography: import("../styled").StyledComponent<impor
     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/components/MinimalisticPagination/styles.d.ts

@@ -5,6 +5,7 @@ export declare const PageItem: import("../styled").StyledComponent<import("../Ty
     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/components/NavMenu/Item/ItemButton/styles.d.ts

@@ -632,6 +632,7 @@ export declare const NavMenuItemButtonText: import("../../../styled").StyledComp
     colorIntensity?: import("../../..").Intensity | undefined;
     component?: import("../../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement> & {

package/components/NotFoundPage/styles.d.ts

@@ -9,6 +9,7 @@ export declare const Header: import("../styled").StyledComponent<import("../Typo
     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;
 }, {}, {}>;
@@ -18,6 +19,7 @@ export declare const Subheader: import("../styled").StyledComponent<import("../T
     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/components/Notification/NotificationTemplate/styles.d.ts

@@ -20,6 +20,7 @@ export declare const Content: import("../../styled").StyledComponent<import("../
     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;
 }, {}, {}>;
@@ -46,6 +47,7 @@ export declare const Title: import("../../styled").StyledComponent<import("../..
     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/components/NotificationList/ListItem/styles.d.ts

@@ -10,6 +10,7 @@ export declare const Title: import("../../styled").StyledComponent<import("../..
     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;
 }, {}, {}>;
@@ -19,6 +20,7 @@ export declare const DateText: import("../../styled").StyledComponent<import("..
     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/components/OverflowTypography/OverflowTypography.d.ts

@@ -342,6 +342,7 @@ export declare const OverflowTypography: import("react").ForwardRefExoticCompone
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

package/components/OverflowTypography/styles.d.ts

@@ -9,6 +9,7 @@ export declare const StyledTypography: import("../styled").StyledComponent<impor
     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;
 } & OverflowTypographyWrapperProps, {}, {}>;
@@ -18,6 +19,7 @@ export declare const Wrapper: import("../styled").StyledComponent<import("../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/components/PageContent/PageContentHeader/Title/styles.d.ts

@@ -5,6 +5,7 @@ export declare const TitleWrapper: import("../../../styled").StyledComponent<imp
     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/components/PageHeader/HeaderContent/Description/styles.d.ts

@@ -5,6 +5,7 @@ export declare const StyledTypography: import("../../../styled").StyledComponent
     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/components/PageHeader/Title/styles.d.ts

@@ -5,6 +5,7 @@ export declare const TitleWrapper: import("../../styled").StyledComponent<import
     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/components/Pagination/PaginationItem/styles.d.ts

@@ -5,6 +5,7 @@ export declare const Ellipsis: import("../../styled").StyledComponent<import("..
     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/components/PinButton/styles.d.ts

@@ -14,6 +14,7 @@ export declare const Content: import("../styled").StyledComponent<import("../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/components/ProductSwitcher/Content/styles.d.ts

@@ -19,6 +19,7 @@ export declare const ProductName: import("../../styled").StyledComponent<import(
     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/components/Tree/TreeItem/styles.d.ts

@@ -47,6 +47,7 @@ export declare const Label: import("../../styled").StyledComponent<import("../..
     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;
 }, {}, {}>;
@@ -391,6 +392,7 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement> & {

package/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/components/Typography/Typography.js

@@ -1,8 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
+import { classNames } from '../utils/classNames';
+import { typographyClassnames } from './constants';
 import { useTypographyColor } from './hooks';
 import { TypographyWrapper } from './styles';
-export const Typography = forwardRef(({ children, color, colorIntensity = '800', component, ...props }, ref) => {
+export const Typography = forwardRef(({ children, color, colorIntensity = '800', component, withoutCalt, className, ...props }, ref) => {
     const typographyColor = useTypographyColor({ color, colorIntensity });
-    return (_jsx(TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, children: children }));
+    return (_jsx(TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, className: classNames(className, {
+            [typographyClassnames.withoutCalt]: withoutCalt,
+        }), children: children }));
 });

package/components/Typography/constants.d.ts

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

package/components/Typography/constants.js

@@ -0,0 +1,3 @@
+export const typographyClassnames = {
+    withoutCalt: 'typography_without-calt',
+};

package/components/Typography/styles.js

@@ -1,7 +1,12 @@
 import Typography from '@mui/material/Typography';
 import { styled } from '../styled';
+import { typographyClassnames } from './constants';
 export const TypographyWrapper = styled(Typography, {
     shouldForwardProp: (prop) => prop !== 'isUpperCase',
 }) `
   text-transform: ${({ isUpperCase }) => (isUpperCase ? 'uppercase' : 'none')};
+
+  .${typographyClassnames.withoutCalt} {
+    font-feature-settings: "calt" 0;
+  }
 `;

package/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/components/WelcomeScreen/styles.d.ts

@@ -21,6 +21,7 @@ export declare const Greeting: import("../styled").StyledComponent<import("../Ty
     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("../styled").StyledComponent<import("../Ty
     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/components/fileUploading/FileInfo/styles.d.ts

@@ -348,6 +348,7 @@ export declare const FileSize: import("../../styled").StyledComponent<import("..
     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;
 }, {}, {}>;