@alfalab/core-components-typography 4.10.2 → 4.11.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.
Files changed (73) hide show
  1. package/colors.css +20 -20
  2. package/colors.module-90f568ec.js +6 -0
  3. package/common.module-5d5be3d8.js +6 -0
  4. package/component.d.ts +5 -5
  5. package/component.js +4 -0
  6. package/cssm/component.d.ts +5 -5
  7. package/cssm/component.js +4 -0
  8. package/cssm/index.js +8 -0
  9. package/cssm/title-responsive/component.d.ts +8 -0
  10. package/cssm/title-responsive/component.js +2 -3
  11. package/esm/colors.css +20 -20
  12. package/esm/colors.module-9aca6443.js +4 -0
  13. package/esm/common.module-4e867182.js +4 -0
  14. package/esm/component.d.ts +5 -5
  15. package/esm/component.js +1 -1
  16. package/esm/hooks/use-skeleton.css +5 -5
  17. package/esm/hooks/use-skeleton.js +1 -1
  18. package/esm/index.js +4 -0
  19. package/esm/text/component.js +2 -2
  20. package/esm/text/index.css +22 -22
  21. package/esm/title/common.css +9 -9
  22. package/esm/title/component.js +1 -1
  23. package/esm/title/index.css +17 -17
  24. package/esm/title/index.js +2 -2
  25. package/esm/title-mobile/component.js +2 -2
  26. package/esm/title-mobile/index.css +16 -16
  27. package/esm/title-responsive/component.d.ts +8 -0
  28. package/esm/title-responsive/component.js +3 -4
  29. package/hooks/use-skeleton.css +5 -5
  30. package/hooks/use-skeleton.js +1 -1
  31. package/index.js +8 -0
  32. package/modern/colors.css +20 -20
  33. package/modern/colors.module-afc58a9a.js +4 -0
  34. package/modern/common.module-bcf9a988.js +4 -0
  35. package/modern/component.d.ts +5 -5
  36. package/modern/component.js +1 -1
  37. package/modern/hooks/use-skeleton.css +5 -5
  38. package/modern/hooks/use-skeleton.js +1 -1
  39. package/modern/index.js +4 -0
  40. package/modern/text/component.js +2 -2
  41. package/modern/text/index.css +22 -22
  42. package/modern/title/common.css +9 -9
  43. package/modern/title/component.js +1 -1
  44. package/modern/title/index.css +17 -17
  45. package/modern/title/index.js +2 -2
  46. package/modern/title-mobile/component.js +2 -2
  47. package/modern/title-mobile/index.css +16 -16
  48. package/modern/title-responsive/component.d.ts +8 -0
  49. package/modern/title-responsive/component.js +3 -4
  50. package/moderncssm/component.d.ts +5 -5
  51. package/moderncssm/component.js +1 -1
  52. package/moderncssm/index.js +4 -0
  53. package/moderncssm/title-responsive/component.d.ts +8 -0
  54. package/moderncssm/title-responsive/component.js +3 -4
  55. package/package.json +5 -4
  56. package/src/component.tsx +2 -0
  57. package/src/title-responsive/component.tsx +8 -5
  58. package/text/component.js +2 -2
  59. package/text/index.css +22 -22
  60. package/title/common.css +9 -9
  61. package/title/component.js +1 -1
  62. package/title/index.css +17 -17
  63. package/title/index.js +2 -2
  64. package/title-mobile/component.js +2 -2
  65. package/title-mobile/index.css +16 -16
  66. package/title-responsive/component.d.ts +8 -0
  67. package/title-responsive/component.js +2 -3
  68. package/colors.module-ae9203b0.js +0 -6
  69. package/common.module-b6c435d0.js +0 -6
  70. package/esm/colors.module-8ee7777c.js +0 -4
  71. package/esm/common.module-918e04b1.js +0 -4
  72. package/modern/colors.module-74da56c2.js +0 -4
  73. package/modern/common.module-95d0a71b.js +0 -4
