@alfalab/core-components-typography 4.10.0 → 4.10.2
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 +20 -20
- package/colors.module-ae9203b0.js +6 -0
- package/common.module-b6c435d0.js +6 -0
- package/cssm/colors.module.css +1 -1
- package/cssm/common.module.css +3 -0
- package/cssm/hooks/use-skeleton.module.css +3 -2
- package/cssm/text/component.js +1 -0
- package/cssm/text/index.module.css +7 -4
- package/cssm/title/common.module.css +29 -23
- package/cssm/title/component.js +4 -1
- package/cssm/title/index.module.css +8 -5
- package/cssm/title-mobile/index.module.css +7 -6
- package/esm/colors.css +20 -20
- package/esm/colors.module-8ee7777c.js +4 -0
- package/esm/common.module-918e04b1.js +4 -0
- package/esm/hooks/use-skeleton.css +7 -6
- package/esm/hooks/use-skeleton.js +1 -1
- package/esm/text/component.js +3 -2
- package/esm/text/index.css +28 -25
- package/esm/title/common.css +30 -24
- package/esm/title/component.js +5 -2
- package/esm/title/index.css +24 -21
- package/esm/title/index.js +2 -2
- package/esm/title-mobile/component.js +2 -2
- package/esm/title-mobile/index.css +22 -21
- package/hooks/use-skeleton.css +7 -6
- package/hooks/use-skeleton.js +1 -1
- package/modern/colors.css +20 -20
- package/modern/colors.module-74da56c2.js +4 -0
- package/modern/common.module-95d0a71b.js +4 -0
- package/modern/hooks/use-skeleton.css +7 -6
- package/modern/hooks/use-skeleton.js +1 -1
- package/modern/text/component.js +3 -2
- package/modern/text/index.css +28 -25
- package/modern/title/common.css +30 -24
- package/modern/title/component.js +5 -2
- package/modern/title/index.css +24 -21
- package/modern/title/index.js +2 -2
- package/modern/title-mobile/component.js +2 -2
- package/modern/title-mobile/index.css +22 -21
- package/moderncssm/common.module.css +3 -0
- package/moderncssm/hooks/use-skeleton.module.css +1 -1
- package/moderncssm/text/component.js +1 -0
- package/moderncssm/text/index.module.css +7 -25
- package/moderncssm/title/common.module.css +4 -2
- package/moderncssm/title/component.js +4 -1
- package/moderncssm/title/index.module.css +8 -5
- package/moderncssm/title-mobile/index.module.css +5 -5
- package/package.json +4 -4
- package/src/common.module.css +3 -0
- package/src/hooks/use-skeleton.module.css +1 -1
- package/src/margins.module.css +3 -3
- package/src/text/component.tsx +1 -0
- package/src/text/index.module.css +5 -4
- package/src/title/common.module.css +4 -2
- package/src/title/component.tsx +4 -1
- package/src/title/index.module.css +1 -0
- package/text/component.js +3 -2
- package/text/index.css +28 -25
- package/title/common.css +30 -24
- package/title/component.js +5 -2
- package/title/index.css +24 -21
- package/title/index.js +2 -2
- package/title-mobile/component.js +2 -2
- package/title-mobile/index.css +22 -21
- package/colors.module-5866c16f.js +0 -6
- package/common.module-98ac839d.js +0 -6
- package/esm/colors.module-5cfaa8f2.js +0 -4
- package/esm/common.module-f31888e6.js +0 -4
- package/modern/colors.module-cfe2fa4f.js +0 -4
- package/modern/common.module-67cdcc8d.js +0 -4
package/colors.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: k5zbx */
|
|
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;
|
|
@@ -37,42 +37,42 @@
|
|
|
37
37
|
/* новые значения, используйте их */
|
|
38
38
|
} :root {
|
|
39
39
|
} :root {
|
|
40
|
-
} /* colors */ .
|
|
40
|
+
} /* сбрасывает синюю подсветку при нажатии */ /* colors */ .typography__tertiary_6ow3h {
|
|
41
41
|
color: var(--color-light-text-tertiary);
|
|
42
|
-
} .
|
|
42
|
+
} .typography__disabled_6ow3h {
|
|
43
43
|
color: var(--color-light-text-quaternary);
|
|
44
|
-
} .
|
|
44
|
+
} .typography__accent_6ow3h {
|
|
45
45
|
color: var(--color-light-accent-primary);
|
|
46
|
-
} .
|
|
46
|
+
} .typography__primary_6ow3h {
|
|
47
47
|
color: var(--color-light-text-primary);
|
|
48
|
-
} .
|
|
48
|
+
} .typography__attention_6ow3h {
|
|
49
49
|
color: var(--color-light-text-attention);
|
|
50
|
-
} .
|
|
50
|
+
} .typography__positive_6ow3h {
|
|
51
51
|
color: var(--color-light-text-positive);
|
|
52
|
-
} .
|
|
52
|
+
} .typography__secondary_6ow3h {
|
|
53
53
|
color: var(--color-light-text-secondary);
|
|
54
|
-
} .typography__tertiary-
|
|
54
|
+
} .typography__tertiary-inverted_6ow3h {
|
|
55
55
|
color: var(--color-light-text-tertiary-inverted);
|
|
56
|
-
} .typography__primary-
|
|
56
|
+
} .typography__primary-inverted_6ow3h {
|
|
57
57
|
color: var(--color-light-text-primary-inverted);
|
|
58
|
-
} .typography__secondary-
|
|
58
|
+
} .typography__secondary-inverted_6ow3h {
|
|
59
59
|
color: var(--color-light-text-secondary-inverted);
|
|
60
|
-
} .
|
|
60
|
+
} .typography__link_6ow3h {
|
|
61
61
|
color: var(--color-light-text-info);
|
|
62
|
-
} .
|
|
62
|
+
} .typography__negative_6ow3h {
|
|
63
63
|
color: var(--color-light-text-negative);
|
|
64
|
-
} .typography__static-primary-
|
|
64
|
+
} .typography__static-primary-light_6ow3h {
|
|
65
65
|
color: var(--color-static-text-primary-light);
|
|
66
|
-
} .typography__static-secondary-
|
|
66
|
+
} .typography__static-secondary-light_6ow3h {
|
|
67
67
|
color: var(--color-static-text-secondary-light);
|
|
68
|
-
} .typography__static-tertiary-
|
|
68
|
+
} .typography__static-tertiary-light_6ow3h {
|
|
69
69
|
color: var(--color-static-text-tertiary-light);
|
|
70
|
-
} .typography__static-primary-
|
|
70
|
+
} .typography__static-primary-dark_6ow3h {
|
|
71
71
|
color: var(--color-static-text-primary-dark);
|
|
72
|
-
} .typography__static-secondary-
|
|
72
|
+
} .typography__static-secondary-dark_6ow3h {
|
|
73
73
|
color: var(--color-static-text-secondary-dark);
|
|
74
|
-
} .typography__static-tertiary-
|
|
74
|
+
} .typography__static-tertiary-dark_6ow3h {
|
|
75
75
|
color: var(--color-static-text-tertiary-dark);
|
|
76
|
-
} .typography__static-
|
|
76
|
+
} .typography__static-accent_6ow3h {
|
|
77
77
|
color: var(--color-static-accent-primary);
|
|
78
78
|
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var colors = {"tertiary":"typography__tertiary_6ow3h","disabled":"typography__disabled_6ow3h","accent":"typography__accent_6ow3h","primary":"typography__primary_6ow3h","attention":"typography__attention_6ow3h","positive":"typography__positive_6ow3h","secondary":"typography__secondary_6ow3h","tertiary-inverted":"typography__tertiary-inverted_6ow3h","primary-inverted":"typography__primary-inverted_6ow3h","secondary-inverted":"typography__secondary-inverted_6ow3h","link":"typography__link_6ow3h","negative":"typography__negative_6ow3h","static-primary-light":"typography__static-primary-light_6ow3h","static-secondary-light":"typography__static-secondary-light_6ow3h","static-tertiary-light":"typography__static-tertiary-light_6ow3h","static-primary-dark":"typography__static-primary-dark_6ow3h","static-secondary-dark":"typography__static-secondary-dark_6ow3h","static-tertiary-dark":"typography__static-tertiary-dark_6ow3h","static-accent":"typography__static-accent_6ow3h"};
|
|
4
|
+
require('./colors.css')
|
|
5
|
+
|
|
6
|
+
exports.colors = colors;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var commonStyles = {"component":"typography__component_odrpa","bold":"typography__bold_odrpa","semibold":"typography__semibold_odrpa","medium":"typography__medium_odrpa","regular":"typography__regular_odrpa","rowLimit1":"typography__rowLimit1_odrpa","rowLimit2":"typography__rowLimit2_odrpa","rowLimit3":"typography__rowLimit3_odrpa"};
|
|
4
|
+
require('./title/common.css')
|
|
5
|
+
|
|
6
|
+
exports.commonStyles = commonStyles;
|
package/cssm/colors.module.css
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
/* новые значения, используйте их */
|
|
37
37
|
} :root {
|
|
38
38
|
} :root {
|
|
39
|
-
} /* colors */ .tertiary {
|
|
39
|
+
} /* сбрасывает синюю подсветку при нажатии */ /* colors */ .tertiary {
|
|
40
40
|
color: var(--color-light-text-tertiary);
|
|
41
41
|
} .disabled {
|
|
42
42
|
color: var(--color-light-text-quaternary);
|
|
@@ -16,14 +16,15 @@
|
|
|
16
16
|
} :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 */
|
|
17
17
|
|
|
18
18
|
/* новые значения, используйте их */
|
|
19
|
+
--gap-0: 0;
|
|
19
20
|
} :root {
|
|
20
21
|
} :root {
|
|
21
|
-
} .skeletonText.skeletonText {
|
|
22
|
+
} /* сбрасывает синюю подсветку при нажатии */ .skeletonText.skeletonText {
|
|
22
23
|
border-radius: var(--border-radius-pill);
|
|
23
24
|
} .left > div {
|
|
24
25
|
margin-right: auto;
|
|
25
26
|
} .center > div {
|
|
26
|
-
margin: 0 auto;
|
|
27
|
+
margin: var(--gap-0) auto;
|
|
27
28
|
} .right > div {
|
|
28
29
|
margin-left: auto;
|
|
29
30
|
}
|
package/cssm/text/component.js
CHANGED
|
@@ -52,6 +52,7 @@ var Text = React.forwardRef(function (_a, ref) {
|
|
|
52
52
|
_c[styles__default.default.paragraphWithMargins] = Component === 'p' && defaultMargins,
|
|
53
53
|
_c[styles__default.default.monospace] = monospaceNumbers,
|
|
54
54
|
_c[styles__default.default["rowLimit".concat(rowLimit)]] = rowLimit,
|
|
55
|
+
_c[styles__default.default.transparent] = showSkeleton,
|
|
55
56
|
_c), className, color && colors__default.default[color], styles__default.default[view], weight && styles__default.default[weight]), "data-test-id": dataTestId, ref: mergeRefs__default.default([ref, textRef]) }, restProps), children));
|
|
56
57
|
});
|
|
57
58
|
|
|
@@ -16,16 +16,19 @@
|
|
|
16
16
|
--gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
17
|
|
|
18
18
|
/* новые значения, используйте их */
|
|
19
|
+
--gap-0: 0;
|
|
19
20
|
--gap-12: var(--gap-s);
|
|
20
21
|
} :root {
|
|
21
22
|
} :root {
|
|
23
|
+
} /* сбрасывает синюю подсветку при нажатии */ .transparent {
|
|
24
|
+
opacity: 0;
|
|
22
25
|
} :root {
|
|
23
|
-
--text-paragraph-margin-bottom: 0 0 var(--gap-12);
|
|
26
|
+
--text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);
|
|
24
27
|
} .paragraph {
|
|
25
|
-
margin: 0;
|
|
26
|
-
padding: 0;
|
|
28
|
+
margin: var(--gap-0);
|
|
29
|
+
padding: var(--gap-0);
|
|
27
30
|
} .paragraphWithMargins {
|
|
28
|
-
padding: 0;
|
|
31
|
+
padding: var(--gap-0);
|
|
29
32
|
margin: var(--text-paragraph-margin-bottom);
|
|
30
33
|
} .primary-large {
|
|
31
34
|
font-size: 18px;
|
|
@@ -1,40 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}
|
|
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 {
|
|
5
6
|
|
|
6
|
-
|
|
7
|
-
font-weight: bold;
|
|
8
|
-
}
|
|
7
|
+
/* Hard */
|
|
9
8
|
|
|
10
|
-
|
|
11
|
-
font-weight: 600;
|
|
12
|
-
}
|
|
9
|
+
/* Up */
|
|
13
10
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
11
|
+
/* Hard up */
|
|
12
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
13
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
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 */
|
|
21
16
|
|
|
22
|
-
|
|
17
|
+
/* новые значения, используйте их */
|
|
18
|
+
--gap-0: 0;
|
|
19
|
+
} :root {
|
|
20
|
+
} :root {
|
|
21
|
+
} /* сбрасывает синюю подсветку при нажатии */ .component {
|
|
22
|
+
margin: var(--gap-0);
|
|
23
|
+
padding: var(--gap-0)
|
|
24
|
+
} .component.bold {
|
|
25
|
+
font-weight: bold;
|
|
26
|
+
} .component.semibold {
|
|
27
|
+
font-weight: 600;
|
|
28
|
+
} .component.medium {
|
|
29
|
+
font-weight: 500;
|
|
30
|
+
} .component.regular {
|
|
31
|
+
font-weight: normal;
|
|
32
|
+
} .rowLimit1 {
|
|
23
33
|
-webkit-line-clamp: 1;
|
|
24
34
|
display: -webkit-box;
|
|
25
35
|
-webkit-box-orient: vertical;
|
|
26
36
|
overflow: hidden;
|
|
27
37
|
word-break: break-all;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.rowLimit2 {
|
|
38
|
+
} .rowLimit2 {
|
|
31
39
|
-webkit-line-clamp: 2;
|
|
32
40
|
display: -webkit-box;
|
|
33
41
|
-webkit-box-orient: vertical;
|
|
34
42
|
overflow: hidden;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.rowLimit3 {
|
|
43
|
+
} .rowLimit3 {
|
|
38
44
|
-webkit-line-clamp: 3;
|
|
39
45
|
display: -webkit-box;
|
|
40
46
|
-webkit-box-orient: vertical;
|
package/cssm/title/component.js
CHANGED
|
@@ -28,7 +28,10 @@ var TitleBase = React.forwardRef(function (_a, ref) {
|
|
|
28
28
|
if (skeleton) {
|
|
29
29
|
return skeleton;
|
|
30
30
|
}
|
|
31
|
-
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 = {},
|
|
31
|
+
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
|
+
_b[styles["rowLimit".concat(rowLimit)]] = rowLimit,
|
|
33
|
+
_b[styles.transparent] = showSkeleton,
|
|
34
|
+
_b)), "data-test-id": dataTestId, ref: mergeRefs__default.default([ref, textRef]) }, restProps), children));
|
|
32
35
|
});
|
|
33
36
|
|
|
34
37
|
exports.TitleBase = TitleBase;
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
--gap-4xl: 48px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
20
20
|
|
|
21
21
|
/* новые значения, используйте их */
|
|
22
|
+
--gap-0: 0;
|
|
22
23
|
--gap-16: var(--gap-m);
|
|
23
24
|
--gap-24: var(--gap-xl);
|
|
24
25
|
--gap-40: var(--gap-3xl);
|
|
@@ -27,6 +28,8 @@
|
|
|
27
28
|
--font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
28
29
|
'Helvetica Neue', Helvetica, sans-serif;
|
|
29
30
|
} :root {
|
|
31
|
+
} /* сбрасывает синюю подсветку при нажатии */ .transparent {
|
|
32
|
+
opacity: 0;
|
|
30
33
|
} .styrene-xlarge {
|
|
31
34
|
font-size: 48px;
|
|
32
35
|
line-height: 64px;
|
|
@@ -78,13 +81,13 @@
|
|
|
78
81
|
line-height: 22px;
|
|
79
82
|
font-weight: 700;
|
|
80
83
|
} .margins-xlarge {
|
|
81
|
-
margin: 0 0 var(--gap-24);
|
|
84
|
+
margin: var(--gap-0) var(--gap-0) var(--gap-24);
|
|
82
85
|
} .margins-large {
|
|
83
|
-
margin: var(--gap-48) 0 var(--gap-24);
|
|
86
|
+
margin: var(--gap-48) var(--gap-0) var(--gap-24);
|
|
84
87
|
} .margins-medium {
|
|
85
|
-
margin: var(--gap-48) 0 var(--gap-24);
|
|
88
|
+
margin: var(--gap-48) var(--gap-0) var(--gap-24);
|
|
86
89
|
} .margins-small {
|
|
87
|
-
margin: var(--gap-40) 0 var(--gap-16);
|
|
90
|
+
margin: var(--gap-40) var(--gap-0) var(--gap-16);
|
|
88
91
|
} .margins-xsmall {
|
|
89
|
-
margin: var(--gap-40) 0 var(--gap-16);
|
|
92
|
+
margin: var(--gap-40) var(--gap-0) var(--gap-16);
|
|
90
93
|
}
|
|
@@ -18,6 +18,7 @@
|
|
|
18
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
19
|
|
|
20
20
|
/* новые значения, используйте их */
|
|
21
|
+
--gap-0: 0;
|
|
21
22
|
--gap-16: var(--gap-m);
|
|
22
23
|
--gap-24: var(--gap-xl);
|
|
23
24
|
--gap-40: var(--gap-3xl);
|
|
@@ -25,7 +26,7 @@
|
|
|
25
26
|
--font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
26
27
|
'Helvetica Neue', Helvetica, sans-serif;
|
|
27
28
|
} :root {
|
|
28
|
-
} .styrene-xlarge {
|
|
29
|
+
} /* сбрасывает синюю подсветку при нажатии */ .styrene-xlarge {
|
|
29
30
|
font-size: 34px;
|
|
30
31
|
line-height: 40px;
|
|
31
32
|
font-weight: 500;
|
|
@@ -76,13 +77,13 @@
|
|
|
76
77
|
line-height: 20px;
|
|
77
78
|
font-weight: 600;
|
|
78
79
|
} .margins-xlarge {
|
|
79
|
-
margin: 0 0 var(--gap-24);
|
|
80
|
+
margin: var(--gap-0) var(--gap-0) var(--gap-24);
|
|
80
81
|
} .margins-large {
|
|
81
|
-
margin: var(--gap-40) 0 var(--gap-16);
|
|
82
|
+
margin: var(--gap-40) var(--gap-0) var(--gap-16);
|
|
82
83
|
} .margins-medium {
|
|
83
|
-
margin: var(--gap-40) 0 var(--gap-16);
|
|
84
|
+
margin: var(--gap-40) var(--gap-0) var(--gap-16);
|
|
84
85
|
} .margins-small {
|
|
85
|
-
margin: var(--gap-40) 0 var(--gap-16);
|
|
86
|
+
margin: var(--gap-40) var(--gap-0) var(--gap-16);
|
|
86
87
|
} .margins-xsmall {
|
|
87
|
-
margin: var(--gap-40) 0 var(--gap-16);
|
|
88
|
+
margin: var(--gap-40) var(--gap-0) var(--gap-16);
|
|
88
89
|
}
|
package/esm/colors.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: k5zbx */
|
|
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;
|
|
@@ -37,42 +37,42 @@
|
|
|
37
37
|
/* новые значения, используйте их */
|
|
38
38
|
} :root {
|
|
39
39
|
} :root {
|
|
40
|
-
} /* colors */ .
|
|
40
|
+
} /* сбрасывает синюю подсветку при нажатии */ /* colors */ .typography__tertiary_6ow3h {
|
|
41
41
|
color: var(--color-light-text-tertiary);
|
|
42
|
-
} .
|
|
42
|
+
} .typography__disabled_6ow3h {
|
|
43
43
|
color: var(--color-light-text-quaternary);
|
|
44
|
-
} .
|
|
44
|
+
} .typography__accent_6ow3h {
|
|
45
45
|
color: var(--color-light-accent-primary);
|
|
46
|
-
} .
|
|
46
|
+
} .typography__primary_6ow3h {
|
|
47
47
|
color: var(--color-light-text-primary);
|
|
48
|
-
} .
|
|
48
|
+
} .typography__attention_6ow3h {
|
|
49
49
|
color: var(--color-light-text-attention);
|
|
50
|
-
} .
|
|
50
|
+
} .typography__positive_6ow3h {
|
|
51
51
|
color: var(--color-light-text-positive);
|
|
52
|
-
} .
|
|
52
|
+
} .typography__secondary_6ow3h {
|
|
53
53
|
color: var(--color-light-text-secondary);
|
|
54
|
-
} .typography__tertiary-
|
|
54
|
+
} .typography__tertiary-inverted_6ow3h {
|
|
55
55
|
color: var(--color-light-text-tertiary-inverted);
|
|
56
|
-
} .typography__primary-
|
|
56
|
+
} .typography__primary-inverted_6ow3h {
|
|
57
57
|
color: var(--color-light-text-primary-inverted);
|
|
58
|
-
} .typography__secondary-
|
|
58
|
+
} .typography__secondary-inverted_6ow3h {
|
|
59
59
|
color: var(--color-light-text-secondary-inverted);
|
|
60
|
-
} .
|
|
60
|
+
} .typography__link_6ow3h {
|
|
61
61
|
color: var(--color-light-text-info);
|
|
62
|
-
} .
|
|
62
|
+
} .typography__negative_6ow3h {
|
|
63
63
|
color: var(--color-light-text-negative);
|
|
64
|
-
} .typography__static-primary-
|
|
64
|
+
} .typography__static-primary-light_6ow3h {
|
|
65
65
|
color: var(--color-static-text-primary-light);
|
|
66
|
-
} .typography__static-secondary-
|
|
66
|
+
} .typography__static-secondary-light_6ow3h {
|
|
67
67
|
color: var(--color-static-text-secondary-light);
|
|
68
|
-
} .typography__static-tertiary-
|
|
68
|
+
} .typography__static-tertiary-light_6ow3h {
|
|
69
69
|
color: var(--color-static-text-tertiary-light);
|
|
70
|
-
} .typography__static-primary-
|
|
70
|
+
} .typography__static-primary-dark_6ow3h {
|
|
71
71
|
color: var(--color-static-text-primary-dark);
|
|
72
|
-
} .typography__static-secondary-
|
|
72
|
+
} .typography__static-secondary-dark_6ow3h {
|
|
73
73
|
color: var(--color-static-text-secondary-dark);
|
|
74
|
-
} .typography__static-tertiary-
|
|
74
|
+
} .typography__static-tertiary-dark_6ow3h {
|
|
75
75
|
color: var(--color-static-text-tertiary-dark);
|
|
76
|
-
} .typography__static-
|
|
76
|
+
} .typography__static-accent_6ow3h {
|
|
77
77
|
color: var(--color-static-accent-primary);
|
|
78
78
|
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var colors = {"tertiary":"typography__tertiary_6ow3h","disabled":"typography__disabled_6ow3h","accent":"typography__accent_6ow3h","primary":"typography__primary_6ow3h","attention":"typography__attention_6ow3h","positive":"typography__positive_6ow3h","secondary":"typography__secondary_6ow3h","tertiary-inverted":"typography__tertiary-inverted_6ow3h","primary-inverted":"typography__primary-inverted_6ow3h","secondary-inverted":"typography__secondary-inverted_6ow3h","link":"typography__link_6ow3h","negative":"typography__negative_6ow3h","static-primary-light":"typography__static-primary-light_6ow3h","static-secondary-light":"typography__static-secondary-light_6ow3h","static-tertiary-light":"typography__static-tertiary-light_6ow3h","static-primary-dark":"typography__static-primary-dark_6ow3h","static-secondary-dark":"typography__static-secondary-dark_6ow3h","static-tertiary-dark":"typography__static-tertiary-dark_6ow3h","static-accent":"typography__static-accent_6ow3h"};
|
|
2
|
+
require('./colors.css')
|
|
3
|
+
|
|
4
|
+
export { colors as c };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var commonStyles = {"component":"typography__component_odrpa","bold":"typography__bold_odrpa","semibold":"typography__semibold_odrpa","medium":"typography__medium_odrpa","regular":"typography__regular_odrpa","rowLimit1":"typography__rowLimit1_odrpa","rowLimit2":"typography__rowLimit2_odrpa","rowLimit3":"typography__rowLimit3_odrpa"};
|
|
2
|
+
require('./title/common.css')
|
|
3
|
+
|
|
4
|
+
export { commonStyles as c };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: c0po5 */
|
|
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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -17,14 +17,15 @@
|
|
|
17
17
|
} :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 */
|
|
18
18
|
|
|
19
19
|
/* новые значения, используйте их */
|
|
20
|
+
--gap-0: 0;
|
|
20
21
|
} :root {
|
|
21
22
|
} :root {
|
|
22
|
-
} .
|
|
23
|
+
} /* сбрасывает синюю подсветку при нажатии */ .typography__skeletonText_rvgas.typography__skeletonText_rvgas {
|
|
23
24
|
border-radius: var(--border-radius-pill);
|
|
24
|
-
} .
|
|
25
|
+
} .typography__left_rvgas > div {
|
|
25
26
|
margin-right: auto;
|
|
26
|
-
} .
|
|
27
|
-
margin: 0 auto;
|
|
28
|
-
} .
|
|
27
|
+
} .typography__center_rvgas > div {
|
|
28
|
+
margin: var(--gap-0) auto;
|
|
29
|
+
} .typography__right_rvgas > div {
|
|
29
30
|
margin-left: auto;
|
|
30
31
|
}
|
|
@@ -4,7 +4,7 @@ import cn from 'classnames';
|
|
|
4
4
|
import { Skeleton } from '@alfalab/core-components-skeleton/esm';
|
|
5
5
|
import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
|
|
6
6
|
|
|
7
|
-
var styles = {"skeletonText":"
|
|
7
|
+
var styles = {"skeletonText":"typography__skeletonText_rvgas","left":"typography__left_rvgas","center":"typography__center_rvgas","right":"typography__right_rvgas"};
|
|
8
8
|
require('./use-skeleton.css')
|
|
9
9
|
|
|
10
10
|
function useSkeleton(showSkeleton, skeletonProps) {
|
package/esm/text/component.js
CHANGED
|
@@ -3,9 +3,9 @@ import React, { forwardRef } from 'react';
|
|
|
3
3
|
import mergeRefs from 'react-merge-refs';
|
|
4
4
|
import cn from 'classnames';
|
|
5
5
|
import { useSkeleton } from '../hooks/use-skeleton.js';
|
|
6
|
-
import { c as colors } from '../colors.module-
|
|
6
|
+
import { c as colors } from '../colors.module-8ee7777c.js';
|
|
7
7
|
|
|
8
|
-
var styles = {"paragraph":"
|
|
8
|
+
var styles = {"transparent":"typography__transparent_6j1xz","paragraph":"typography__paragraph_6j1xz","paragraphWithMargins":"typography__paragraphWithMargins_6j1xz","primary-large":"typography__primary-large_6j1xz","primary-medium":"typography__primary-medium_6j1xz","primary-small":"typography__primary-small_6j1xz","secondary-large":"typography__secondary-large_6j1xz","secondary-medium":"typography__secondary-medium_6j1xz","secondary-small":"typography__secondary-small_6j1xz","component":"typography__component_6j1xz","component-primary":"typography__component-primary_6j1xz","component-secondary":"typography__component-secondary_6j1xz","caps":"typography__caps_6j1xz","tagline":"typography__tagline_6j1xz","bold":"typography__bold_6j1xz","medium":"typography__medium_6j1xz","regular":"typography__regular_6j1xz","monospace":"typography__monospace_6j1xz","rowLimit1":"typography__rowLimit1_6j1xz","rowLimit2":"typography__rowLimit2_6j1xz","rowLimit3":"typography__rowLimit3_6j1xz"};
|
|
9
9
|
require('./index.css')
|
|
10
10
|
|
|
11
11
|
var logWarning = function (view) {
|
|
@@ -42,6 +42,7 @@ var Text = forwardRef(function (_a, ref) {
|
|
|
42
42
|
_c[styles.paragraphWithMargins] = Component === 'p' && defaultMargins,
|
|
43
43
|
_c[styles.monospace] = monospaceNumbers,
|
|
44
44
|
_c[styles["rowLimit".concat(rowLimit)]] = rowLimit,
|
|
45
|
+
_c[styles.transparent] = showSkeleton,
|
|
45
46
|
_c), className, color && colors[color], styles[view], weight && styles[weight]), "data-test-id": dataTestId, ref: mergeRefs([ref, textRef]) }, restProps), children));
|
|
46
47
|
});
|
|
47
48
|
|