@astral/ui 4.70.0 → 4.71.1

package/node/components/DataGrid/Cell/useLogic/useLogic.js

@@ -2,8 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
+const DataGridContext_1 = require("../../DataGridContext");
 const useLogic = ({ row, cell, emptyCellValue, startAdornment, }) => {
-    const { format, field, label, hideTitleOnMobile } = cell;
+    const { isTabularNums: contextIsTabularNums } = (0, react_1.useContext)(DataGridContext_1.DataGridContext);
+    const { format, field, label, hideTitleOnMobile, isTabularNums: cellIsTabularNums, } = cell;
+    const isTabularNums = cellIsTabularNums ?? contextIsTabularNums;
     const isValidValue = (value) => {
         return Boolean(value) || value === 0;
     };
@@ -24,6 +27,7 @@ const useLogic = ({ row, cell, emptyCellValue, startAdornment, }) => {
         isActionColumn,
         label,
         hideTitleOnMobile,
+        isTabularNums,
     };
 };
 exports.useLogic = useLogic;

package/node/components/DataGrid/DataGrid.js

@@ -53,7 +53,7 @@ const bodyCva = (0, cva_1.cva)(constants_1.dataGridClassnames.body, {
 const DataGrid = (props) => {
     const { dataGridClassName, isDataGridDisabled, treeRenderConfig, headColumns, headProps, bodyProps, gridColumns, loaderProps, renderRows, isAllowHorizontalScroll, isHideHead, hasPinnedColumns, contentStateProps, rowHoverProps, containerRef, sections, isNoData, isMobile, mobileSkeletonProps, isLoading, containerCssVars, hasGroupedColumns, gridViewMode, } = (0, useLogic_1.useLogic)(props);
     const { emptySymbol } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const { columns, selectedRows = [], minDisplayRows = constants_1.MIN_DISPLAY_ROWS_BY_DEFAULT, variant = enums_1.Variant.Tree, footer, noDataPlaceholder, subrows, keyId, activeRowId, emptyCellValue = emptySymbol, onRowClick, noDataOptions, headPreAddon, } = props;
+    const { columns, selectedRows = [], minDisplayRows = constants_1.MIN_DISPLAY_ROWS_BY_DEFAULT, variant = enums_1.Variant.Tree, footer, noDataPlaceholder, subrows, keyId, activeRowId, emptyCellValue = emptySymbol, onRowClick, noDataOptions, headPreAddon, isTabularNums, } = props;
     const { moreButtonColumnPosition = 1, isVisibleCollapseButton = true } = subrows || {};
     const { isInitialExpanded = false, expandedLevel = constants_1.EXPANDED_LEVEL_BY_DEFAULT, initialVisibleChildrenCount = constants_1.INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT, } = treeRenderConfig || {};
     const Wrapper = isDataGridDisabled
@@ -92,7 +92,7 @@ const DataGrid = (props) => {
                     isDisabled: isDataGridDisabled,
                 }), isDisabled: isDataGridDisabled, headProps: headProps, gridColumns: gridColumns, bodyProps: commonBodyProps, isNoData: isNoData }) }));
     };
