@alfalab/core-components-typography 4.14.3 → 5.0.0-snapshot-6a9d3fc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/colors.css +22 -44
- package/colors.d.ts +2 -3
- package/colors.js +1 -0
- package/colors.js.map +1 -0
- package/colors.module.css.js +8 -0
- package/colors.module.css.js.map +1 -0
- package/component.d.ts +7 -7
- package/component.js +13 -12
- package/component.js.map +1 -0
- package/cssm/colors.d.ts +2 -3
- package/cssm/colors.js +1 -0
- package/cssm/colors.js.map +1 -0
- package/cssm/colors.module.css +3 -24
- package/cssm/component.d.ts +7 -7
- package/cssm/component.js +13 -12
- package/cssm/component.js.map +1 -0
- package/cssm/index.d.ts +5 -5
- package/cssm/index.js +9 -8
- package/cssm/index.js.map +1 -0
- package/cssm/presets.d.ts +1 -2
- package/cssm/presets.js +1 -0
- package/cssm/presets.js.map +1 -0
- package/cssm/text/alfasans-index.module.css +18 -29
- package/cssm/text/component.d.ts +10 -12
- package/cssm/text/component.js +3 -2
- package/cssm/text/component.js.map +1 -0
- package/cssm/text/index.d.ts +1 -1
- package/cssm/text/index.js +3 -2
- package/cssm/text/index.js.map +1 -0
- package/cssm/text/index.module.css +3 -24
- package/cssm/title/alfasans-index.module.css +2 -23
- package/cssm/title/common.module.css +2 -23
- package/cssm/title/component.d.ts +13 -15
- package/cssm/title/component.js +7 -6
- package/cssm/title/component.js.map +1 -0
- package/cssm/title/index.d.ts +5 -6
- package/cssm/title/index.js +3 -2
- package/cssm/title/index.js.map +1 -0
- package/cssm/title/index.module.css +6 -26
- package/cssm/title/utils.d.ts +1 -2
- package/cssm/title/utils.js +1 -0
- package/cssm/title/utils.js.map +1 -0
- package/cssm/title-mobile/alfasans-index.module.css +2 -23
- package/cssm/title-mobile/component.d.ts +5 -7
- package/cssm/title-mobile/component.js +3 -2
- package/cssm/title-mobile/component.js.map +1 -0
- package/cssm/title-mobile/index.d.ts +2 -2
- package/cssm/title-mobile/index.js +3 -2
- package/cssm/title-mobile/index.js.map +1 -0
- package/cssm/title-mobile/index.module.css +5 -25
- package/cssm/title-responsive/component.d.ts +7 -9
- package/cssm/title-responsive/component.js +6 -5
- package/cssm/title-responsive/component.js.map +1 -0
- package/cssm/title-responsive/index.d.ts +1 -1
- package/cssm/title-responsive/index.js +3 -2
- package/cssm/title-responsive/index.js.map +1 -0
- package/cssm/types.d.ts +1 -2
- package/cssm/types.js +1 -0
- package/cssm/types.js.map +1 -0
- package/esm/colors.css +22 -44
- package/esm/colors.d.ts +2 -3
- package/esm/colors.js +1 -0
- package/esm/colors.js.map +1 -0
- package/esm/colors.module.css.js +6 -0
- package/esm/colors.module.css.js.map +1 -0
- package/esm/component.d.ts +7 -7
- package/esm/component.js +1 -0
- package/esm/component.js.map +1 -0
- package/esm/index.d.ts +5 -5
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/presets.d.ts +1 -2
- package/esm/presets.js +1 -0
- package/esm/presets.js.map +1 -0
- package/esm/text/alfasans-index.css +30 -58
- package/esm/text/alfasans-index.module.css.js +6 -0
- package/esm/text/alfasans-index.module.css.js.map +1 -0
- package/esm/text/component.d.ts +10 -12
- package/esm/text/component.js +4 -7
- package/esm/text/component.js.map +1 -0
- package/esm/text/index.css +24 -45
- package/esm/text/index.d.ts +1 -1
- package/esm/text/index.js +1 -0
- package/esm/text/index.js.map +1 -0
- package/esm/text/index.module.css.js +6 -0
- package/esm/text/index.module.css.js.map +1 -0
- package/esm/title/alfasans-index.css +11 -33
- package/esm/title/alfasans-index.module.css.js +6 -0
- package/esm/title/alfasans-index.module.css.js.map +1 -0
- package/esm/title/common.css +9 -31
- package/esm/title/common.module.css.js +6 -0
- package/esm/title/common.module.css.js.map +1 -0
- package/esm/title/component.d.ts +12 -14
- package/esm/title/component.js +2 -1
- package/esm/title/component.js.map +1 -0
- package/esm/title/index.css +21 -42
- package/esm/title/index.d.ts +4 -5
- package/esm/title/index.js +4 -7
- package/esm/title/index.js.map +1 -0
- package/esm/title/index.module.css.js +6 -0
- package/esm/title/index.module.css.js.map +1 -0
- package/esm/title/utils.d.ts +1 -2
- package/esm/title/utils.js +1 -0
- package/esm/title/utils.js.map +1 -0
- package/esm/title-mobile/alfasans-index.css +11 -33
- package/esm/title-mobile/alfasans-index.module.css.js +6 -0
- package/esm/title-mobile/alfasans-index.module.css.js.map +1 -0
- package/esm/title-mobile/component.d.ts +4 -6
- package/esm/title-mobile/component.js +4 -7
- package/esm/title-mobile/component.js.map +1 -0
- package/esm/title-mobile/index.css +19 -40
- package/esm/title-mobile/index.d.ts +2 -2
- package/esm/title-mobile/index.js +1 -0
- package/esm/title-mobile/index.js.map +1 -0
- package/esm/title-mobile/index.module.css.js +6 -0
- package/esm/title-mobile/index.module.css.js.map +1 -0
- package/esm/title-responsive/component.d.ts +6 -8
- package/esm/title-responsive/component.js +1 -0
- package/esm/title-responsive/component.js.map +1 -0
- package/esm/title-responsive/index.d.ts +1 -1
- package/esm/title-responsive/index.js +1 -0
- package/esm/title-responsive/index.js.map +1 -0
- package/esm/types.d.ts +1 -2
- package/esm/types.js +1 -0
- package/esm/types.js.map +1 -0
- package/index.d.ts +5 -5
- package/index.js +9 -8
- package/index.js.map +1 -0
- package/modern/colors.css +22 -44
- package/modern/colors.d.ts +2 -3
- package/modern/colors.js +1 -0
- package/modern/colors.js.map +1 -0
- package/modern/colors.module.css.js +6 -0
- package/modern/colors.module.css.js.map +1 -0
- package/modern/component.d.ts +7 -7
- package/modern/component.js +1 -0
- package/modern/component.js.map +1 -0
- package/modern/index.d.ts +5 -5
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/presets.d.ts +1 -2
- package/modern/presets.js +1 -0
- package/modern/presets.js.map +1 -0
- package/modern/text/alfasans-index.css +30 -58
- package/modern/text/alfasans-index.module.css.js +6 -0
- package/modern/text/alfasans-index.module.css.js.map +1 -0
- package/modern/text/component.d.ts +10 -12
- package/modern/text/component.js +4 -7
- package/modern/text/component.js.map +1 -0
- package/modern/text/index.css +24 -45
- package/modern/text/index.d.ts +1 -1
- package/modern/text/index.js +1 -0
- package/modern/text/index.js.map +1 -0
- package/modern/text/index.module.css.js +6 -0
- package/modern/text/index.module.css.js.map +1 -0
- package/modern/title/alfasans-index.css +11 -33
- package/modern/title/alfasans-index.module.css.js +6 -0
- package/modern/title/alfasans-index.module.css.js.map +1 -0
- package/modern/title/common.css +9 -31
- package/modern/title/common.module.css.js +6 -0
- package/modern/title/common.module.css.js.map +1 -0
- package/modern/title/component.d.ts +12 -14
- package/modern/title/component.js +2 -1
- package/modern/title/component.js.map +1 -0
- package/modern/title/index.css +21 -42
- package/modern/title/index.d.ts +4 -5
- package/modern/title/index.js +4 -7
- package/modern/title/index.js.map +1 -0
- package/modern/title/index.module.css.js +6 -0
- package/modern/title/index.module.css.js.map +1 -0
- package/modern/title/utils.d.ts +1 -2
- package/modern/title/utils.js +1 -0
- package/modern/title/utils.js.map +1 -0
- package/modern/title-mobile/alfasans-index.css +11 -33
- package/modern/title-mobile/alfasans-index.module.css.js +6 -0
- package/modern/title-mobile/alfasans-index.module.css.js.map +1 -0
- package/modern/title-mobile/component.d.ts +4 -6
- package/modern/title-mobile/component.js +4 -7
- package/modern/title-mobile/component.js.map +1 -0
- package/modern/title-mobile/index.css +19 -40
- package/modern/title-mobile/index.d.ts +2 -2
- package/modern/title-mobile/index.js +1 -0
- package/modern/title-mobile/index.js.map +1 -0
- package/modern/title-mobile/index.module.css.js +6 -0
- package/modern/title-mobile/index.module.css.js.map +1 -0
- package/modern/title-responsive/component.d.ts +6 -8
- package/modern/title-responsive/component.js +1 -0
- package/modern/title-responsive/component.js.map +1 -0
- package/modern/title-responsive/index.d.ts +1 -1
- package/modern/title-responsive/index.js +1 -0
- package/modern/title-responsive/index.js.map +1 -0
- package/modern/types.d.ts +1 -2
- package/modern/types.js +1 -0
- package/modern/types.js.map +1 -0
- package/moderncssm/colors.d.ts +2 -3
- package/moderncssm/colors.js +1 -0
- package/moderncssm/colors.js.map +1 -0
- package/moderncssm/colors.module.css +0 -4
- package/moderncssm/component.d.ts +7 -7
- package/moderncssm/component.js +1 -0
- package/moderncssm/component.js.map +1 -0
- package/moderncssm/index.d.ts +5 -5
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/presets.d.ts +1 -2
- package/moderncssm/presets.js +1 -0
- package/moderncssm/presets.js.map +1 -0
- package/moderncssm/text/alfasans-index.module.css +18 -29
- package/moderncssm/text/component.d.ts +10 -12
- package/moderncssm/text/component.js +1 -0
- package/moderncssm/text/component.js.map +1 -0
- package/moderncssm/text/index.d.ts +1 -1
- package/moderncssm/text/index.js +1 -0
- package/moderncssm/text/index.js.map +1 -0
- package/moderncssm/text/index.module.css +0 -1
- package/moderncssm/title/alfasans-index.module.css +2 -23
- package/moderncssm/title/common.module.css +0 -2
- package/moderncssm/title/component.d.ts +12 -14
- package/moderncssm/title/component.js +1 -0
- package/moderncssm/title/component.js.map +1 -0
- package/moderncssm/title/index.d.ts +4 -5
- package/moderncssm/title/index.js +1 -0
- package/moderncssm/title/index.js.map +1 -0
- package/moderncssm/title/index.module.css +0 -1
- package/moderncssm/title/utils.d.ts +1 -2
- package/moderncssm/title/utils.js +1 -0
- package/moderncssm/title/utils.js.map +1 -0
- package/moderncssm/title-mobile/alfasans-index.module.css +2 -23
- package/moderncssm/title-mobile/component.d.ts +4 -6
- package/moderncssm/title-mobile/component.js +1 -0
- package/moderncssm/title-mobile/component.js.map +1 -0
- package/moderncssm/title-mobile/index.d.ts +2 -2
- package/moderncssm/title-mobile/index.js +1 -0
- package/moderncssm/title-mobile/index.js.map +1 -0
- package/moderncssm/title-mobile/index.module.css +0 -1
- package/moderncssm/title-responsive/component.d.ts +6 -8
- package/moderncssm/title-responsive/component.js +1 -0
- package/moderncssm/title-responsive/component.js.map +1 -0
- package/moderncssm/title-responsive/index.d.ts +1 -1
- package/moderncssm/title-responsive/index.js +1 -0
- package/moderncssm/title-responsive/index.js.map +1 -0
- package/moderncssm/types.d.ts +1 -2
- package/moderncssm/types.js +1 -0
- package/moderncssm/types.js.map +1 -0
- package/package.json +8 -8
- package/presets.d.ts +1 -2
- package/presets.js +1 -0
- package/presets.js.map +1 -0
- package/text/alfasans-index.css +30 -58
- package/text/alfasans-index.module.css.js +8 -0
- package/text/alfasans-index.module.css.js.map +1 -0
- package/text/component.d.ts +10 -12
- package/text/component.js +12 -15
- package/text/component.js.map +1 -0
- package/text/index.css +24 -45
- package/text/index.d.ts +1 -1
- package/text/index.js +3 -2
- package/text/index.js.map +1 -0
- package/text/index.module.css.js +8 -0
- package/text/index.module.css.js.map +1 -0
- package/title/alfasans-index.css +11 -33
- package/title/alfasans-index.module.css.js +8 -0
- package/title/alfasans-index.module.css.js.map +1 -0
- package/title/common.css +9 -31
- package/title/common.module.css.js +8 -0
- package/title/common.module.css.js.map +1 -0
- package/title/component.d.ts +12 -14
- package/title/component.js +5 -4
- package/title/component.js.map +1 -0
- package/title/index.css +21 -42
- package/title/index.d.ts +4 -5
- package/title/index.js +7 -10
- package/title/index.js.map +1 -0
- package/title/index.module.css.js +8 -0
- package/title/index.module.css.js.map +1 -0
- package/title/utils.d.ts +1 -2
- package/title/utils.js +1 -0
- package/title/utils.js.map +1 -0
- package/title-mobile/alfasans-index.css +11 -33
- package/title-mobile/alfasans-index.module.css.js +8 -0
- package/title-mobile/alfasans-index.module.css.js.map +1 -0
- package/title-mobile/component.d.ts +4 -6
- package/title-mobile/component.js +7 -10
- package/title-mobile/component.js.map +1 -0
- package/title-mobile/index.css +19 -40
- package/title-mobile/index.d.ts +2 -2
- package/title-mobile/index.js +3 -2
- package/title-mobile/index.js.map +1 -0
- package/title-mobile/index.module.css.js +8 -0
- package/title-mobile/index.module.css.js.map +1 -0
- package/title-responsive/component.d.ts +6 -8
- package/title-responsive/component.js +4 -3
- package/title-responsive/component.js.map +1 -0
- package/title-responsive/index.d.ts +1 -1
- package/title-responsive/index.js +3 -2
- package/title-responsive/index.js.map +1 -0
- package/types.d.ts +1 -2
- package/types.js +1 -0
- package/types.js.map +1 -0
- package/colors.module-0ab37907.js +0 -6
- package/common.module-162cc30e.js +0 -6
- package/cssm/common.module.css +0 -3
- package/cssm/margins.module.css +0 -1
- package/esm/colors.module-719e5e74.js +0 -4
- package/esm/common.module-2fe7f697.js +0 -4
- package/modern/colors.module-8f6f35d9.js +0 -4
- package/modern/common.module-3e4facd7.js +0 -4
- package/moderncssm/common.module.css +0 -3
- package/moderncssm/margins.module.css +0 -1
package/cssm/title/index.d.ts
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { TitleProps } from
|
|
2
|
+
import { TitleProps } from './component';
|
|
4
3
|
declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
|
|
5
4
|
tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
6
|
-
view?: "
|
|
7
|
-
color?: "
|
|
8
|
-
weight?: "
|
|
5
|
+
view?: "medium" | "small" | "xlarge" | "large" | "xsmall" | undefined;
|
|
6
|
+
color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
|
|
7
|
+
weight?: "regular" | "medium" | "bold" | "semibold" | undefined;
|
|
9
8
|
font?: "alfasans" | "styrene" | "system" | {
|
|
10
9
|
font: "alfasans";
|
|
11
10
|
systemCompat: boolean;
|
|
@@ -14,7 +13,7 @@ declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<H
|
|
|
14
13
|
className?: string | undefined;
|
|
15
14
|
dataTestId?: string | undefined;
|
|
16
15
|
children?: React.ReactNode;
|
|
17
|
-
rowLimit?:
|
|
16
|
+
rowLimit?: 1 | 2 | 3 | undefined;
|
|
18
17
|
showSkeleton?: boolean | undefined;
|
|
19
18
|
skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps | undefined;
|
|
20
19
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
package/cssm/title/index.js
CHANGED
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var
|
|
7
|
+
var component = require('./component.js');
|
|
8
8
|
var alfasansStyles = require('./alfasans-index.module.css');
|
|
9
9
|
var commonStyles = require('./common.module.css');
|
|
10
10
|
var styles = require('./index.module.css');
|
|
@@ -17,6 +17,7 @@ var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
|
|
|
17
17
|
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
18
18
|
|
|
19
19
|
var allStyles = tslib.__assign(tslib.__assign(tslib.__assign({}, commonStyles__default.default), styles__default.default), alfasansStyles__default.default);
|
|
20
|
-
var Title = React.forwardRef(function (props, ref) { return (React__default.default.createElement(
|
|
20
|
+
var Title = React.forwardRef(function (props, ref) { return (React__default.default.createElement(component.TitleBase, tslib.__assign({}, props, { styles: allStyles, ref: ref, platform: 'desktop' }))); });
|
|
21
21
|
|
|
22
22
|
exports.Title = Title;
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/title/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TitleBase, TitleProps } from './component';\n\nimport alfasansStyles from './alfasans-index.module.css';\nimport commonStyles from './common.module.css';\nimport styles from './index.module.css';\n\nconst allStyles =\n process.env.CORE_COMPONENTS_ENV === 'test'\n ? commonStyles\n : { ...commonStyles, ...styles, ...alfasansStyles };\n\nconst Title = forwardRef<HTMLHeadingElement | HTMLDivElement, TitleProps>((props, ref) => (\n <TitleBase {...props} styles={allStyles} ref={ref} platform='desktop' />\n));\n\nexport { Title };\nexport type { TitleProps };\n"],"names":["commonStyles","styles","alfasansStyles","forwardRef","React","TitleBase"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,IAAM,SAAS,oDAGAA,6BAAY,CAAA,EAAKC,uBAAM,CAAK,EAAAC,+BAAc,CAAE;AAE3D,IAAM,KAAK,GAAGC,gBAAU,CAAkD,UAAC,KAAK,EAAE,GAAG,EAAA,EAAK,QACtFC,sBAAC,CAAA,aAAA,CAAAC,mBAAS,qBAAK,KAAK,EAAA,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,SAAS,EAAG,CAAA,CAAA,EADc,EAEzF;;;;"}
|
|
@@ -1,27 +1,8 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
/* Hard */
|
|
8
|
-
|
|
9
|
-
/* Up */
|
|
10
|
-
|
|
11
|
-
/* Hard up */
|
|
12
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
13
|
-
|
|
14
|
-
/* новые значения, используйте их */
|
|
15
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
-
--gap-m: 16px; /* deprecated */ /* deprecated */
|
|
17
|
-
--gap-xl: 24px; /* deprecated */ /* deprecated */
|
|
18
|
-
--gap-3xl: 40px; /* deprecated */
|
|
19
|
-
--gap-4xl: 48px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
20
|
-
|
|
21
|
-
/* новые значения, используйте их */
|
|
22
|
-
|
|
23
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
24
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
1
|
+
:root {
|
|
2
|
+
--gap-m: 16px;
|
|
3
|
+
--gap-xl: 24px;
|
|
4
|
+
--gap-3xl: 40px;
|
|
5
|
+
--gap-4xl: 48px;
|
|
25
6
|
--gap-0: 0px;
|
|
26
7
|
--gap-16: var(--gap-m);
|
|
27
8
|
--gap-24: var(--gap-xl);
|
|
@@ -30,8 +11,7 @@
|
|
|
30
11
|
} :root {
|
|
31
12
|
--font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
32
13
|
'Helvetica Neue', Helvetica, sans-serif;
|
|
33
|
-
}
|
|
34
|
-
} /* сбрасывает синюю подсветку при нажатии */ .transparent {
|
|
14
|
+
} .transparent {
|
|
35
15
|
opacity: 0;
|
|
36
16
|
} .styrene-xlarge {
|
|
37
17
|
font-size: 48px;
|
package/cssm/title/utils.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
declare function getDefaultWeight(font: 'styrene' | 'system' | 'alfasans', platform: 'mobile' | 'desktop'): "medium" | "bold" | "semibold";
|
|
2
|
-
export { getDefaultWeight };
|
|
1
|
+
export declare function getDefaultWeight(font: 'styrene' | 'system' | 'alfasans', platform: 'mobile' | 'desktop'): "medium" | "bold" | "semibold";
|
package/cssm/title/utils.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../src/title/utils.ts"],"sourcesContent":["export function getDefaultWeight(\n font: 'styrene' | 'system' | 'alfasans',\n platform: 'mobile' | 'desktop',\n) {\n if (font === 'styrene' || font === 'alfasans') {\n return 'medium';\n }\n\n if (platform === 'desktop') {\n return 'bold';\n }\n\n return 'semibold';\n}\n"],"names":[],"mappings":";;;;AAAgB,SAAA,gBAAgB,CAC5B,IAAuC,EACvC,QAA8B,EAAA;AAE9B,IAAA,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,EAAE;AAC3C,QAAA,OAAO,QAAQ;AAClB;IAED,IAAI,QAAQ,KAAK,SAAS,EAAE;AACxB,QAAA,OAAO,MAAM;AAChB;AAED,IAAA,OAAO,UAAU;AACrB;;;;"}
|
|
@@ -1,28 +1,7 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root {
|
|
6
|
-
|
|
7
|
-
/* Hard */
|
|
8
|
-
|
|
9
|
-
/* Up */
|
|
10
|
-
|
|
11
|
-
/* Hard up */
|
|
12
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
13
|
-
|
|
14
|
-
/* новые значения, используйте их */
|
|
15
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
-
|
|
17
|
-
/* новые значения, используйте их */
|
|
18
|
-
|
|
19
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
20
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
21
|
-
} :root {
|
|
1
|
+
:root {
|
|
22
2
|
--font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
23
3
|
'Helvetica Neue', Helvetica, sans-serif;
|
|
24
|
-
}
|
|
25
|
-
} /* сбрасывает синюю подсветку при нажатии */ .alfasans-xlarge {
|
|
4
|
+
} .alfasans-xlarge {
|
|
26
5
|
font-size: 34px;
|
|
27
6
|
line-height: 40px;
|
|
28
7
|
font-weight: 500;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
|
|
2
|
+
export declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
|
|
4
3
|
tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
5
|
-
view?: "
|
|
6
|
-
color?: "
|
|
7
|
-
weight?: "
|
|
4
|
+
view?: "medium" | "small" | "xlarge" | "large" | "xsmall" | undefined;
|
|
5
|
+
color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
|
|
6
|
+
weight?: "regular" | "medium" | "bold" | "semibold" | undefined;
|
|
8
7
|
font?: "alfasans" | "styrene" | "system" | {
|
|
9
8
|
font: "alfasans";
|
|
10
9
|
systemCompat: boolean;
|
|
@@ -13,9 +12,8 @@ declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
|
|
|
13
12
|
className?: string | undefined;
|
|
14
13
|
dataTestId?: string | undefined;
|
|
15
14
|
children?: React.ReactNode;
|
|
16
|
-
rowLimit?:
|
|
15
|
+
rowLimit?: 1 | 2 | 3 | undefined;
|
|
17
16
|
showSkeleton?: boolean | undefined;
|
|
18
17
|
skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps | undefined;
|
|
19
18
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
20
19
|
} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
|
|
21
|
-
export { TitleMobile };
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var
|
|
7
|
+
var component = require('../title/component.js');
|
|
8
8
|
var commonStyles = require('../title/common.module.css');
|
|
9
9
|
var alfasansStyles = require('./alfasans-index.module.css');
|
|
10
10
|
var styles = require('./index.module.css');
|
|
@@ -17,6 +17,7 @@ var alfasansStyles__default = /*#__PURE__*/_interopDefaultCompat(alfasansStyles)
|
|
|
17
17
|
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
18
18
|
|
|
19
19
|
var allStyles = tslib.__assign(tslib.__assign(tslib.__assign({}, commonStyles__default.default), styles__default.default), alfasansStyles__default.default);
|
|
20
|
-
var TitleMobile = React.forwardRef(function (props, ref) { return React__default.default.createElement(
|
|
20
|
+
var TitleMobile = React.forwardRef(function (props, ref) { return React__default.default.createElement(component.TitleBase, tslib.__assign({}, props, { styles: allStyles, ref: ref, platform: 'mobile' })); });
|
|
21
21
|
|
|
22
22
|
exports.TitleMobile = TitleMobile;
|
|
23
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../../src/title-mobile/component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TitleBase, TitleProps } from '../title/component';\n\nimport commonStyles from '../title/common.module.css';\nimport alfasansStyles from './alfasans-index.module.css';\nimport styles from './index.module.css';\n\nconst allStyles =\n process.env.CORE_COMPONENTS_ENV === 'test'\n ? commonStyles\n : { ...commonStyles, ...styles, ...alfasansStyles };\n\nexport const TitleMobile = forwardRef<HTMLHeadingElement | HTMLDivElement, TitleProps>(\n (props, ref) => <TitleBase {...props} styles={allStyles} ref={ref} platform='mobile' />,\n);\n"],"names":["commonStyles","styles","alfasansStyles","forwardRef","React","TitleBase","__assign"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,IAAM,SAAS,oDAGAA,6BAAY,CAAA,EAAKC,uBAAM,CAAK,EAAAC,+BAAc,CAAE;AAEpD,IAAM,WAAW,GAAGC,gBAAU,CACjC,UAAC,KAAK,EAAE,GAAG,EAAA,EAAK,OAAAC,sBAAA,CAAA,aAAA,CAACC,mBAAS,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,EAAE,EAAA,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,QAAQ,EAAA,CAAA,CAAG,CAAvE,EAAuE;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { TitleMobile } from
|
|
2
|
-
export type { TitleProps as TitleMobileProps } from
|
|
1
|
+
export { TitleMobile } from './component';
|
|
2
|
+
export type { TitleProps as TitleMobileProps } from '../title/component';
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var component = require('./component.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.TitleMobile =
|
|
9
|
+
exports.TitleMobile = component.TitleMobile;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,26 +1,7 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
} :root {
|
|
6
|
-
|
|
7
|
-
/* Hard */
|
|
8
|
-
|
|
9
|
-
/* Up */
|
|
10
|
-
|
|
11
|
-
/* Hard up */
|
|
12
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
13
|
-
|
|
14
|
-
/* новые значения, используйте их */
|
|
15
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
-
--gap-m: 16px; /* deprecated */ /* deprecated */
|
|
17
|
-
--gap-xl: 24px; /* deprecated */ /* deprecated */
|
|
18
|
-
--gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
-
|
|
20
|
-
/* новые значения, используйте их */
|
|
21
|
-
|
|
22
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
23
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
1
|
+
:root {
|
|
2
|
+
--gap-m: 16px;
|
|
3
|
+
--gap-xl: 24px;
|
|
4
|
+
--gap-3xl: 40px;
|
|
24
5
|
--gap-0: 0px;
|
|
25
6
|
--gap-16: var(--gap-m);
|
|
26
7
|
--gap-24: var(--gap-xl);
|
|
@@ -28,8 +9,7 @@
|
|
|
28
9
|
} :root {
|
|
29
10
|
--font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
30
11
|
'Helvetica Neue', Helvetica, sans-serif;
|
|
31
|
-
}
|
|
32
|
-
} /* сбрасывает синюю подсветку при нажатии */ .styrene-xlarge {
|
|
12
|
+
} .styrene-xlarge {
|
|
33
13
|
font-size: 34px;
|
|
34
14
|
line-height: 40px;
|
|
35
15
|
font-weight: 500;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { TitleProps } from
|
|
4
|
-
type TitleResponsiveProps = TitleProps & {
|
|
2
|
+
import { TitleProps } from '../title';
|
|
3
|
+
export declare type TitleResponsiveProps = TitleProps & {
|
|
5
4
|
/**
|
|
6
5
|
* Контрольная точка, с нее начинается desktop версия
|
|
7
6
|
* @default 1024
|
|
@@ -12,11 +11,11 @@ type TitleResponsiveProps = TitleProps & {
|
|
|
12
11
|
*/
|
|
13
12
|
client?: 'desktop' | 'mobile';
|
|
14
13
|
};
|
|
15
|
-
declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
|
|
14
|
+
export declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
|
|
16
15
|
tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
17
|
-
view?: "
|
|
18
|
-
color?: "
|
|
19
|
-
weight?: "
|
|
16
|
+
view?: "medium" | "small" | "xlarge" | "large" | "xsmall" | undefined;
|
|
17
|
+
color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
|
|
18
|
+
weight?: "regular" | "medium" | "bold" | "semibold" | undefined;
|
|
20
19
|
font?: "alfasans" | "styrene" | "system" | {
|
|
21
20
|
font: "alfasans";
|
|
22
21
|
systemCompat: boolean;
|
|
@@ -25,7 +24,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
|
|
|
25
24
|
className?: string | undefined;
|
|
26
25
|
dataTestId?: string | undefined;
|
|
27
26
|
children?: React.ReactNode;
|
|
28
|
-
rowLimit?:
|
|
27
|
+
rowLimit?: 1 | 2 | 3 | undefined;
|
|
29
28
|
showSkeleton?: boolean | undefined;
|
|
30
29
|
skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps | undefined;
|
|
31
30
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
@@ -40,4 +39,3 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
|
|
|
40
39
|
*/
|
|
41
40
|
client?: "mobile" | "desktop" | undefined;
|
|
42
41
|
} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
|
|
43
|
-
export { TitleResponsiveProps, TitleResponsive };
|
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
7
|
+
var cssm = require('@alfalab/core-components-mq/cssm');
|
|
8
|
+
var index = require('../title/index.js');
|
|
9
|
+
var component = require('../title-mobile/component.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
12
12
|
|
|
@@ -14,9 +14,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
14
14
|
|
|
15
15
|
var TitleResponsive = React.forwardRef(function (_a, ref) {
|
|
16
16
|
var breakpoint = _a.breakpoint, client = _a.client, restProps = tslib.__rest(_a, ["breakpoint", "client"]);
|
|
17
|
-
var isDesktop =
|
|
18
|
-
var Component = isDesktop ?
|
|
17
|
+
var isDesktop = cssm.useIsDesktop(breakpoint, client === 'desktop');
|
|
18
|
+
var Component = isDesktop ? index.Title : component.TitleMobile;
|
|
19
19
|
return React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: ref }));
|
|
20
20
|
});
|
|
21
21
|
|
|
22
22
|
exports.TitleResponsive = TitleResponsive;
|
|
23
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../../src/title-responsive/component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { Title, TitleProps } from '../title';\nimport { TitleMobile } from '../title-mobile';\n\nexport type TitleResponsiveProps = TitleProps & {\n /**\n * Контрольная точка, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n\n /**\n * Версия, которая будет использоваться при серверном рендеринге\n */\n client?: 'desktop' | 'mobile';\n};\n\nexport const TitleResponsive = forwardRef<\n HTMLHeadingElement | HTMLDivElement,\n TitleResponsiveProps\n>(({ breakpoint, client, ...restProps }, ref) => {\n const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n const Component = isDesktop ? Title : TitleMobile;\n\n return <Component {...restProps} ref={ref} />;\n});\n"],"names":["forwardRef","__rest","useIsDesktop","Title","TitleMobile","React","__assign"],"mappings":";;;;;;;;;;;;;;IAoBa,eAAe,GAAGA,gBAAU,CAGvC,UAAC,EAAoC,EAAE,GAAG,EAAA;IAAvC,IAAA,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAK,SAAS,GAAlCC,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,CAAoC,CAAF;IACjC,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAEhE,IAAM,SAAS,GAAG,SAAS,GAAGC,WAAK,GAAGC,qBAAW;IAEjD,OAAOC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI;AACjD,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './component';
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var component = require('./component.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.TitleResponsive =
|
|
9
|
+
exports.TitleResponsive = component.TitleResponsive;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
package/cssm/types.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
2
|
-
export { TextElementType };
|
|
1
|
+
export declare type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
package/cssm/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|