package/modern/title-mobile/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1qx8k */
1
+ /* hash: 2lkai */
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 */
@@ -27,64 +27,64 @@
27
27
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
28
28
  'Helvetica Neue', Helvetica, sans-serif;
29
29
  } :root {
30
- } /* сбрасывает синюю подсветку при нажатии */ .typography__styrene-xlarge_1nie0 {
30
+ } /* сбрасывает синюю подсветку при нажатии */ .typography__styrene-xlarge_4f5bv {
31
31
  font-size: 34px;
32
32
  line-height: 40px;
33
33
  font-weight: 500;
34
34
  font-feature-settings: 'ss01';
35
35
  font-family: var(--font-family-styrene);
36
- } .typography__styrene-large_1nie0 {
36
+ } .typography__styrene-large_4f5bv {
37
37
  font-size: 30px;
38
38
  line-height: 36px;
39
39
  font-weight: 500;
40
40
  font-feature-settings: 'ss01';
41
41
  font-family: var(--font-family-styrene);
42
- } .typography__styrene-medium_1nie0 {
42
+ } .typography__styrene-medium_4f5bv {
43
43
  font-size: 26px;
44
44
  line-height: 32px;
45
45
  font-weight: 500;
46
46
  font-feature-settings: 'ss01';
47
47
  font-family: var(--font-family-styrene);
48
- } .typography__styrene-small_1nie0 {
48
+ } .typography__styrene-small_4f5bv {
49
49
  font-size: 20px;
50
50
  line-height: 28px;
51
51
  font-weight: 500;
52
52
  font-feature-settings: 'ss01';
53
53
  font-family: var(--font-family-styrene);
54
- } .typography__styrene-xsmall_1nie0 {
54
+ } .typography__styrene-xsmall_4f5bv {
55
55
  font-size: 16px;
56
56
  line-height: 20px;
57
57
  font-weight: 500;
58
58
  font-feature-settings: 'ss01';
59
59
  font-family: var(--font-family-styrene);
60
- } .typography__system-xlarge_1nie0 {
60
+ } .typography__system-xlarge_4f5bv {
61
61
  font-size: 34px;
62
62
  line-height: 40px;
63
63
  font-weight: 600;
64
- } .typography__system-large_1nie0 {
64
+ } .typography__system-large_4f5bv {
65
65
  font-size: 30px;
66
66
  line-height: 36px;
67
67
  font-weight: 600;
68
- } .typography__system-medium_1nie0 {
68
+ } .typography__system-medium_4f5bv {
69
69
  font-size: 26px;
70
70
  line-height: 32px;
71
71
  font-weight: 600;
72
- } .typography__system-small_1nie0 {
72
+ } .typography__system-small_4f5bv {
73
73
  font-size: 20px;
74
74
  line-height: 28px;
75
75
  font-weight: 600;
76
- } .typography__system-xsmall_1nie0 {
76
+ } .typography__system-xsmall_4f5bv {
77
77
  font-size: 16px;
78
78
  line-height: 20px;
79
79
  font-weight: 600;
80
- } .typography__margins-xlarge_1nie0 {
80
+ } .typography__margins-xlarge_4f5bv {
81
81
  margin: var(--gap-0) var(--gap-0) var(--gap-24);
82
- } .typography__margins-large_1nie0 {
82
+ } .typography__margins-large_4f5bv {
83
83
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
84
- } .typography__margins-medium_1nie0 {
84
+ } .typography__margins-medium_4f5bv {
85
85
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
86
- } .typography__margins-small_1nie0 {
86
+ } .typography__margins-small_4f5bv {
87
87
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
88
- } .typography__margins-xsmall_1nie0 {
88
+ } .typography__margins-xsmall_4f5bv {
89
89
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
90
90
  }
package/modern/title-responsive/component.d.ts CHANGED
@@ -7,6 +7,10 @@ type TitleResponsiveProps = TitleProps & {
7
7
  * @default 1024
8
8
  */
9
9
  breakpoint?: number;
10
+ /**
11
+ * Версия, которая будет использоваться при серверном рендеринге
12
+ */
13
+ client?: 'desktop' | 'mobile';
10
14
  };
