@alfalab/core-components-typography 4.12.0 → 4.13.0
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 -22
- package/colors.module-00df0e34.js +6 -0
- package/common.module-d8e58b73.js +6 -0
- package/cssm/colors.module.css +1 -1
- package/cssm/hooks/use-skeleton.module.css +1 -1
- package/cssm/text/alfasans-index.module.css +115 -0
- package/cssm/text/component.d.ts +4 -0
- package/cssm/text/component.js +5 -2
- package/cssm/text/index.module.css +1 -1
- package/cssm/title/alfasans-index.module.css +60 -0
- package/cssm/title/common.module.css +1 -1
- package/cssm/title/component.d.ts +10 -4
- package/cssm/title/component.js +12 -1
- package/cssm/title/index.d.ts +4 -1
- package/cssm/title/index.js +6 -1
- package/cssm/title/index.module.css +1 -1
- package/cssm/title/utils.d.ts +1 -1
- package/cssm/title/utils.js +1 -1
- package/cssm/title-mobile/alfasans-index.module.css +60 -0
- package/cssm/title-mobile/component.d.ts +4 -1
- package/cssm/title-mobile/component.js +6 -1
- package/cssm/title-mobile/index.module.css +1 -1
- package/cssm/title-responsive/component.d.ts +4 -1
- package/esm/colors.css +22 -22
- package/esm/colors.module-98ec8c3d.js +4 -0
- package/esm/common.module-65e6c3e1.js +4 -0
- package/esm/hooks/use-skeleton.css +6 -6
- package/esm/hooks/use-skeleton.js +1 -1
- package/esm/text/alfasans-index.css +132 -0
- package/esm/text/component.d.ts +4 -0
- package/esm/text/component.js +8 -4
- package/esm/text/index.css +23 -23
- package/esm/title/alfasans-index.css +71 -0
- package/esm/title/common.css +10 -10
- package/esm/title/component.d.ts +10 -4
- package/esm/title/component.js +13 -2
- package/esm/title/index.css +18 -18
- package/esm/title/index.d.ts +4 -1
- package/esm/title/index.js +9 -3
- package/esm/title/utils.d.ts +1 -1
- package/esm/title/utils.js +1 -1
- package/esm/title-mobile/alfasans-index.css +61 -0
- package/esm/title-mobile/component.d.ts +4 -1
- package/esm/title-mobile/component.js +9 -3
- package/esm/title-mobile/index.css +17 -17
- package/esm/title-responsive/component.d.ts +4 -1
- package/hooks/use-skeleton.css +6 -6
- package/hooks/use-skeleton.js +1 -1
- package/modern/colors.css +22 -22
- package/modern/colors.module-d4623603.js +4 -0
- package/modern/common.module-fe3b6c14.js +4 -0
- package/modern/hooks/use-skeleton.css +6 -6
- package/modern/hooks/use-skeleton.js +1 -1
- package/modern/text/alfasans-index.css +132 -0
- package/modern/text/component.d.ts +4 -0
- package/modern/text/component.js +8 -4
- package/modern/text/index.css +23 -23
- package/modern/title/alfasans-index.css +71 -0
- package/modern/title/common.css +10 -10
- package/modern/title/component.d.ts +10 -4
- package/modern/title/component.js +13 -2
- package/modern/title/index.css +18 -18
- package/modern/title/index.d.ts +4 -1
- package/modern/title/index.js +9 -3
- package/modern/title/utils.d.ts +1 -1
- package/modern/title/utils.js +1 -1
- package/modern/title-mobile/alfasans-index.css +61 -0
- package/modern/title-mobile/component.d.ts +4 -1
- package/modern/title-mobile/component.js +9 -3
- package/modern/title-mobile/index.css +17 -17
- package/modern/title-responsive/component.d.ts +4 -1
- package/moderncssm/text/alfasans-index.module.css +131 -0
- package/moderncssm/text/component.d.ts +4 -0
- package/moderncssm/text/component.js +4 -2
- package/moderncssm/title/alfasans-index.module.css +60 -0
- package/moderncssm/title/component.d.ts +10 -4
- package/moderncssm/title/component.js +12 -1
- package/moderncssm/title/index.d.ts +4 -1
- package/moderncssm/title/index.js +5 -1
- package/moderncssm/title/utils.d.ts +1 -1
- package/moderncssm/title/utils.js +1 -1
- package/moderncssm/title-mobile/alfasans-index.module.css +60 -0
- package/moderncssm/title-mobile/component.d.ts +4 -1
- package/moderncssm/title-mobile/component.js +5 -1
- package/moderncssm/title-responsive/component.d.ts +4 -1
- package/package.json +4 -3
- package/src/text/alfasans-index.module.css +52 -0
- package/src/text/component.tsx +10 -2
- package/src/title/alfasans-index.module.css +11 -0
- package/src/title/component.tsx +17 -4
- package/src/title/index.tsx +7 -6
- package/src/title/utils.ts +5 -2
- package/src/title-mobile/alfasans-index.module.css +11 -0
- package/src/title-mobile/component.tsx +7 -8
- package/text/alfasans-index.css +132 -0
- package/text/component.d.ts +4 -0
- package/text/component.js +8 -4
- package/text/index.css +23 -23
- package/title/alfasans-index.css +71 -0
- package/title/common.css +10 -10
- package/title/component.d.ts +10 -4
- package/title/component.js +13 -2
- package/title/index.css +18 -18
- package/title/index.d.ts +4 -1
- package/title/index.js +9 -3
- package/title/utils.d.ts +1 -1
- package/title/utils.js +1 -1
- package/title-mobile/alfasans-index.css +61 -0
- package/title-mobile/component.d.ts +4 -1
- package/title-mobile/component.js +9 -3
- package/title-mobile/index.css +17 -17
- package/title-responsive/component.d.ts +4 -1
- package/colors.module-6189535f.js +0 -6
- package/common.module-20520650.js +0 -6
- package/esm/colors.module-113b9747.js +0 -4
- package/esm/common.module-aa1a707c.js +0 -4
- package/modern/colors.module-3d083211.js +0 -4
- package/modern/common.module-7f5f9b66.js +0 -4
package/colors.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 5j532 */
|
|
2
2
|
: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 */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-accent-primary: #ef3124;
|
|
@@ -40,45 +40,45 @@
|
|
|
40
40
|
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
41
41
|
/* stylelint-disable-next-line length-zero-no-unit */
|
|
42
42
|
} :root {
|
|
43
|
-
} :root {
|
|
44
|
-
} /* сбрасывает синюю подсветку при нажатии */ /* colors */ .
|
|
43
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
44
|
+
} /* сбрасывает синюю подсветку при нажатии */ /* colors */ .typography__tertiary_1f2m5 {
|
|
45
45
|
color: var(--color-light-text-tertiary);
|
|
46
|
-
} .
|
|
46
|
+
} .typography__disabled_1f2m5 {
|
|
47
47
|
color: var(--color-light-text-quaternary);
|
|
48
|
-
} .
|
|
48
|
+
} .typography__accent_1f2m5 {
|
|
49
49
|
color: var(--color-light-accent-primary);
|
|
50
|
-
} .
|
|
50
|
+
} .typography__primary_1f2m5 {
|
|
51
51
|
color: var(--color-light-text-primary);
|
|
52
|
-
} .
|
|
52
|
+
} .typography__attention_1f2m5 {
|
|
53
53
|
color: var(--color-light-text-attention);
|
|
54
|
-
} .
|
|
54
|
+
} .typography__positive_1f2m5 {
|
|
55
55
|
color: var(--color-light-text-positive);
|
|
56
|
-
} .
|
|
56
|
+
} .typography__secondary_1f2m5 {
|
|
57
57
|
color: var(--color-light-text-secondary);
|
|
58
|
-
} .typography__tertiary-
|
|
58
|
+
} .typography__tertiary-inverted_1f2m5 {
|
|
59
59
|
color: var(--color-light-text-tertiary-inverted);
|
|
60
|
-
} .typography__primary-
|
|
60
|
+
} .typography__primary-inverted_1f2m5 {
|
|
61
61
|
color: var(--color-light-text-primary-inverted);
|
|
62
|
-
} .typography__secondary-
|
|
62
|
+
} .typography__secondary-inverted_1f2m5 {
|
|
63
63
|
color: var(--color-light-text-secondary-inverted);
|
|
64
|
-
} .
|
|
64
|
+
} .typography__link_1f2m5 {
|
|
65
65
|
color: var(--color-light-text-info);
|
|
66
|
-
} .
|
|
66
|
+
} .typography__negative_1f2m5 {
|
|
67
67
|
color: var(--color-light-text-negative);
|
|
68
|
-
} .typography__static-primary-
|
|
68
|
+
} .typography__static-primary-light_1f2m5 {
|
|
69
69
|
color: var(--color-static-text-primary-light);
|
|
70
|
-
} .typography__static-secondary-
|
|
70
|
+
} .typography__static-secondary-light_1f2m5 {
|
|
71
71
|
color: var(--color-static-text-secondary-light);
|
|
72
|
-
} .typography__static-tertiary-
|
|
72
|
+
} .typography__static-tertiary-light_1f2m5 {
|
|
73
73
|
color: var(--color-static-text-tertiary-light);
|
|
74
|
-
} .typography__static-primary-
|
|
74
|
+
} .typography__static-primary-dark_1f2m5 {
|
|
75
75
|
color: var(--color-static-text-primary-dark);
|
|
76
|
-
} .typography__static-secondary-
|
|
76
|
+
} .typography__static-secondary-dark_1f2m5 {
|
|
77
77
|
color: var(--color-static-text-secondary-dark);
|
|
78
|
-
} .typography__static-tertiary-
|
|
78
|
+
} .typography__static-tertiary-dark_1f2m5 {
|
|
79
79
|
color: var(--color-static-text-tertiary-dark);
|
|
80
|
-
} .typography__static-
|
|
80
|
+
} .typography__static-accent_1f2m5 {
|
|
81
81
|
color: var(--color-static-accent-primary);
|
|
82
|
-
} .typography__static-
|
|
82
|
+
} .typography__static-positive_1f2m5 {
|
|
83
83
|
color: var(--color-static-text-positive);
|
|
84
84
|
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var colors = {"tertiary":"typography__tertiary_1f2m5","disabled":"typography__disabled_1f2m5","accent":"typography__accent_1f2m5","primary":"typography__primary_1f2m5","attention":"typography__attention_1f2m5","positive":"typography__positive_1f2m5","secondary":"typography__secondary_1f2m5","tertiary-inverted":"typography__tertiary-inverted_1f2m5","primary-inverted":"typography__primary-inverted_1f2m5","secondary-inverted":"typography__secondary-inverted_1f2m5","link":"typography__link_1f2m5","negative":"typography__negative_1f2m5","static-primary-light":"typography__static-primary-light_1f2m5","static-secondary-light":"typography__static-secondary-light_1f2m5","static-tertiary-light":"typography__static-tertiary-light_1f2m5","static-primary-dark":"typography__static-primary-dark_1f2m5","static-secondary-dark":"typography__static-secondary-dark_1f2m5","static-tertiary-dark":"typography__static-tertiary-dark_1f2m5","static-accent":"typography__static-accent_1f2m5","static-positive":"typography__static-positive_1f2m5"};
|
|
4
|
+
require('./colors.css')
|
|
5
|
+
|
|
6
|
+
exports.colors = colors;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var commonStyles = {"component":"typography__component_1ju4j","bold":"typography__bold_1ju4j","semibold":"typography__semibold_1ju4j","medium":"typography__medium_1ju4j","regular":"typography__regular_1ju4j","rowLimit1":"typography__rowLimit1_1ju4j","rowLimit2":"typography__rowLimit2_1ju4j","rowLimit3":"typography__rowLimit3_1ju4j"};
|
|
4
|
+
require('./title/common.css')
|
|
5
|
+
|
|
6
|
+
exports.commonStyles = commonStyles;
|
package/cssm/colors.module.css
CHANGED
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
40
40
|
/* stylelint-disable-next-line length-zero-no-unit */
|
|
41
41
|
} :root {
|
|
42
|
-
} :root {
|
|
42
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
43
43
|
} /* сбрасывает синюю подсветку при нажатии */ /* colors */ .tertiary {
|
|
44
44
|
color: var(--color-light-text-tertiary);
|
|
45
45
|
} .disabled {
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
/* stylelint-disable-next-line length-zero-no-unit */
|
|
22
22
|
--gap-0: 0px;
|
|
23
23
|
} :root {
|
|
24
|
-
} :root {
|
|
24
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
25
25
|
} /* сбрасывает синюю подсветку при нажатии */ .skeletonText.skeletonText {
|
|
26
26
|
border-radius: var(--border-radius-pill);
|
|
27
27
|
} .left > div {
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
: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 */
|
|
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 {
|
|
22
|
+
--font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
23
|
+
'Helvetica Neue', Helvetica, sans-serif;
|
|
24
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
25
|
+
} /* сбрасывает синюю подсветку при нажатии */ .text.component {
|
|
26
|
+
font-size: 16px;
|
|
27
|
+
line-height: 20px;
|
|
28
|
+
font-weight: 400;
|
|
29
|
+
letter-spacing: -0.24px;
|
|
30
|
+
font-family: var(--font-family-alfasans);
|
|
31
|
+
} .text.caps {
|
|
32
|
+
font-size: 12px;
|
|
33
|
+
line-height: 16px;
|
|
34
|
+
font-weight: 400;
|
|
35
|
+
letter-spacing: 1.25px;
|
|
36
|
+
text-transform: uppercase;
|
|
37
|
+
font-family: var(--font-family-alfasans);
|
|
38
|
+
} .text.tagline {
|
|
39
|
+
font-size: 12px;
|
|
40
|
+
line-height: 16px;
|
|
41
|
+
font-weight: 400;
|
|
42
|
+
letter-spacing: 1.25px;
|
|
43
|
+
text-transform: uppercase;
|
|
44
|
+
font-family: var(--font-family-alfasans);
|
|
45
|
+
} .text.primary-large {
|
|
46
|
+
font-size: 18px;
|
|
47
|
+
line-height: 24px;
|
|
48
|
+
font-weight: 400;
|
|
49
|
+
letter-spacing: -0.36px;
|
|
50
|
+
font-family: var(--font-family-alfasans)
|
|
51
|
+
} .text.primary-large.bold {
|
|
52
|
+
} .text.primary-large.medium {
|
|
53
|
+
} .text.primary-medium {
|
|
54
|
+
font-size: 16px;
|
|
55
|
+
line-height: 24px;
|
|
56
|
+
font-weight: 400;
|
|
57
|
+
letter-spacing: -0.24px;
|
|
58
|
+
font-family: var(--font-family-alfasans)
|
|
59
|
+
} .text.primary-medium.bold {
|
|
60
|
+
} .text.primary-medium.medium {
|
|
61
|
+
} .text.primary-small {
|
|
62
|
+
font-size: 14px;
|
|
63
|
+
line-height: 20px;
|
|
64
|
+
font-weight: 400;
|
|
65
|
+
letter-spacing: -0.08px;
|
|
66
|
+
font-family: var(--font-family-alfasans)
|
|
67
|
+
} .text.primary-small.bold {
|
|
68
|
+
} .text.primary-small.medium {
|
|
69
|
+
} .text.component-primary {
|
|
70
|
+
font-size: 16px;
|
|
71
|
+
line-height: 20px;
|
|
72
|
+
font-weight: 400;
|
|
73
|
+
letter-spacing: -0.24px;
|
|
74
|
+
font-family: var(--font-family-alfasans)
|
|
75
|
+
} .text.component-primary.bold {
|
|
76
|
+
} .text.component-primary.medium {
|
|
77
|
+
|
|
78
|
+
} .text.secondary-large {
|
|
79
|
+
font-size: 13px;
|
|
80
|
+
line-height: 16px;
|
|
81
|
+
font-weight: 400;
|
|
82
|
+
letter-spacing: 0;
|
|
83
|
+
font-family: var(--font-family-alfasans)
|
|
84
|
+
} .text.secondary-large.bold {
|
|
85
|
+
} .text.secondary-large.medium {
|
|
86
|
+
} .text.secondary-medium {
|
|
87
|
+
font-size: 12px;
|
|
88
|
+
line-height: 16px;
|
|
89
|
+
font-weight: 400;
|
|
90
|
+
letter-spacing: 0.06px;
|
|
91
|
+
font-family: var(--font-family-alfasans)
|
|
92
|
+
} .text.secondary-medium.bold {
|
|
93
|
+
} .text.secondary-medium.medium {
|
|
94
|
+
} .text.secondary-small {
|
|
95
|
+
font-size: 11px;
|
|
96
|
+
line-height: 16px;
|
|
97
|
+
font-weight: 400;
|
|
98
|
+
letter-spacing: 0.15px;
|
|
99
|
+
font-family: var(--font-family-alfasans)
|
|
100
|
+
} .text.secondary-small.bold {
|
|
101
|
+
} .text.secondary-small.medium {
|
|
102
|
+
} .text.component-secondary {
|
|
103
|
+
font-size: 14px;
|
|
104
|
+
line-height: 18px;
|
|
105
|
+
font-weight: 400;
|
|
106
|
+
letter-spacing: -0.08px;
|
|
107
|
+
font-family: var(--font-family-alfasans)
|
|
108
|
+
} .text.component-secondary.bold {
|
|
109
|
+
} .text.component-secondary.medium {
|
|
110
|
+
|
|
111
|
+
} .text.bold {
|
|
112
|
+
font-weight: 700;
|
|
113
|
+
} .text.medium {
|
|
114
|
+
font-weight: 500;
|
|
115
|
+
}
|
package/cssm/text/component.d.ts
CHANGED
|
@@ -53,6 +53,10 @@ type TextBaseProps = {
|
|
|
53
53
|
* Пропы для скелетона
|
|
54
54
|
*/
|
|
55
55
|
skeletonProps?: TextSkeletonProps;
|
|
56
|
+
/**
|
|
57
|
+
* Шрифт текста
|
|
58
|
+
*/
|
|
59
|
+
font?: 'alfasans' | undefined | null;
|
|
56
60
|
};
|
|
57
61
|
type TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {
|
|
58
62
|
tag?: 'p';
|
package/cssm/text/component.js
CHANGED
|
@@ -8,6 +8,7 @@ var mergeRefs = require('react-merge-refs');
|
|
|
8
8
|
var cn = require('classnames');
|
|
9
9
|
var hooks_useSkeleton = require('../hooks/use-skeleton.js');
|
|
10
10
|
var colors = require('../colors.module.css');
|
|
11
|
+
var alfasansStyles = require('./alfasans-index.module.css');
|
|
11
12
|
var styles = require('./index.module.css');
|
|
12
13
|
|
|
13
14
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -16,6 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
16
17
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
17
18
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
18
19
|
var colors__default = /*#__PURE__*/_interopDefaultCompat(colors);
|
|
20
|
+
var alfasansStyles__default = /*#__PURE__*/_interopDefaultCompat(alfasansStyles);
|
|
19
21
|
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
20
22
|
|
|
21
23
|
var logWarning = function (view) {
|
|
@@ -33,7 +35,7 @@ var logWarning = function (view) {
|
|
|
33
35
|
};
|
|
34
36
|
var Text = React.forwardRef(function (_a, ref) {
|
|
35
37
|
var _b, _c;
|
|
36
|
-
var _d = _a.view, view = _d === void 0 ? 'primary-medium' : _d, _e = _a.tag, Component = _e === void 0 ? 'span' : _e, weight = _a.weight, _f = _a.monospaceNumbers, monospaceNumbers = _f === void 0 ? false : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? true : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps, restProps = tslib.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "showSkeleton", "skeletonProps"]);
|
|
38
|
+
var _d = _a.view, view = _d === void 0 ? 'primary-medium' : _d, _e = _a.tag, Component = _e === void 0 ? 'span' : _e, weight = _a.weight, _f = _a.monospaceNumbers, monospaceNumbers = _f === void 0 ? false : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? true : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps, font = _a.font, restProps = tslib.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "showSkeleton", "skeletonProps", "font"]);
|
|
37
39
|
if (view === 'component') {
|
|
38
40
|
logWarning(view);
|
|
39
41
|
}
|
|
@@ -53,7 +55,8 @@ var Text = React.forwardRef(function (_a, ref) {
|
|
|
53
55
|
_c[styles__default.default.monospace] = monospaceNumbers,
|
|
54
56
|
_c[styles__default.default["rowLimit".concat(rowLimit)]] = rowLimit,
|
|
55
57
|
_c[styles__default.default.transparent] = showSkeleton,
|
|
56
|
-
_c
|
|
58
|
+
_c[alfasansStyles__default.default.text] = font === 'alfasans',
|
|
59
|
+
_c), className, color && colors__default.default[color], (font === 'alfasans' ? alfasansStyles__default.default : styles__default.default)[view], weight && (font === 'alfasans' ? alfasansStyles__default.default : styles__default.default)[weight]), "data-test-id": dataTestId, ref: mergeRefs__default.default([ref, textRef]) }, restProps), children));
|
|
57
60
|
});
|
|
58
61
|
|
|
59
62
|
exports.Text = Text;
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
--gap-0: 0px;
|
|
23
23
|
--gap-12: var(--gap-s);
|
|
24
24
|
} :root {
|
|
25
|
-
} :root {
|
|
25
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
26
26
|
} /* сбрасывает синюю подсветку при нажатии */ .transparent {
|
|
27
27
|
opacity: 0;
|
|
28
28
|
} :root {
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
: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 */
|
|
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 {
|
|
22
|
+
--font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
23
|
+
'Helvetica Neue', Helvetica, sans-serif;
|
|
24
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
25
|
+
} /* сбрасывает синюю подсветку при нажатии */ .alfasans-xlarge {
|
|
26
|
+
font-size: 48px;
|
|
27
|
+
line-height: 64px;
|
|
28
|
+
font-weight: 700;
|
|
29
|
+
letter-spacing: 0.1px;
|
|
30
|
+
font-family: var(--font-family-alfasans)
|
|
31
|
+
} .alfasans-xlarge.systemCompat {
|
|
32
|
+
} .alfasans-large {
|
|
33
|
+
font-size: 40px;
|
|
34
|
+
line-height: 48px;
|
|
35
|
+
font-weight: 700;
|
|
36
|
+
letter-spacing: 0.1px;
|
|
37
|
+
font-family: var(--font-family-alfasans)
|
|
38
|
+
} .alfasans-large.systemCompat {
|
|
39
|
+
} .alfasans-medium {
|
|
40
|
+
font-size: 32px;
|
|
41
|
+
line-height: 40px;
|
|
42
|
+
font-weight: 700;
|
|
43
|
+
letter-spacing: 0.3px;
|
|
44
|
+
font-family: var(--font-family-alfasans)
|
|
45
|
+
} .alfasans-medium.systemCompat {
|
|
46
|
+
} .alfasans-small {
|
|
47
|
+
font-size: 24px;
|
|
48
|
+
line-height: 32px;
|
|
49
|
+
font-weight: 700;
|
|
50
|
+
letter-spacing: 0.39px;
|
|
51
|
+
font-family: var(--font-family-alfasans)
|
|
52
|
+
} .alfasans-small.systemCompat {
|
|
53
|
+
} .alfasans-xsmall {
|
|
54
|
+
font-size: 20px;
|
|
55
|
+
line-height: 24px;
|
|
56
|
+
font-weight: 700;
|
|
57
|
+
letter-spacing: 0.33px;
|
|
58
|
+
font-family: var(--font-family-alfasans)
|
|
59
|
+
} .alfasans-xsmall.systemCompat {
|
|
60
|
+
}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
/* stylelint-disable-next-line length-zero-no-unit */
|
|
21
21
|
--gap-0: 0px;
|
|
22
22
|
} :root {
|
|
23
|
-
} :root {
|
|
23
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
24
24
|
} /* сбрасывает синюю подсветку при нажатии */ .component {
|
|
25
25
|
margin: var(--gap-0);
|
|
26
26
|
padding: var(--gap-0)
|
|
@@ -10,7 +10,7 @@ type TitleProps = Omit<NativeProps, 'color'> & {
|
|
|
10
10
|
*/
|
|
11
11
|
tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
|
|
12
12
|
/**
|
|
13
|
-
* [Вариант начертания](
|
|
13
|
+
* [Вариант начертания](?path=/docs/guidelines-typography--page)
|
|
14
14
|
*/
|
|
15
15
|
view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
|
|
16
16
|
/**
|
|
@@ -24,7 +24,10 @@ type TitleProps = Omit<NativeProps, 'color'> & {
|
|
|
24
24
|
/**
|
|
25
25
|
* Шрифт текста
|
|
26
26
|
*/
|
|
27
|
-
font?: 'styrene' | 'system'
|
|
27
|
+
font?: 'styrene' | 'system' | 'alfasans' | {
|
|
28
|
+
font: 'alfasans';
|
|
29
|
+
systemCompat: boolean;
|
|
30
|
+
};
|
|
28
31
|
/**
|
|
29
32
|
* Добавляет отступы
|
|
30
33
|
*/
|
|
@@ -71,7 +74,7 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
|
|
|
71
74
|
*/
|
|
72
75
|
tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
|
|
73
76
|
/**
|
|
74
|
-
* [Вариант начертания](
|
|
77
|
+
* [Вариант начертания](?path=/docs/guidelines-typography--page)
|
|
75
78
|
*/
|
|
76
79
|
view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
|
|
77
80
|
/**
|
|
@@ -85,7 +88,10 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
|
|
|
85
88
|
/**
|
|
86
89
|
* Шрифт текста
|
|
87
90
|
*/
|
|
88
|
-
font?: "styrene" | "system" |
|
|
91
|
+
font?: "alfasans" | "styrene" | "system" | {
|
|
92
|
+
font: 'alfasans';
|
|
93
|
+
systemCompat: boolean;
|
|
94
|
+
} | undefined;
|
|
89
95
|
/**
|
|
90
96
|
* Добавляет отступы
|
|
91
97
|
*/
|
package/cssm/title/component.js
CHANGED
|
@@ -6,6 +6,7 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var mergeRefs = require('react-merge-refs');
|
|
8
8
|
var cn = require('classnames');
|
|
9
|
+
var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
|
|
9
10
|
var hooks_useSkeleton = require('../hooks/use-skeleton.js');
|
|
10
11
|
var title_utils = require('./utils.js');
|
|
11
12
|
var colors = require('../colors.module.css');
|
|
@@ -19,7 +20,7 @@ var colors__default = /*#__PURE__*/_interopDefaultCompat(colors);
|
|
|
19
20
|
|
|
20
21
|
var TitleBase = React.forwardRef(function (_a, ref) {
|
|
21
22
|
var _b;
|
|
22
|
-
var _c = _a.tag, Component = _c === void 0 ? 'div' : _c, _d = _a.view, view = _d === void 0 ? 'medium' : _d, _e = _a.font,
|
|
23
|
+
var _c = _a.tag, Component = _c === void 0 ? 'div' : _c, _d = _a.view, view = _d === void 0 ? 'medium' : _d, _e = _a.font, fontProp = _e === void 0 ? 'styrene' : _e, platform = _a.platform, _f = _a.weight, weight = _f === void 0 ? title_utils.getDefaultWeight(coreComponentsShared.isObject(fontProp) ? fontProp.font : fontProp, platform) : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? false : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, styles = _a.styles, skeletonProps = _a.skeletonProps, showSkeleton = _a.showSkeleton, restProps = tslib.__rest(_a, ["tag", "view", "font", "platform", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "styles", "skeletonProps", "showSkeleton"]);
|
|
23
24
|
var _h = hooks_useSkeleton.useSkeleton(showSkeleton, skeletonProps), renderSkeleton = _h.renderSkeleton, textRef = _h.textRef;
|
|
24
25
|
var skeleton = renderSkeleton({
|
|
25
26
|
wrapperClassName: cn__default.default(defaultMargins && styles["margins-".concat(view)]),
|
|
@@ -28,9 +29,19 @@ var TitleBase = React.forwardRef(function (_a, ref) {
|
|
|
28
29
|
if (skeleton) {
|
|
29
30
|
return skeleton;
|
|
30
31
|
}
|
|
32
|
+
var font;
|
|
33
|
+
var systemCompat;
|
|
34
|
+
if (coreComponentsShared.isObject(fontProp)) {
|
|
35
|
+
font = fontProp.font;
|
|
36
|
+
systemCompat = fontProp.systemCompat;
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
font = fontProp;
|
|
40
|
+
}
|
|
31
41
|
return (React__default.default.createElement(Component, tslib.__assign({ className: cn__default.default(styles.component, className, styles["".concat(font, "-").concat(view)], defaultMargins && styles["margins-".concat(view)], styles[weight], color && colors__default.default[color], (_b = {},
|
|
32
42
|
_b[styles["rowLimit".concat(rowLimit)]] = rowLimit,
|
|
33
43
|
_b[styles.transparent] = showSkeleton,
|
|
44
|
+
_b[styles.systemCompat] = systemCompat,
|
|
34
45
|
_b)), "data-test-id": dataTestId, ref: mergeRefs__default.default([ref, textRef]) }, restProps), children));
|
|
35
46
|
});
|
|
36
47
|
|
package/cssm/title/index.d.ts
CHANGED
|
@@ -6,7 +6,10 @@ declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<H
|
|
|
6
6
|
view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
|
|
7
7
|
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;
|
|
8
8
|
weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
|
|
9
|
-
font?: "styrene" | "system" |
|
|
9
|
+
font?: "alfasans" | "styrene" | "system" | {
|
|
10
|
+
font: "alfasans";
|
|
11
|
+
systemCompat: boolean;
|
|
12
|
+
} | undefined;
|
|
10
13
|
defaultMargins?: boolean | undefined;
|
|
11
14
|
className?: string | undefined;
|
|
12
15
|
dataTestId?: string | undefined;
|
package/cssm/title/index.js
CHANGED
|
@@ -5,15 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var title_component = require('./component.js');
|
|
8
|
+
var alfasansStyles = require('./alfasans-index.module.css');
|
|
8
9
|
var commonStyles = require('./common.module.css');
|
|
9
10
|
var styles = require('./index.module.css');
|
|
10
11
|
|
|
11
12
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
12
13
|
|
|
13
14
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
15
|
+
var alfasansStyles__default = /*#__PURE__*/_interopDefaultCompat(alfasansStyles);
|
|
14
16
|
var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
|
|
15
17
|
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
16
18
|
|
|
17
|
-
var
|
|
19
|
+
var allStyles = process.env.NODE_ENV === 'test'
|
|
20
|
+
? commonStyles__default.default
|
|
21
|
+
: tslib.__assign(tslib.__assign(tslib.__assign({}, commonStyles__default.default), styles__default.default), alfasansStyles__default.default);
|
|
22
|
+
var Title = React.forwardRef(function (props, ref) { return (React__default.default.createElement(title_component.TitleBase, tslib.__assign({}, props, { styles: allStyles, ref: ref, platform: 'desktop' }))); });
|
|
18
23
|
|
|
19
24
|
exports.Title = Title;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
} :root {
|
|
31
31
|
--font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
32
32
|
'Helvetica Neue', Helvetica, sans-serif;
|
|
33
|
-
} :root {
|
|
33
|
+
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
34
34
|
} /* сбрасывает синюю подсветку при нажатии */ .transparent {
|
|
35
35
|
opacity: 0;
|
|
36
36
|
} .styrene-xlarge {
|
package/cssm/title/utils.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare function getDefaultWeight(font: 'styrene' | 'system', platform: 'mobile' | 'desktop'): "medium" | "bold" | "semibold";
|
|
1
|
+
declare function getDefaultWeight(font: 'styrene' | 'system' | 'alfasans', platform: 'mobile' | 'desktop'): "medium" | "bold" | "semibold";
|
|
2
2
|
export { getDefaultWeight };
|
package/cssm/title/utils.js
CHANGED