@alfalab/core-components-typography 2.0.0 → 2.3.0

package/CHANGELOG.md

@@ -3,31 +3,54 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [2.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-typography@1.5.1...@alfalab/core-components-typography@2.0.0) (2021-07-08)
+# [2.3.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-typography@2.2.0...@alfalab/core-components-typography@2.3.0) (2022-01-17)
 
 
 ### Features
 
-* upgrade storybook ([#696](https://github.com/alfa-laboratory/core-components/issues/696)) ([bf8350e](https://github.com/alfa-laboratory/core-components/commit/bf8350ebfd238b6c63ac30545ac32ca933f498d6)), closes [#708](https://github.com/alfa-laboratory/core-components/issues/708) [#707](https://github.com/alfa-laboratory/core-components/issues/707) [#714](https://github.com/alfa-laboratory/core-components/issues/714) [#716](https://github.com/alfa-laboratory/core-components/issues/716) [#690](https://github.com/alfa-laboratory/core-components/issues/690) [#701](https://github.com/alfa-laboratory/core-components/issues/701) [#699](https://github.com/alfa-laboratory/core-components/issues/699) [#698](https://github.com/alfa-laboratory/core-components/issues/698) [#693](https://github.com/alfa-laboratory/core-components/issues/693) [#699](https://github.com/alfa-laboratory/core-components/issues/699) [#698](https://github.com/alfa-laboratory/core-components/issues/698) [#693](https://github.com/alfa-laboratory/core-components/issues/693) [#705](https://github.com/alfa-laboratory/core-components/issues/705) [#705](https://github.com/alfa-laboratory/core-components/issues/705) [#709](https://github.com/alfa-laboratory/core-components/issues/709) [#703](https://github.com/alfa-laboratory/core-components/issues/703) [#695](https://github.com/alfa-laboratory/core-components/issues/695) [#673](https://github.com/alfa-laboratory/core-components/issues/673) [#703](https://github.com/alfa-laboratory/core-components/issues/703) [#709](https://github.com/alfa-laboratory/core-components/issues/709) [#673](https://github.com/alfa-laboratory/core-components/issues/673) [#695](https://github.com/alfa-laboratory/core-components/issues/695) [#645](https://github.com/alfa-laboratory/core-components/issues/645) [#642](https://github.com/alfa-laboratory/core-components/issues/642) [#642](https://github.com/alfa-laboratory/core-components/issues/642) [#646](https://github.com/alfa-laboratory/core-components/issues/646) [#646](https://github.com/alfa-laboratory/core-components/issues/646) [#634](https://github.com/alfa-laboratory/core-components/issues/634) [#635](https://github.com/alfa-laboratory/core-components/issues/635) [#634](https://github.com/alfa-laboratory/core-components/issues/634) [#635](https://github.com/alfa-laboratory/core-components/issues/635) [#648](https://github.com/alfa-laboratory/core-components/issues/648) [#647](https://github.com/alfa-laboratory/core-components/issues/647) [#630](https://github.com/alfa-laboratory/core-components/issues/630) [#648](https://github.com/alfa-laboratory/core-components/issues/648) [#630](https://github.com/alfa-laboratory/core-components/issues/630) [#669](https://github.com/alfa-laboratory/core-components/issues/669) [#712](https://github.com/alfa-laboratory/core-components/issues/712) [#713](https://github.com/alfa-laboratory/core-components/issues/713) [#719](https://github.com/alfa-laboratory/core-components/issues/719) [#720](https://github.com/alfa-laboratory/core-components/issues/720) [#718](https://github.com/alfa-laboratory/core-components/issues/718) [#712](https://github.com/alfa-laboratory/core-components/issues/712) [#713](https://github.com/alfa-laboratory/core-components/issues/713) [#719](https://github.com/alfa-laboratory/core-components/issues/719) [#642](https://github.com/alfa-laboratory/core-components/issues/642) [#642](https://github.com/alfa-laboratory/core-components/issues/642) [#646](https://github.com/alfa-laboratory/core-components/issues/646) [#646](https://github.com/alfa-laboratory/core-components/issues/646) [#634](https://github.com/alfa-laboratory/core-components/issues/634) [#635](https://github.com/alfa-laboratory/core-components/issues/635) [#634](https://github.com/alfa-laboratory/core-components/issues/634) [#635](https://github.com/alfa-laboratory/core-components/issues/635) [#648](https://github.com/alfa-laboratory/core-components/issues/648) [#647](https://github.com/alfa-laboratory/core-components/issues/647) [#630](https://github.com/alfa-laboratory/core-components/issues/630) [#648](https://github.com/alfa-laboratory/core-components/issues/648) [#630](https://github.com/alfa-laboratory/core-components/issues/630) [#669](https://github.com/alfa-laboratory/core-components/issues/669) [#720](https://github.com/alfa-laboratory/core-components/issues/720) [#718](https://github.com/alfa-laboratory/core-components/issues/718) [#691](https://github.com/alfa-laboratory/core-components/issues/691) [#691](https://github.com/alfa-laboratory/core-components/issues/691) [#723](https://github.com/alfa-laboratory/core-components/issues/723) [#702](https://github.com/alfa-laboratory/core-components/issues/702) [#723](https://github.com/alfa-laboratory/core-components/issues/723) [#702](https://github.com/alfa-laboratory/core-components/issues/702) [#708](https://github.com/alfa-laboratory/core-components/issues/708) [#707](https://github.com/alfa-laboratory/core-components/issues/707) [#714](https://github.com/alfa-laboratory/core-components/issues/714) [#722](https://github.com/alfa-laboratory/core-components/issues/722)
+* **typography:** export types ([#940](https://github.com/alfa-laboratory/core-components/issues/940)) ([498227c](https://github.com/alfa-laboratory/core-components/commit/498227c272659a1ebf890eee61c6fecdd110faee))
 
 
-### BREAKING CHANGES
 
-* buttonRetryText renamed to buttonReturnText
 
-Co-authored-by: Alexander Soldatov <aesoldatov@alfabank.ru>
-* inline-block changes to block
 
-* chore(release): 18.0.0 [skip ci]
+# [2.2.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-typography@2.1.0...@alfalab/core-components-typography@2.2.0) (2021-09-14)
 
-# [18.0.0](https://github.com/alfa-laboratory/core-components/compare/v17.6.0...v18.0.0) (2021-06-28)
 
-### Bug Fixes
+### Features
+
+* **typography:** add ref ([#834](https://github.com/alfa-laboratory/core-components/issues/834)) ([976b16d](https://github.com/alfa-laboratory/core-components/commit/976b16dd9ae68c31999bffb3506623db05033ad4))
+
+
+
+
+
+# [2.1.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-typography@2.0.1...@alfalab/core-components-typography@2.1.0) (2021-07-19)
+
+
+### Features
+
+* **typography:** monospaceNumbers prop (PDS-255) ([#697](https://github.com/alfa-laboratory/core-components/issues/697)) ([42d16a6](https://github.com/alfa-laboratory/core-components/commit/42d16a62f6d0781eba44dc1e0b76b28cae37d89a))
 
 
 
 
 
+## [2.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-typography@2.0.0...@alfalab/core-components-typography@2.0.1) (2021-07-09)
+
+**Note:** Version bump only for package @alfalab/core-components-typography
+
+
+
+
+
+# [2.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-typography@1.5.1...@alfalab/core-components-typography@2.0.0) (2021-07-08)
+
+
+### Features
+
+* upgrade storybook ([#696](https://github.com/alfa-laboratory/core-components/issues/696))
+
 ## [1.5.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-typography@1.5.0...@alfalab/core-components-typography@1.5.1) (2021-06-28)
 
 

package/dist/colors.css

@@ -1,4 +1,4 @@
-/* hash: 1penk */
+/* hash: 7rmvg */
 :root {
     --color-light-text-accent: #ef3124;
     --color-light-text-attention: #de6a00;
@@ -22,39 +22,39 @@
     /* Hard up */
 }
 /* colors */
-.typography__tertiary_1penk {
+.typography__tertiary_1t8fi {
     color: var(--color-light-text-tertiary);
 }
-.typography__disabled_1penk {
+.typography__disabled_1t8fi {
     color: var(--color-light-text-disabled);
 }
-.typography__accent_1penk {
+.typography__accent_1t8fi {
     color: var(--color-light-text-accent);
 }
-.typography__primary_1penk {
+.typography__primary_1t8fi {
     color: var(--color-light-text-primary);
 }
-.typography__attention_1penk {
+.typography__attention_1t8fi {
     color: var(--color-light-text-attention);
 }
-.typography__positive_1penk {
+.typography__positive_1t8fi {
     color: var(--color-light-text-positive);
 }
-.typography__secondary_1penk {
+.typography__secondary_1t8fi {
     color: var(--color-light-text-secondary);
 }
-.typography__tertiary-inverted_1penk {
+.typography__tertiary-inverted_1t8fi {
     color: var(--color-light-text-tertiary-inverted);
 }
-.typography__primary-inverted_1penk {
+.typography__primary-inverted_1t8fi {
     color: var(--color-light-text-primary-inverted);
 }
-.typography__secondary-inverted_1penk {
+.typography__secondary-inverted_1t8fi {
     color: var(--color-light-text-secondary-inverted);
 }
-.typography__link_1penk {
+.typography__link_1t8fi {
     color: var(--color-light-text-link);
 }
-.typography__negative_1penk {
+.typography__negative_1t8fi {
     color: var(--color-light-text-negative);
 }

package/dist/{colors.module-9d3e0282.js → colors.module-35c48cf7.js}

@@ -39,7 +39,7 @@ function __rest(s, e) {
     return t;
 }
 
-var colors = {"tertiary":"typography__tertiary_1penk","disabled":"typography__disabled_1penk","accent":"typography__accent_1penk","primary":"typography__primary_1penk","attention":"typography__attention_1penk","positive":"typography__positive_1penk","secondary":"typography__secondary_1penk","tertiary-inverted":"typography__tertiary-inverted_1penk","primary-inverted":"typography__primary-inverted_1penk","secondary-inverted":"typography__secondary-inverted_1penk","link":"typography__link_1penk","negative":"typography__negative_1penk"};
+var colors = {"tertiary":"typography__tertiary_1t8fi","disabled":"typography__disabled_1t8fi","accent":"typography__accent_1t8fi","primary":"typography__primary_1t8fi","attention":"typography__attention_1t8fi","positive":"typography__positive_1t8fi","secondary":"typography__secondary_1t8fi","tertiary-inverted":"typography__tertiary-inverted_1t8fi","primary-inverted":"typography__primary-inverted_1t8fi","secondary-inverted":"typography__secondary-inverted_1t8fi","link":"typography__link_1t8fi","negative":"typography__negative_1t8fi"};
 require('./colors.css')
 
 exports.__rest = __rest;

package/dist/common.module-8f8baeca.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var commonStyles = {"component":"typography__component_1mh7d","bold":"typography__bold_1mh7d","medium":"typography__medium_1mh7d","regular":"typography__regular_1mh7d"};
+require('./title/common.css')
+
+exports.commonStyles = commonStyles;

package/dist/component.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./colors.module-9d3e0282.js');
+require('./colors.module-35c48cf7.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-d3c5fce9.js');
+require('./common.module-8f8baeca.js');
 var title_index = require('./title/index.js');
 var text_component = require('./text/component.js');
 var titleResponsive_component = require('./title-responsive/component.js');

package/dist/cssm/index.d.ts

@@ -1 +1,3 @@
 export * from "./component";
+export { TitleProps } from "./title/index";
+export { TextProps } from "./text/index";

package/dist/cssm/text/component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { HTMLAttributes, FC } from "react";
+import { HTMLAttributes } from "react";
 import { Color } from "../colors";
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextProps = Omit<NativeProps, 'color'> & {
@@ -16,6 +16,10 @@ type TextProps = Omit<NativeProps, 'color'> & {
      * Толщина шрифта
      */
     weight?: 'regular' | 'medium' | 'bold';
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
     /**
      * HTML тег
      */
@@ -33,5 +37,39 @@ type TextProps = Omit<NativeProps, 'color'> & {
      */
     children?: React.ReactNode;
 };
-declare const Text: FC<TextProps>;
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+declare const Text: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    /**
+     * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps" | undefined;
+    /**
+     * Цвет текста
+     */
+    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "medium" | "regular" | "bold" | undefined;
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean | undefined;
+    /**
+     * HTML тег
+     */
+    tag?: "div" | "p" | "span" | undefined;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string | undefined;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+} & React.RefAttributes<TextElementType>>;
 export { TextProps, Text };

package/dist/cssm/text/component.js

@@ -15,10 +15,10 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var colors__default = /*#__PURE__*/_interopDefaultLegacy(colors);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
-var Text = function (_a) {
+var Text = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.view, view = _c === void 0 ? 'primary-medium' : _c, _d = _a.tag, Component = _d === void 0 ? 'span' : _d, _e = _a.weight, weight = _e === void 0 ? 'regular' : _e, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, restProps = tslib_es6.__rest(_a, ["view", "tag", "weight", "color", "className", "dataTestId", "children"]);
-    return (React__default['default'].createElement(Component, tslib_es6.__assign({ className: cn__default['default']((_b = {}, _b[styles__default['default'].paragraph] = Component === 'p', _b), className, color && colors__default['default'][color], styles__default['default'][view], styles__default['default'][weight]), "data-test-id": dataTestId }, restProps), children));
-};
+    var _c = _a.view, view = _c === void 0 ? 'primary-medium' : _c, _d = _a.tag, Component = _d === void 0 ? 'span' : _d, _e = _a.weight, weight = _e === void 0 ? 'regular' : _e, _f = _a.monospaceNumbers, monospaceNumbers = _f === void 0 ? false : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, restProps = tslib_es6.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "color", "className", "dataTestId", "children"]);
+    return (React__default['default'].createElement(Component, tslib_es6.__assign({ className: cn__default['default']((_b = {}, _b[styles__default['default'].paragraph] = Component === 'p', _b[styles__default['default'].monospace] = monospaceNumbers, _b), className, color && colors__default['default'][color], styles__default['default'][view], styles__default['default'][weight]), "data-test-id": dataTestId, ref: ref }, restProps), children));
+});
 
 exports.Text = Text;

package/dist/cssm/text/index.module.css

@@ -67,3 +67,7 @@
 .regular {
     font-weight: normal;
 }
+.monospace {
+    font-feature-settings: "tnum";
+    font-variant-numeric: tabular-nums;
+}

package/dist/cssm/title/component.d.ts

@@ -46,5 +46,43 @@ type Styles = {
         [key: string]: string;
     };
 };
-declare const Title: React.FC<TitleProps & Styles>;
+type TitleElementType = HTMLHeadingElement | HTMLDivElement;
+declare const Title: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    /**
+     * HTML тег
+     */
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    /**
+     * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
+     */
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall" | undefined;
+    /**
+     * Цвет текста
+     */
+    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "medium" | "regular" | "bold" | undefined;
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system" | undefined;
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean | undefined;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string | undefined;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+} & Styles & React.RefAttributes<TitleElementType>>;
 export { TitleProps, Title };

package/dist/cssm/title/component.js

@@ -13,9 +13,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var colors__default = /*#__PURE__*/_interopDefaultLegacy(colors);
 
-var Title = function (_a) {
+var Title = React.forwardRef(function (_a, ref) {
     var _b = _a.tag, Component = _b === void 0 ? 'div' : _b, _c = _a.view, view = _c === void 0 ? 'medium' : _c, _d = _a.font, font = _d === void 0 ? 'styrene' : _d, _e = _a.weight, weight = _e === void 0 ? font === 'styrene' ? 'medium' : 'bold' : _e, _f = _a.defaultMargins, defaultMargins = _f === void 0 ? false : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, styles = _a.styles, restProps = tslib_es6.__rest(_a, ["tag", "view", "font", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "styles"]);
-    return (React__default['default'].createElement(Component, tslib_es6.__assign({ className: cn__default['default'](styles.component, className, styles[font + "-" + view], defaultMargins && styles["margins-" + view], styles[weight], color && colors__default['default'][color]), "data-test-id": dataTestId }, restProps), children));
-};
+    return (React__default['default'].createElement(Component, tslib_es6.__assign({ className: cn__default['default'](styles.component, className, styles[font + "-" + view], defaultMargins && styles["margins-" + view], styles[weight], color && colors__default['default'][color]), "data-test-id": dataTestId, ref: ref }, restProps), children));
+});
 
 exports.Title = Title;

package/dist/esm/colors.css

@@ -1,4 +1,4 @@
-/* hash: 1penk */
+/* hash: 7rmvg */
 :root {
     --color-light-text-accent: #ef3124;
     --color-light-text-attention: #de6a00;
@@ -22,39 +22,39 @@
     /* Hard up */
 }
 /* colors */
-.typography__tertiary_1penk {
+.typography__tertiary_1t8fi {
     color: var(--color-light-text-tertiary);
 }
-.typography__disabled_1penk {
+.typography__disabled_1t8fi {
     color: var(--color-light-text-disabled);
 }
-.typography__accent_1penk {
+.typography__accent_1t8fi {
     color: var(--color-light-text-accent);
 }
-.typography__primary_1penk {
+.typography__primary_1t8fi {
     color: var(--color-light-text-primary);
 }
-.typography__attention_1penk {
+.typography__attention_1t8fi {
     color: var(--color-light-text-attention);
 }
-.typography__positive_1penk {
+.typography__positive_1t8fi {
     color: var(--color-light-text-positive);
 }
-.typography__secondary_1penk {
+.typography__secondary_1t8fi {
     color: var(--color-light-text-secondary);
 }
-.typography__tertiary-inverted_1penk {
+.typography__tertiary-inverted_1t8fi {
     color: var(--color-light-text-tertiary-inverted);
 }
-.typography__primary-inverted_1penk {
+.typography__primary-inverted_1t8fi {
     color: var(--color-light-text-primary-inverted);
 }
-.typography__secondary-inverted_1penk {
+.typography__secondary-inverted_1t8fi {
     color: var(--color-light-text-secondary-inverted);
 }
-.typography__link_1penk {
+.typography__link_1t8fi {
     color: var(--color-light-text-link);
 }
-.typography__negative_1penk {
+.typography__negative_1t8fi {
     color: var(--color-light-text-negative);
 }

package/dist/esm/{colors.module-afa89fff.js → colors.module-2c206829.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var colors = {"tertiary":"typography__tertiary_1penk","disabled":"typography__disabled_1penk","accent":"typography__accent_1penk","primary":"typography__primary_1penk","attention":"typography__attention_1penk","positive":"typography__positive_1penk","secondary":"typography__secondary_1penk","tertiary-inverted":"typography__tertiary-inverted_1penk","primary-inverted":"typography__primary-inverted_1penk","secondary-inverted":"typography__secondary-inverted_1penk","link":"typography__link_1penk","negative":"typography__negative_1penk"};
+var colors = {"tertiary":"typography__tertiary_1t8fi","disabled":"typography__disabled_1t8fi","accent":"typography__accent_1t8fi","primary":"typography__primary_1t8fi","attention":"typography__attention_1t8fi","positive":"typography__positive_1t8fi","secondary":"typography__secondary_1t8fi","tertiary-inverted":"typography__tertiary-inverted_1t8fi","primary-inverted":"typography__primary-inverted_1t8fi","secondary-inverted":"typography__secondary-inverted_1t8fi","link":"typography__link_1t8fi","negative":"typography__negative_1t8fi"};
 require('./colors.css')
 
 export { __assign as _, __rest as a, colors as c };

package/dist/esm/common.module-c6bc7a27.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_1mh7d","bold":"typography__bold_1mh7d","medium":"typography__medium_1mh7d","regular":"typography__regular_1mh7d"};
+require('./title/common.css')
+
+export { commonStyles as c };

package/dist/esm/component.js

@@ -1,8 +1,8 @@
-import './colors.module-afa89fff.js';
+import './colors.module-2c206829.js';
 import 'react';
 import 'classnames';
 import './title/component.js';
-import './common.module-a42136b2.js';
+import './common.module-c6bc7a27.js';
 import { Title } from './title/index.js';
 import { Text } from './text/component.js';
 import { TitleResponsive } from './title-responsive/component.js';

package/dist/esm/index.d.ts

@@ -1 +1,3 @@
 export * from "./component";
+export { TitleProps } from "./title/index";
+export { TextProps } from "./text/index";

package/dist/esm/index.js

@@ -1,8 +1,8 @@
-import './colors.module-afa89fff.js';
+import './colors.module-2c206829.js';
 import 'react';
 import 'classnames';
 import './title/component.js';
-import './common.module-a42136b2.js';
+import './common.module-c6bc7a27.js';
 import './title/index.js';
 import './text/component.js';
 import './title-responsive/component.js';

package/dist/esm/text/component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { HTMLAttributes, FC } from "react";
+import { HTMLAttributes } from "react";
 import { Color } from "../colors";
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextProps = Omit<NativeProps, 'color'> & {
@@ -16,6 +16,10 @@ type TextProps = Omit<NativeProps, 'color'> & {
      * Толщина шрифта
      */
     weight?: 'regular' | 'medium' | 'bold';
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
     /**
      * HTML тег
      */
@@ -33,5 +37,39 @@ type TextProps = Omit<NativeProps, 'color'> & {
      */
     children?: React.ReactNode;
 };
-declare const Text: FC<TextProps>;
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+declare const Text: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    /**
+     * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps" | undefined;
+    /**
+     * Цвет текста
+     */
+    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "medium" | "regular" | "bold" | undefined;
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean | undefined;
+    /**
+     * HTML тег
+     */
+    tag?: "div" | "p" | "span" | undefined;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string | undefined;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+} & React.RefAttributes<TextElementType>>;
 export { TextProps, Text };

package/dist/esm/text/component.js

@@ -1,14 +1,14 @@
-import { a as __rest, _ as __assign, c as colors } from '../colors.module-afa89fff.js';
-import React from 'react';
+import { a as __rest, _ as __assign, c as colors } from '../colors.module-2c206829.js';
+import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-var styles = {"paragraph":"typography__paragraph_1ihwl","primary-large":"typography__primary-large_1ihwl","primary-medium":"typography__primary-medium_1ihwl","primary-small":"typography__primary-small_1ihwl","secondary-large":"typography__secondary-large_1ihwl","secondary-medium":"typography__secondary-medium_1ihwl","secondary-small":"typography__secondary-small_1ihwl","component":"typography__component_1ihwl","caps":"typography__caps_1ihwl","bold":"typography__bold_1ihwl","medium":"typography__medium_1ihwl","regular":"typography__regular_1ihwl"};
+var styles = {"paragraph":"typography__paragraph_15q31","primary-large":"typography__primary-large_15q31","primary-medium":"typography__primary-medium_15q31","primary-small":"typography__primary-small_15q31","secondary-large":"typography__secondary-large_15q31","secondary-medium":"typography__secondary-medium_15q31","secondary-small":"typography__secondary-small_15q31","component":"typography__component_15q31","caps":"typography__caps_15q31","bold":"typography__bold_15q31","medium":"typography__medium_15q31","regular":"typography__regular_15q31","monospace":"typography__monospace_15q31"};
 require('./index.css')
 
-var Text = function (_a) {
+var Text = forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.view, view = _c === void 0 ? 'primary-medium' : _c, _d = _a.tag, Component = _d === void 0 ? 'span' : _d, _e = _a.weight, weight = _e === void 0 ? 'regular' : _e, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, restProps = __rest(_a, ["view", "tag", "weight", "color", "className", "dataTestId", "children"]);
-    return (React.createElement(Component, __assign({ className: cn((_b = {}, _b[styles.paragraph] = Component === 'p', _b), className, color && colors[color], styles[view], styles[weight]), "data-test-id": dataTestId }, restProps), children));
-};
+    var _c = _a.view, view = _c === void 0 ? 'primary-medium' : _c, _d = _a.tag, Component = _d === void 0 ? 'span' : _d, _e = _a.weight, weight = _e === void 0 ? 'regular' : _e, _f = _a.monospaceNumbers, monospaceNumbers = _f === void 0 ? false : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, restProps = __rest(_a, ["view", "tag", "weight", "monospaceNumbers", "color", "className", "dataTestId", "children"]);
+    return (React.createElement(Component, __assign({ className: cn((_b = {}, _b[styles.paragraph] = Component === 'p', _b[styles.monospace] = monospaceNumbers, _b), className, color && colors[color], styles[view], styles[weight]), "data-test-id": dataTestId, ref: ref }, restProps), children));
+});
 
 export { Text };