11
15
  declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
12
16
  tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
@@ -28,5 +32,9 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
28
32
  * @default 1024
29
33
  */
30
34
  breakpoint?: number | undefined;
35
+ /**
36
+ * Версия, которая будет использоваться при серверном рендеринге
37
+ */
38
+ client?: "mobile" | "desktop" | undefined;
31
39
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
32
40
  export { TitleResponsiveProps, TitleResponsive };
package/modern/title-responsive/component.js CHANGED
@@ -1,11 +1,10 @@
1
1
  import React, { forwardRef } from 'react';
2
- import { useMatchMedia } from '@alfalab/core-components-mq/modern';
2
+ import { useIsDesktop } from '@alfalab/core-components-mq/modern';
3
3
  import { Title } from '../title/index.js';
4
4
  import { TitleMobile } from '../title-mobile/component.js';
5
5
 
6
- const TitleResponsive = forwardRef(({ defaultMatchMediaValue, breakpoint = 1024, ...restProps }, ref) => {
7
- const query = `(min-width: ${breakpoint}px)`;
8
- const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
6
+ const TitleResponsive = forwardRef(({ breakpoint, client, ...restProps }, ref) => {
7
+ const isDesktop = useIsDesktop(breakpoint, client === 'desktop');
9
8
  const Component = isDesktop ? Title : TitleMobile;
10
9
  return React.createElement(Component, { ...restProps, ref: ref });
11
10
  });
package/moderncssm/component.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { FC, ForwardRefExoticComponent, RefAttributes } from 'react';
2
- import { TextProps } from "./text/index";
3
- import { TitleProps } from "./title/index";
4
- import { TitleMobileProps } from "./title-mobile/index";
5
- import { TitleResponsiveProps } from "./title-responsive/index";
2
+ import { Text, TextProps } from "./text/index";
3
+ import { Title, TitleProps } from "./title/index";
4
+ import { TitleMobile, TitleMobileProps } from "./title-mobile/index";
5
+ import { TitleResponsive, TitleResponsiveProps } from "./title-responsive/index";
6
6
  import { TextElementType } from "./types";
7
7
  declare const Typography: {
8
8
  Title: FC<TitleProps>;
@@ -10,4 +10,4 @@ declare const Typography: {
10
10
  TitleResponsive: FC<TitleResponsiveProps>;
11
11
  TitleMobile: FC<TitleMobileProps>;
12
12
  };
13
- export { Typography };
13
+ export { Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile };
package/moderncssm/component.js CHANGED
@@ -10,4 +10,4 @@ const Typography = {
10
10
  TitleMobile,
11
11
  };
12
12
 
13
- export { Typography };
13
+ export { Text, Title as TitleDesktop, TitleMobile, TitleResponsive, Typography };
package/moderncssm/index.js CHANGED
@@ -1,2 +1,6 @@
1
1
  export { Typography } from './component.js';
2
2
  export { typographyPresets } from './presets.js';
3
+ export { Text } from './text/component.js';
4
+ export { Title as TitleDesktop } from './title/index.js';
5
+ export { TitleResponsive } from './title-responsive/component.js';
6
+ export { TitleMobile } from './title-mobile/component.js';
package/moderncssm/title-responsive/component.d.ts CHANGED
@@ -7,6 +7,10 @@ type TitleResponsiveProps = TitleProps & {
7
7
  * @default 1024
8
8
  */
9
9
  breakpoint?: number;
10
+ /**
11
+ * Версия, которая будет использоваться при серверном рендеринге
12
+ */
13
+ client?: 'desktop' | 'mobile';
10
14
  };
11
15
  declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
12
16
  tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
@@ -28,5 +32,9 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
28
32
  * @default 1024
29
33
  */
30
34
  breakpoint?: number | undefined;
35
+ /**
36
+ * Версия, которая будет использоваться при серверном рендеринге
37
+ */
38
+ client?: "mobile" | "desktop" | undefined;
31
39
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
32
40
  export { TitleResponsiveProps, TitleResponsive };
package/moderncssm/title-responsive/component.js CHANGED
@@ -1,11 +1,10 @@
1
1
  import React, { forwardRef } from 'react';
2
- import { useMatchMedia } from '@alfalab/core-components-mq/moderncssm';
2
+ import { useIsDesktop } from '@alfalab/core-components-mq/moderncssm';
3
3
  import { Title } from '../title/index.js';
4
4
  import { TitleMobile } from '../title-mobile/component.js';
5
5
 
6
- const TitleResponsive = forwardRef(({ defaultMatchMediaValue, breakpoint = 1024, ...restProps }, ref) => {
7
- const query = `(min-width: ${breakpoint}px)`;
8
- const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
6
+ const TitleResponsive = forwardRef(({ breakpoint, client, ...restProps }, ref) => {
7
+ const isDesktop = useIsDesktop(breakpoint, client === 'desktop');
9
8
  const Component = isDesktop ? Title : TitleMobile;
10
9
  return React.createElement(Component, { ...restProps, ref: ref });
11
10
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-typography",
3
- "version": "4.10.2",
3
+ "version": "4.11.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,17 +10,18 @@
10
10
  "access": "public",
11
11
  "directory": "dist"
12
12
  },
13
+ "sideEffects": false,
13
14
  "peerDependencies": {
14
15
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
16
  },
16
17
  "dependencies": {
17
18
  "@alfalab/core-components-skeleton": "^5.2.0",
18
- "@alfalab/core-components-mq": "^4.3.0",
19
+ "@alfalab/core-components-mq": "^4.4.0",
19
20
  "@alfalab/hooks": "^1.13.0",
20
21
  "classnames": "^2.3.1",
21
22
  "react-merge-refs": "^1.1.0",
22
23
  "tslib": "^2.4.0"
23
24
  },
24
- "themesVersion": "13.4.0",
25
- "varsVersion": "9.13.1"
25
+ "themesVersion": "13.6.0",
26
+ "varsVersion": "9.16.0"
26
27
  }
package/src/component.tsx CHANGED
@@ -17,3 +17,5 @@ export const Typography: {
17
17
  TitleResponsive,
18
18
  TitleMobile,
19
19
  };
20
+
21
+ export { Text, Title as TitleDesktop, TitleResponsive, TitleMobile };
package/src/title-responsive/component.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { forwardRef } from 'react';
2
2
 
3
- import { useMatchMedia } from '@alfalab/core-components-mq';
3
+ import { useIsDesktop } from '@alfalab/core-components-mq';
4
4
 
5
5
  import { Title, TitleProps } from '../title';
6
6
  import { TitleMobile } from '../title-mobile';
@@ -11,15 +11,18 @@ export type TitleResponsiveProps = TitleProps & {
11
11
  * @default 1024
12
12
  */
13
13
  breakpoint?: number;
14
+
15
+ /**
16
+ * Версия, которая будет использоваться при серверном рендеринге
17
+ */
18
+ client?: 'desktop' | 'mobile';
14
19
  };
15
20
 
16
21
  export const TitleResponsive = forwardRef<
17
22
  HTMLHeadingElement | HTMLDivElement,
18
23
  TitleResponsiveProps
19
- >(({ defaultMatchMediaValue, breakpoint = 1024, ...restProps }, ref) => {
20
- const query = `(min-width: ${breakpoint}px)`;
21
-
22
- const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
24
+ >(({ breakpoint, client, ...restProps }, ref) => {
25
+ const isDesktop = useIsDesktop(breakpoint, client === 'desktop');
23
26
 
24
27
  const Component = isDesktop ? Title : TitleMobile;
25
28
 
package/text/component.js CHANGED
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
9
9
  var hooks_useSkeleton = require('../hooks/use-skeleton.js');
10
- var colors_module = require('../colors.module-ae9203b0.js');
10
+ var colors_module = require('../colors.module-90f568ec.js');
11
11
 
12
12
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
13
13
 
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- 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"};
18
+ var styles = {"transparent":"typography__transparent_sz85d","paragraph":"typography__paragraph_sz85d","paragraphWithMargins":"typography__paragraphWithMargins_sz85d","primary-large":"typography__primary-large_sz85d","primary-medium":"typography__primary-medium_sz85d","primary-small":"typography__primary-small_sz85d","secondary-large":"typography__secondary-large_sz85d","secondary-medium":"typography__secondary-medium_sz85d","secondary-small":"typography__secondary-small_sz85d","component":"typography__component_sz85d","component-primary":"typography__component-primary_sz85d","component-secondary":"typography__component-secondary_sz85d","caps":"typography__caps_sz85d","tagline":"typography__tagline_sz85d","bold":"typography__bold_sz85d","medium":"typography__medium_sz85d","regular":"typography__regular_sz85d","monospace":"typography__monospace_sz85d","rowLimit1":"typography__rowLimit1_sz85d","rowLimit2":"typography__rowLimit2_sz85d","rowLimit3":"typography__rowLimit3_sz85d"};
19
19
  require('./index.css')
20
20
 
21
21
  var logWarning = function (view) {
package/text/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: h7grm */
1
+ /* hash: rmqas */
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 */
@@ -21,84 +21,84 @@
21
21
  --gap-12: var(--gap-s);
22
22
  } :root {
23
23
  } :root {
24
- } /* сбрасывает синюю подсветку при нажатии */ .typography__transparent_6j1xz {
24
+ } /* сбрасывает синюю подсветку при нажатии */ .typography__transparent_sz85d {
25
25
  opacity: 0;
26
26
  } :root {
27
27
  --text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);
28
- } .typography__paragraph_6j1xz {
28
+ } .typography__paragraph_sz85d {
29
29
  margin: var(--gap-0);
30
30
  padding: var(--gap-0);
31
- } .typography__paragraphWithMargins_6j1xz {
31
+ } .typography__paragraphWithMargins_sz85d {
32
32
  padding: var(--gap-0);
33
33
  margin: var(--text-paragraph-margin-bottom);
34
- } .typography__primary-large_6j1xz {
34
+ } .typography__primary-large_sz85d {
35
35
  font-size: 18px;
36
36
  line-height: 24px;
37
37
  font-weight: 400;
38
- } .typography__primary-medium_6j1xz {
38
+ } .typography__primary-medium_sz85d {
39
39
  font-size: 16px;
40
40
  line-height: 24px;
41
41
  font-weight: 400;
42
- } .typography__primary-small_6j1xz {
42
+ } .typography__primary-small_sz85d {
43
43
  font-size: 14px;
44
44
  line-height: 20px;
45
45
  font-weight: 400;
46
- } .typography__secondary-large_6j1xz {
46
+ } .typography__secondary-large_sz85d {
47
47
  font-size: 13px;
48
48
  line-height: 16px;
49
49
  font-weight: 400;
50
- } .typography__secondary-medium_6j1xz {
50
+ } .typography__secondary-medium_sz85d {
51
51
  font-size: 12px;
52
52
  line-height: 16px;
53
53
  font-weight: 400;
54
- } .typography__secondary-small_6j1xz {
54
+ } .typography__secondary-small_sz85d {
55
55
  font-size: 11px;
56
56
  line-height: 16px;
57
57
  font-weight: 400;
58
- } .typography__component_6j1xz {
58
+ } .typography__component_sz85d {
59
59
  font-size: 16px;
60
60
  line-height: 20px;
61
61
  font-weight: 400;
62
- } .typography__component-primary_6j1xz {
62
+ } .typography__component-primary_sz85d {
63
63
  font-size: 16px;
64
64
  line-height: 20px;
65
65
  font-weight: 400;
66
- } .typography__component-secondary_6j1xz {
66
+ } .typography__component-secondary_sz85d {
67
67
  font-size: 14px;
68
68
  line-height: 18px;
69
69
  font-weight: 400;
70
- } .typography__caps_6j1xz {
70
+ } .typography__caps_sz85d {
71
71
  font-size: 12px;
72
72
  line-height: 16px;
73
73
  font-weight: 500;
74
74
  letter-spacing: 1.25px;
75
75
  text-transform: uppercase;
76
- } .typography__tagline_6j1xz {
76
+ } .typography__tagline_sz85d {
77
77
  font-size: 12px;
78
78
  line-height: 16px;
79
79
  font-weight: 500;
80
80
  letter-spacing: 1.25px;
81
81
  text-transform: uppercase;
82
- } .typography__bold_6j1xz {
82
+ } .typography__bold_sz85d {
83
83
  font-weight: bold;
84
- } .typography__medium_6j1xz {
84
+ } .typography__medium_sz85d {
85
85
  font-weight: 500;
86
- } .typography__regular_6j1xz {
86
+ } .typography__regular_sz85d {
87
87
  font-weight: normal;
88
- } .typography__monospace_6j1xz {
88
+ } .typography__monospace_sz85d {
89
89
  font-variant-numeric: tabular-nums;
90
- } .typography__rowLimit1_6j1xz {
90
+ } .typography__rowLimit1_sz85d {
91
91
  -webkit-line-clamp: 1;
92
92
  display: -webkit-box;
93
93
  -webkit-box-orient: vertical;
94
94
  overflow: hidden;
95
95
  word-break: break-all;
96
- } .typography__rowLimit2_6j1xz {
96
+ } .typography__rowLimit2_sz85d {
97
97
  -webkit-line-clamp: 2;
98
98
  display: -webkit-box;
99
99
  -webkit-box-orient: vertical;
100
100
  overflow: hidden;
101
- } .typography__rowLimit3_6j1xz {
101
+ } .typography__rowLimit3_sz85d {
102
102
  -webkit-line-clamp: 3;
103
103
  display: -webkit-box;
104
104
  -webkit-box-orient: vertical;
package/title/common.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 2vby8 */
1
+ /* hash: 1rh6h */
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 */
@@ -19,29 +19,29 @@
19
19
  --gap-0: 0;
20
20
  } :root {
21
21
  } :root {
22
- } /* сбрасывает синюю подсветку при нажатии */ .typography__component_odrpa {
22
+ } /* сбрасывает синюю подсветку при нажатии */ .typography__component_13m5g {
23
23
  margin: var(--gap-0);
24
24
  padding: var(--gap-0)
25
- } .typography__component_odrpa.typography__bold_odrpa {
25
+ } .typography__component_13m5g.typography__bold_13m5g {
26
26
  font-weight: bold;
27
- } .typography__component_odrpa.typography__semibold_odrpa {
27
+ } .typography__component_13m5g.typography__semibold_13m5g {
28
28
  font-weight: 600;
29
- } .typography__component_odrpa.typography__medium_odrpa {
29
+ } .typography__component_13m5g.typography__medium_13m5g {
30
30
  font-weight: 500;
31
- } .typography__component_odrpa.typography__regular_odrpa {
31
+ } .typography__component_13m5g.typography__regular_13m5g {
32
32
  font-weight: normal;
33
- } .typography__rowLimit1_odrpa {
33
+ } .typography__rowLimit1_13m5g {
34
34
  -webkit-line-clamp: 1;
35
35
  display: -webkit-box;
36
36
  -webkit-box-orient: vertical;
37
37
  overflow: hidden;
38
38
  word-break: break-all;
39
- } .typography__rowLimit2_odrpa {
39
+ } .typography__rowLimit2_13m5g {
40
40
  -webkit-line-clamp: 2;
41
41
  display: -webkit-box;
42
42
  -webkit-box-orient: vertical;
43
43
  overflow: hidden;
44
- } .typography__rowLimit3_odrpa {
44
+ } .typography__rowLimit3_13m5g {
45
45
  -webkit-line-clamp: 3;
46
46
  display: -webkit-box;
47
47
  -webkit-box-orient: vertical;
package/title/component.js CHANGED
@@ -8,7 +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 title_utils = require('./utils.js');
11
- var colors_module = require('../colors.module-ae9203b0.js');
11
+ var colors_module = require('../colors.module-90f568ec.js');
12
12
 
13
13
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
14
14