-    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { isLoading: isLoading, children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { ref: containerRef, style: containerCssVars, className: (0, classNames_1.classNames)(dataGridClassName, dataGridCva({
+    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { isLoading: isLoading, isTabularNums: isTabularNums, children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { ref: containerRef, style: containerCssVars, className: (0, classNames_1.classNames)(dataGridClassName, dataGridCva({
                 isAllowHorizontalScroll,
                 hasPinnedColumns,
                 gridViewMode,

package/node/components/DataGrid/DataGridContext/DataGridContext.d.ts

@@ -5,5 +5,6 @@ export type DataGridContextProps = {
     toggleOpenItems: (key: string) => void;
     toggleOpenMoreItems: (key: string) => void;
     isLoading?: boolean;
+    isTabularNums?: boolean;
 };
 export declare const DataGridContext: import("react").Context<DataGridContextProps>;

package/node/components/DataGrid/DataGridContext/DataGridContext.js

@@ -8,4 +8,5 @@ exports.DataGridContext = (0, react_1.createContext)({
     toggleOpenItems: () => undefined,
     toggleOpenMoreItems: () => undefined,
     isLoading: false,
+    isTabularNums: false,
 });

package/node/components/DataGrid/DataGridContext/DataGridProvider/DataGridProvider.d.ts

@@ -1,7 +1,8 @@
 import { type ReactNode } from 'react';
 type DataGridContextProviderProps = {
     isLoading?: boolean;
+    isTabularNums?: boolean;
     children: ReactNode;
 };
-export declare const DataGridContextProvider: ({ isLoading, children, }: DataGridContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DataGridContextProvider: ({ isLoading, isTabularNums, children, }: DataGridContextProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/node/components/DataGrid/DataGridContext/DataGridProvider/DataGridProvider.js

@@ -8,7 +8,7 @@ const ROW_FLAGS_BY_DEFAULT = {
     isOpenedItems: true,
     iOpenedMoreItems: false,
 };
-const DataGridContextProvider = ({ isLoading, children, }) => {
+const DataGridContextProvider = ({ isLoading, isTabularNums, children, }) => {
     const [openedItems, setOpenedItems] = (0, react_1.useState)({});
     const checkIsOpened = (0, react_1.useCallback)((key) => {
         if (openedItems[key]) {
@@ -47,6 +47,7 @@ const DataGridContextProvider = ({ isLoading, children, }) => {
         toggleOpenItems,
         toggleOpenMoreItems,
         isLoading,
+        isTabularNums,
     }), [
         checkIsOpened,
         checkIsMoreOpened,
@@ -54,6 +55,7 @@ const DataGridContextProvider = ({ isLoading, children, }) => {
         toggleOpenMoreItems,
         isLoading,
         openedItems,
+        isTabularNums,
     ]);
     return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContext.Provider, { value: contextValue, children: children }));
 };

package/node/components/DataGrid/Row/styles.d.ts

@@ -51,6 +51,7 @@ export declare const GroupedColumnLabel: import("@emotion/styled/dist/declaratio
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -177,6 +177,10 @@ export type DataGridProps<TData extends Record<string, CellValue> = DataGridRow,
      * @default standard
      */
     gridViewMode?: 'full' | 'standard';
+    /**
+     * Включает моноширинный шрифт для чисел в таблице
+     */
+    isTabularNums?: boolean;
 };
 export type DataGridSort<TSortField> = {
     /**
@@ -279,6 +283,10 @@ export type DataGridSingleColumn<TData extends Record<string, CellValue>> = {
      * Скрывает заголовок колонки на мобильных устройствах
      */
     hideTitleOnMobile?: boolean;
+    /**
+     * Включает моноширинный шрифт для чисел в колонке
+     */
+    isTabularNums?: boolean;
     children?: never;
 };
 export type DataGridColumns<TData extends Record<string, CellValue>> = DataGridSingleColumn<TData> | DataGridGroupColumn<TData>;

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

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

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

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

package/node/components/DatePicker/DateCalendar/DateCalendarHead/styles.d.ts

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

package/node/components/Description/Description.d.ts

@@ -26,6 +26,10 @@ export type DescriptionProps = {
      * @default 'default'
      */
     direction?: 'default' | 'column' | 'row';
+    /**
+     * Включает моноширинные числа
+     */
+    isTabularNums?: boolean;
 };
 export declare const Description: {
     (props: DescriptionProps): import("react/jsx-runtime").JSX.Element;

package/node/components/Description/Description.js

@@ -20,12 +20,15 @@ const rootCva = (0, cva_1.cva)(constants_1.descriptionClassnames.root, {
             'space-between': constants_1.descriptionClassnames.justifyContentSpaceBetween,
             start: constants_1.descriptionClassnames.justifyContentStart,
         },
+        isTabularNums: {
+            true: constants_1.descriptionClassnames.tabularNums,
+        },
     },
 });
 const Description = (props) => {
     const { descriptionContextProviderProps, direction } = (0, useLogic_1.useLogic)(props);
-    const { justifyContent = 'start', component = 'dl', children, leader = false, } = props;
-    return ((0, jsx_runtime_1.jsx)(DescriptionContext_1.DescriptionContextProvider, { leader: leader, direction: direction, ...descriptionContextProviderProps, children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: rootCva({ direction, justifyContent }), as: component, children: children }) }));
+    const { justifyContent = 'start', component = 'dl', children, leader = false, isTabularNums, } = props;
+    return ((0, jsx_runtime_1.jsx)(DescriptionContext_1.DescriptionContextProvider, { leader: leader, direction: direction, ...descriptionContextProviderProps, children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: rootCva({ direction, justifyContent, isTabularNums }), as: component, children: children }) }));
 };
 exports.Description = Description;
 exports.Description.Name = Name_1.Name;

package/node/components/Description/Value/Value.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { type TypographyProps } from '../../Typography';
-export type ValueProps = Pick<TypographyProps, 'color' | 'variant' | 'children'> & {
+export type ValueProps = Pick<TypographyProps, 'color' | 'variant' | 'children' | 'isTabularNums'> & {
     /**
      * @example <Description.Item stub="нет значения">value</Description.Item>
      * Заглушка, отображающаяся, если нет значения

package/node/components/Description/Value/styles.d.ts

@@ -16,6 +16,7 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & StyledTypographyProps, {}, {}>;
@@ -26,6 +27,7 @@ export declare const StyledCopyTypography: import("@emotion/styled/dist/declarat
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     copyText?: string | undefined;
     copyPosition?: "left" | "right" | undefined;

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

@@ -8,4 +8,5 @@ export declare const descriptionClassnames: {
     justifyContentSpaceBetween: string;
     justifyContentStart: string;
     leader: string;
+    tabularNums: string;
 };

package/node/components/Description/constants.js

@@ -12,4 +12,5 @@ exports.descriptionClassnames = {
     justifyContentSpaceBetween: (0, createUIKitClassname_1.createUIKitClassname)('description_justify-content-space-between'),
     justifyContentStart: (0, createUIKitClassname_1.createUIKitClassname)('description_justify-content-start'),
     leader: (0, createUIKitClassname_1.createUIKitClassname)('description__leader'),
+    tabularNums: (0, createUIKitClassname_1.createUIKitClassname)('description_tabular-nums'),
 };

package/node/components/Description/styles.js

@@ -11,6 +11,10 @@ exports.Wrapper = styled_1.styled.div `
 
   margin: 0;
 
+  &.${constants_1.descriptionClassnames.tabularNums} {
+    font-feature-settings: "tnum" 1;
+  }
+
   &.${constants_1.descriptionClassnames.directionColumn} {
     flex-direction: column;
   }

package/node/components/DescriptionList/DescriptionList.d.ts

@@ -1,2 +1,2 @@
 import type { DescriptionListProps } from './types';
-export declare const DescriptionList: ({ items, variant: listVariant, title, direction, alignNameWidth, leader, ...props }: DescriptionListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DescriptionList: ({ items, variant: listVariant, title, direction, alignNameWidth, leader, isTabularNums: listIsTabularNums, ...props }: DescriptionListProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/DescriptionList/DescriptionList.js

@@ -27,7 +27,7 @@ const descriptionItem = (0, cva_1.cva)(constants_1.descriptionListClassnames.ite
         },
     },
 });
-const DescriptionList = ({ items, variant: listVariant = 'default', title, direction, alignNameWidth, leader, ...props }) => {
+const DescriptionList = ({ items, variant: listVariant = 'default', title, direction, alignNameWidth, leader, isTabularNums: listIsTabularNums, ...props }) => {
     const { descriptionItems, descriptionListStyles } = (0, useLogic_1.useLogic)({
         items,
         alignNameWidth,
@@ -60,10 +60,11 @@ const DescriptionList = ({ items, variant: listVariant = 'default', title, direc
         return note;
     };
     const renderItem = (value, name, options) => {
-        const { nameMaxWidth, note, ...restOptions } = options || {};
+        const { nameMaxWidth, note, isTabularNums: itemIsTabularNums, ...restOptions } = options || {};
+        const isTabularNums = itemIsTabularNums ?? listIsTabularNums;
         return ((0, jsx_runtime_1.jsxs)(styles_1.DescriptionWrapper, { className: descriptionItem({
                 alignNameWidth: Boolean(alignNameWidth),
-            }), children: [(0, jsx_runtime_1.jsxs)(Description_1.Description, { direction: direction, leader: leader, ...props, component: "div", children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDescriptionName, { "$nameMaxWidth": nameMaxWidth, "$direction": direction, children: name }), render(value, restOptions)] }), note && renderNote(note)] }, `${name}:${value}`));
+            }), children: [(0, jsx_runtime_1.jsxs)(Description_1.Description, { direction: direction, leader: leader, isTabularNums: isTabularNums, ...props, component: "div", children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDescriptionName, { "$nameMaxWidth": nameMaxWidth, "$direction": direction, children: name }), render(value, restOptions)] }), note && renderNote(note)] }, `${name}:${value}`));
     };
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: descriptionList({ variant: listVariant }), style: descriptionListStyles, children: [title && renderTitle(), descriptionItems.map((group, groupIndex) => ((0, jsx_runtime_1.jsx)(styles_1.ListWrapper, { "$direction": direction, "$hasDivider": groupIndex !== 0, "$variant": listVariant, children: group.map(({ name, value, options }) => renderItem(value, name, options)) }, groupIndex)))] }));
 };

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

@@ -20,7 +20,7 @@ export declare const ListWrapper: import("@emotion/styled/dist/declarations/src/
     $variant?: DescriptionListVariant | undefined;
     $hasDivider: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, {}>;
-export declare const StyledDescriptionValue: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Pick<import("../Typography").TypographyProps, "color" | "children" | "variant"> & {
+export declare const StyledDescriptionValue: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Pick<import("../Typography").TypographyProps, "color" | "children" | "variant" | "isTabularNums"> & {
     stub?: import("react").ReactNode;
     canCopy?: boolean | undefined;
     copyPosition?: "left" | "right" | undefined;
@@ -42,6 +42,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { DescriptionProps } from '../Description';
 import type { ValueProps } from '../Description/Value';
-export type DescriptionOptions = Pick<ValueProps, 'canCopy' | 'copyPosition' | 'color' | 'copyText'> & {
+export type DescriptionOptions = Pick<ValueProps, 'canCopy' | 'copyPosition' | 'color' | 'copyText' | 'isTabularNums'> & {
     nameMaxWidth?: string;
     /**
      *  Вариант отображения Value в списке
@@ -23,7 +23,7 @@ export type DescriptionListItem = {
     options?: DescriptionOptions;
 };
 export type DescriptionListVariant = 'contained' | 'default';
-export type DescriptionListProps = Pick<DescriptionProps, 'justifyContent' | 'leader' | 'separator' | 'direction'> & {
+export type DescriptionListProps = Pick<DescriptionProps, 'justifyContent' | 'leader' | 'separator' | 'direction' | 'isTabularNums'> & {
     /**
      * Список отображаемых "name: value"
      */

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

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

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

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

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

@@ -16,6 +16,7 @@ export declare const TargetTextWrapper: import("@emotion/styled/dist/declaration
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/JsonViewer/NodeValue/styles.d.ts

@@ -343,6 +343,7 @@ export declare const Value: import("@emotion/styled/dist/declarations/src/types"
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement> & {
@@ -357,6 +358,7 @@ export declare const CopyWrapper: import("@emotion/styled/dist/declarations/src/
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     copyText?: string | undefined;
     copyPosition?: "left" | "right" | undefined;
@@ -1043,6 +1045,7 @@ export declare const GuidValue: import("@emotion/styled/dist/declarations/src/ty
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & {

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

@@ -29,6 +29,7 @@ export declare const Content: import("@emotion/styled/dist/declarations/src/type
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -53,6 +54,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

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

package/node/components/MenuOrganization/OrganizationButton/styles.d.ts

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

package/node/components/MenuOrganization/OrganizationGroup/styles.d.ts

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

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

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

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

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

package/node/components/NavMenu/Item/ItemButton/styles.d.ts

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

package/node/components/NewStepper/Step/Description/styles.d.ts

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

package/node/components/NewStepper/Step/Label/styles.d.ts

@@ -10,6 +10,7 @@ export declare const MobileCompactLabel: import("@emotion/styled/dist/declaratio
     component?: import("../../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -20,6 +21,7 @@ export declare const DesktopLabel: import("@emotion/styled/dist/declarations/src
     component?: import("../../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -10,6 +10,7 @@ export declare const Header: import("@emotion/styled/dist/declarations/src/types
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -20,6 +21,7 @@ export declare const Subheader: import("@emotion/styled/dist/declarations/src/ty
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/Notification/NotificationTemplate/styles.d.ts

@@ -21,6 +21,7 @@ export declare const Content: import("@emotion/styled/dist/declarations/src/type
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -49,6 +50,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/NotificationList/ListItem/styles.d.ts

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

package/node/components/OverflowTypography/OverflowTypography.d.ts

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

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

@@ -10,6 +10,7 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & OverflowTypographyWrapperProps, {}, {}>;
@@ -20,6 +21,7 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/node/components/PageContent/PageContentHeader/Title/styles.d.ts

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

package/node/components/PageHeader/HeaderContent/Description/styles.d.ts

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

package/node/components/PageHeader/Title/styles.d.ts

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

package/node/components/Pagination/PaginationItem/styles.d.ts

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

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

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

package/node/components/ProductSwitcher/Content/styles.d.ts

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

package/node/components/Tree/TreeItem/styles.d.ts

@@ -49,6 +49,7 @@ export declare const Label: import("@emotion/styled/dist/declarations/src/types"
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -395,6 +396,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement> & {