@alfalab/core-components-typography 4.10.0 → 4.10.1

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 (60) hide show
  1. package/colors.css +20 -20
  2. package/colors.module-7640b81b.js +6 -0
  3. package/common.module-12eda4c7.js +6 -0
  4. package/cssm/hooks/use-skeleton.module.css +2 -1
  5. package/cssm/text/index.module.css +5 -4
  6. package/cssm/title/common.module.css +29 -23
  7. package/cssm/title/index.module.css +6 -5
  8. package/cssm/title-mobile/index.module.css +6 -5
  9. package/esm/colors.css +20 -20
  10. package/esm/colors.module-e130d1fb.js +4 -0
  11. package/esm/common.module-24ddffb0.js +4 -0
  12. package/esm/hooks/use-skeleton.css +7 -6
  13. package/esm/hooks/use-skeleton.js +1 -1
  14. package/esm/text/component.js +2 -2
  15. package/esm/text/index.css +26 -25
  16. package/esm/title/common.css +30 -24
  17. package/esm/title/component.js +1 -1
  18. package/esm/title/index.css +22 -21
  19. package/esm/title/index.js +2 -2
  20. package/esm/title-mobile/component.js +2 -2
  21. package/esm/title-mobile/index.css +22 -21
  22. package/hooks/use-skeleton.css +7 -6
  23. package/hooks/use-skeleton.js +1 -1
  24. package/modern/colors.css +20 -20
  25. package/modern/colors.module-087f6dbf.js +4 -0
  26. package/modern/common.module-1d232c95.js +4 -0
  27. package/modern/hooks/use-skeleton.css +7 -6
  28. package/modern/hooks/use-skeleton.js +1 -1
  29. package/modern/text/component.js +2 -2
  30. package/modern/text/index.css +26 -25
  31. package/modern/title/common.css +30 -24
  32. package/modern/title/component.js +1 -1
  33. package/modern/title/index.css +22 -21
  34. package/modern/title/index.js +2 -2
  35. package/modern/title-mobile/component.js +2 -2
  36. package/modern/title-mobile/index.css +22 -21
  37. package/moderncssm/hooks/use-skeleton.module.css +1 -1
  38. package/moderncssm/text/index.module.css +4 -4
  39. package/moderncssm/title/common.module.css +4 -2
  40. package/moderncssm/title/index.module.css +5 -5
  41. package/moderncssm/title-mobile/index.module.css +5 -5
  42. package/package.json +4 -4
  43. package/src/hooks/use-skeleton.module.css +1 -1
  44. package/src/margins.module.css +3 -3
  45. package/src/text/index.module.css +4 -4
  46. package/src/title/common.module.css +4 -2
  47. package/text/component.js +2 -2
  48. package/text/index.css +26 -25
  49. package/title/common.css +30 -24
  50. package/title/component.js +1 -1
  51. package/title/index.css +22 -21
  52. package/title/index.js +2 -2
  53. package/title-mobile/component.js +2 -2
  54. package/title-mobile/index.css +22 -21
  55. package/colors.module-5866c16f.js +0 -6
  56. package/common.module-98ac839d.js +0 -6
  57. package/esm/colors.module-5cfaa8f2.js +0 -4
  58. package/esm/common.module-f31888e6.js +0 -4
  59. package/modern/colors.module-cfe2fa4f.js +0 -4
  60. package/modern/common.module-67cdcc8d.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: 1f822 */
1
+ /* hash: 1nw8s */
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 */
@@ -20,6 +20,7 @@
20
20
  --gap-4xl: 48px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
 
22
22
  /* новые значения, используйте их */
23
+ --gap-0: 0;
23
24
  --gap-16: var(--gap-m);
24
25
  --gap-24: var(--gap-xl);
25
26
  --gap-40: var(--gap-3xl);
@@ -28,64 +29,64 @@
28
29
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
29
30
  'Helvetica Neue', Helvetica, sans-serif;
30
31
  } :root {
31
- } .typography__styrene-xlarge_1pe64 {
32
+ } .typography__styrene-xlarge_rcbnp {
32
33
  font-size: 48px;
33
34
  line-height: 64px;
34
35
  font-weight: 500;
35
36
  font-feature-settings: 'ss01';
36
37
  font-family: var(--font-family-styrene);
37
- } .typography__styrene-large_1pe64 {
38
+ } .typography__styrene-large_rcbnp {
38
39
  font-size: 40px;
39
40
  line-height: 48px;
40
41
  font-weight: 500;
41
42
  font-feature-settings: 'ss01';
42
43
  font-family: var(--font-family-styrene);
43
- } .typography__styrene-medium_1pe64 {
44
+ } .typography__styrene-medium_rcbnp {
44
45
  font-size: 32px;
45
46
  line-height: 40px;
46
47
  font-weight: 500;
47
48
  font-feature-settings: 'ss01';
48
49
  font-family: var(--font-family-styrene);
49
- } .typography__styrene-small_1pe64 {
50
+ } .typography__styrene-small_rcbnp {
50
51
  font-size: 24px;
51
52
  line-height: 32px;
52
53
  font-weight: 500;
53
54
  font-feature-settings: 'ss01';
54
55
  font-family: var(--font-family-styrene);
55
- } .typography__styrene-xsmall_1pe64 {
56
+ } .typography__styrene-xsmall_rcbnp {
56
57
  font-size: 20px;
57
58
  line-height: 24px;
58
59
  font-weight: 500;
59
60
  font-feature-settings: 'ss01';
60
61
  font-family: var(--font-family-styrene);
61
- } .typography__system-xlarge_1pe64 {
62
+ } .typography__system-xlarge_rcbnp {
62
63
  font-size: 48px;
63
64
  line-height: 52px;
64
65
  font-weight: 700;
65
- } .typography__system-large_1pe64 {
66
+ } .typography__system-large_rcbnp {
66
67
  font-size: 40px;
67
68
  line-height: 48px;
68
69
  font-weight: 700;
69
- } .typography__system-medium_1pe64 {
70
+ } .typography__system-medium_rcbnp {
70
71
  font-size: 30px;
71
72
  line-height: 36px;
72
73
  font-weight: 700;
73
- } .typography__system-small_1pe64 {
74
+ } .typography__system-small_rcbnp {
74
75
  font-size: 22px;
75
76
  line-height: 26px;
76
77
  font-weight: 700;
77
- } .typography__system-xsmall_1pe64 {
78
+ } .typography__system-xsmall_rcbnp {
78
79
  font-size: 18px;
79
80
  line-height: 22px;
80
81
  font-weight: 700;
81
- } .typography__margins-xlarge_1pe64 {
82
- margin: 0 0 var(--gap-24);
83
- } .typography__margins-large_1pe64 {
84
- margin: var(--gap-48) 0 var(--gap-24);
85
- } .typography__margins-medium_1pe64 {
86
- margin: var(--gap-48) 0 var(--gap-24);
87
- } .typography__margins-small_1pe64 {
88
- margin: var(--gap-40) 0 var(--gap-16);
89
- } .typography__margins-xsmall_1pe64 {
90
- margin: var(--gap-40) 0 var(--gap-16);
82
+ } .typography__margins-xlarge_rcbnp {
83
+ margin: var(--gap-0) var(--gap-0) var(--gap-24);
84
+ } .typography__margins-large_rcbnp {
85
+ margin: var(--gap-48) var(--gap-0) var(--gap-24);
86
+ } .typography__margins-medium_rcbnp {
87
+ margin: var(--gap-48) var(--gap-0) var(--gap-24);
88
+ } .typography__margins-small_rcbnp {
89
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
90
+ } .typography__margins-xsmall_rcbnp {
91
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
91
92
  }
@@ -1,8 +1,8 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { TitleBase } from './component.js';
3
- import { c as commonStyles } from '../common.module-67cdcc8d.js';
3
+ import { c as commonStyles } from '../common.module-1d232c95.js';
4
4
 
5
- const styles = {"styrene-xlarge":"typography__styrene-xlarge_1pe64","styrene-large":"typography__styrene-large_1pe64","styrene-medium":"typography__styrene-medium_1pe64","styrene-small":"typography__styrene-small_1pe64","styrene-xsmall":"typography__styrene-xsmall_1pe64","system-xlarge":"typography__system-xlarge_1pe64","system-large":"typography__system-large_1pe64","system-medium":"typography__system-medium_1pe64","system-small":"typography__system-small_1pe64","system-xsmall":"typography__system-xsmall_1pe64","margins-xlarge":"typography__margins-xlarge_1pe64","margins-large":"typography__margins-large_1pe64","margins-medium":"typography__margins-medium_1pe64","margins-small":"typography__margins-small_1pe64","margins-xsmall":"typography__margins-xsmall_1pe64"};
5
+ const styles = {"styrene-xlarge":"typography__styrene-xlarge_rcbnp","styrene-large":"typography__styrene-large_rcbnp","styrene-medium":"typography__styrene-medium_rcbnp","styrene-small":"typography__styrene-small_rcbnp","styrene-xsmall":"typography__styrene-xsmall_rcbnp","system-xlarge":"typography__system-xlarge_rcbnp","system-large":"typography__system-large_rcbnp","system-medium":"typography__system-medium_rcbnp","system-small":"typography__system-small_rcbnp","system-xsmall":"typography__system-xsmall_rcbnp","margins-xlarge":"typography__margins-xlarge_rcbnp","margins-large":"typography__margins-large_rcbnp","margins-medium":"typography__margins-medium_rcbnp","margins-small":"typography__margins-small_rcbnp","margins-xsmall":"typography__margins-xsmall_rcbnp"};
6
6
  require('./index.css')
7
7
 
8
8
  const Title = forwardRef((props, ref) => (React.createElement(TitleBase, { ...props, styles: Object.assign(commonStyles, styles), ref: ref, platform: 'desktop' })));
@@ -1,8 +1,8 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { TitleBase } from '../title/component.js';
3
- import { c as commonStyles } from '../common.module-67cdcc8d.js';
3
+ import { c as commonStyles } from '../common.module-1d232c95.js';
4
4
 
5
- const styles = {"styrene-xlarge":"typography__styrene-xlarge_6dq2l","styrene-large":"typography__styrene-large_6dq2l","styrene-medium":"typography__styrene-medium_6dq2l","styrene-small":"typography__styrene-small_6dq2l","styrene-xsmall":"typography__styrene-xsmall_6dq2l","system-xlarge":"typography__system-xlarge_6dq2l","system-large":"typography__system-large_6dq2l","system-medium":"typography__system-medium_6dq2l","system-small":"typography__system-small_6dq2l","system-xsmall":"typography__system-xsmall_6dq2l","margins-xlarge":"typography__margins-xlarge_6dq2l","margins-large":"typography__margins-large_6dq2l","margins-medium":"typography__margins-medium_6dq2l","margins-small":"typography__margins-small_6dq2l","margins-xsmall":"typography__margins-xsmall_6dq2l"};
5
+ const styles = {"styrene-xlarge":"typography__styrene-xlarge_14fkj","styrene-large":"typography__styrene-large_14fkj","styrene-medium":"typography__styrene-medium_14fkj","styrene-small":"typography__styrene-small_14fkj","styrene-xsmall":"typography__styrene-xsmall_14fkj","system-xlarge":"typography__system-xlarge_14fkj","system-large":"typography__system-large_14fkj","system-medium":"typography__system-medium_14fkj","system-small":"typography__system-small_14fkj","system-xsmall":"typography__system-xsmall_14fkj","margins-xlarge":"typography__margins-xlarge_14fkj","margins-large":"typography__margins-large_14fkj","margins-medium":"typography__margins-medium_14fkj","margins-small":"typography__margins-small_14fkj","margins-xsmall":"typography__margins-xsmall_14fkj"};
6
6
  require('./index.css')
7
7
 
8
8
  const TitleMobile = forwardRef((props, ref) => (React.createElement(TitleBase, { ...props, styles: Object.assign(commonStyles, styles), ref: ref, platform: 'mobile' })));
@@ -1,4 +1,4 @@
1
- /* hash: sk9na */
1
+ /* hash: ppe57 */
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,6 +19,7 @@
19
19
  --gap-3xl: 40px; /* deprecated */ /* 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);
@@ -26,64 +27,64 @@
26
27
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
27
28
  'Helvetica Neue', Helvetica, sans-serif;
28
29
  } :root {
29
- } .typography__styrene-xlarge_6dq2l {
30
+ } .typography__styrene-xlarge_14fkj {
30
31
  font-size: 34px;
31
32
  line-height: 40px;
32
33
  font-weight: 500;
33
34
  font-feature-settings: 'ss01';
34
35
  font-family: var(--font-family-styrene);
35
- } .typography__styrene-large_6dq2l {
36
+ } .typography__styrene-large_14fkj {
36
37
  font-size: 30px;
37
38
  line-height: 36px;
38
39
  font-weight: 500;
39
40
  font-feature-settings: 'ss01';
40
41
  font-family: var(--font-family-styrene);
41
- } .typography__styrene-medium_6dq2l {
42
+ } .typography__styrene-medium_14fkj {
42
43
  font-size: 26px;
43
44
  line-height: 32px;
44
45
  font-weight: 500;
45
46
  font-feature-settings: 'ss01';
46
47
  font-family: var(--font-family-styrene);
47
- } .typography__styrene-small_6dq2l {
48
+ } .typography__styrene-small_14fkj {
48
49
  font-size: 20px;
49
50
  line-height: 28px;
50
51
  font-weight: 500;
51
52
  font-feature-settings: 'ss01';
52
53
  font-family: var(--font-family-styrene);
53
- } .typography__styrene-xsmall_6dq2l {
54
+ } .typography__styrene-xsmall_14fkj {
54
55
  font-size: 16px;
55
56
  line-height: 20px;
56
57
  font-weight: 500;
57
58
  font-feature-settings: 'ss01';
58
59
  font-family: var(--font-family-styrene);
59
- } .typography__system-xlarge_6dq2l {
60
+ } .typography__system-xlarge_14fkj {
60
61
  font-size: 34px;
61
62
  line-height: 40px;
62
63
  font-weight: 600;
63
- } .typography__system-large_6dq2l {
64
+ } .typography__system-large_14fkj {
64
65
  font-size: 30px;
65
66
  line-height: 36px;
66
67
  font-weight: 600;
67
- } .typography__system-medium_6dq2l {
68
+ } .typography__system-medium_14fkj {
68
69
  font-size: 26px;
69
70
  line-height: 32px;
70
71
  font-weight: 600;
71
- } .typography__system-small_6dq2l {
72
+ } .typography__system-small_14fkj {
72
73
  font-size: 20px;
73
74
  line-height: 28px;
74
75
  font-weight: 600;
75
- } .typography__system-xsmall_6dq2l {
76
+ } .typography__system-xsmall_14fkj {
76
77
  font-size: 16px;
77
78
  line-height: 20px;
78
79
  font-weight: 600;
79
- } .typography__margins-xlarge_6dq2l {
80
- margin: 0 0 var(--gap-24);
81
- } .typography__margins-large_6dq2l {
82
- margin: var(--gap-40) 0 var(--gap-16);
83
- } .typography__margins-medium_6dq2l {
84
- margin: var(--gap-40) 0 var(--gap-16);
85
- } .typography__margins-small_6dq2l {
86
- margin: var(--gap-40) 0 var(--gap-16);
87
- } .typography__margins-xsmall_6dq2l {
88
- margin: var(--gap-40) 0 var(--gap-16);
80
+ } .typography__margins-xlarge_14fkj {
81
+ margin: var(--gap-0) var(--gap-0) var(--gap-24);
82
+ } .typography__margins-large_14fkj {
83
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
84
+ } .typography__margins-medium_14fkj {
85
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
86
+ } .typography__margins-small_14fkj {
87
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
88
+ } .typography__margins-xsmall_14fkj {
89
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
89
90
  }
@@ -9,7 +9,7 @@
9
9
  }
10
10
 
11
11
  .center > div {
12
- margin: 0 auto;
12
+ margin: var(--gap-0) auto;
13
13
  }
14
14
 
15
15
  .right > div {
@@ -1,16 +1,16 @@
1
1
  /* */
2
2
 
3
3
  :root {
4
- --text-paragraph-margin-bottom: 0 0 var(--gap-12);
4
+ --text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);
5
5
  }
6
6
 
7
7
  .paragraph {
8
- margin: 0;
9
- padding: 0;
8
+ margin: var(--gap-0);
9
+ padding: var(--gap-0);
10
10
  }
11
11
 
12
12
  .paragraphWithMargins {
13
- padding: 0;
13
+ padding: var(--gap-0);
14
14
  margin: var(--text-paragraph-margin-bottom);
15
15
  }
16
16
 
@@ -1,6 +1,8 @@
1
+ /* */
2
+
1
3
  .component {
2
- margin: 0;
3
- padding: 0
4
+ margin: var(--gap-0);
5
+ padding: var(--gap-0)
4
6
  }
5
7
 
6
8
  .component.bold {
@@ -60,17 +60,17 @@
60
60
  font-weight: 700;
61
61
  }
62
62
  .margins-xlarge {
63
- margin: 0 0 var(--gap-24);
63
+ margin: var(--gap-0) var(--gap-0) var(--gap-24);
64
64
  }
65
65
  .margins-large {
66
- margin: var(--gap-48) 0 var(--gap-24);
66
+ margin: var(--gap-48) var(--gap-0) var(--gap-24);
67
67
  }
68
68
  .margins-medium {
69
- margin: var(--gap-48) 0 var(--gap-24);
69
+ margin: var(--gap-48) var(--gap-0) var(--gap-24);
70
70
  }
71
71
  .margins-small {
72
- margin: var(--gap-40) 0 var(--gap-16);
72
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
73
73
  }
74
74
  .margins-xsmall {
75
- margin: var(--gap-40) 0 var(--gap-16);
75
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
76
76
  }
@@ -60,17 +60,17 @@
60
60
  font-weight: 600;
61
61
  }
62
62
  .margins-xlarge {
63
- margin: 0 0 var(--gap-24);
63
+ margin: var(--gap-0) var(--gap-0) var(--gap-24);
64
64
  }
65
65
  .margins-large {
66
- margin: var(--gap-40) 0 var(--gap-16);
66
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
67
67
  }
68
68
  .margins-medium {
69
- margin: var(--gap-40) 0 var(--gap-16);
69
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
70
70
  }
71
71
  .margins-small {
72
- margin: var(--gap-40) 0 var(--gap-16);
72
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
73
73
  }
74
74
  .margins-xsmall {
75
- margin: var(--gap-40) 0 var(--gap-16);
75
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
76
76
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-typography",
3
- "version": "4.10.0",
3
+ "version": "4.10.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,13 +14,13 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-skeleton": "^5.1.0",
17
+ "@alfalab/core-components-skeleton": "^5.2.0",
18
18
  "@alfalab/core-components-mq": "^4.3.0",
19
19
  "@alfalab/hooks": "^1.13.0",
20
20
  "classnames": "^2.3.1",
21
21
  "react-merge-refs": "^1.1.0",
22
22
  "tslib": "^2.4.0"
23
23
  },
24
- "themesVersion": "13.1.0",
25
- "varsVersion": "9.12.0"
24
+ "themesVersion": "13.2.0",
25
+ "varsVersion": "9.13.0"
26
26
  }
@@ -9,7 +9,7 @@
9
9
  }
10
10
 
11
11
  .center > div {
12
- margin: 0 auto;
12
+ margin: var(--gap-0) auto;
13
13
  }
14
14
 
15
15
  .right > div {
@@ -1,11 +1,11 @@
1
1
  @define-mixin margin-large {
2
- margin: 0 0 var(--gap-24);
2
+ margin: var(--gap-0) var(--gap-0) var(--gap-24);
3
3
  }
4
4
 
5
5
  @define-mixin margin-medium {
6
- margin: var(--gap-48) 0 var(--gap-24);
6
+ margin: var(--gap-48) var(--gap-0) var(--gap-24);
7
7
  }
8
8
 
9
9
  @define-mixin margin-small {
10
- margin: var(--gap-40) 0 var(--gap-16);
10
+ margin: var(--gap-40) var(--gap-0) var(--gap-16);
11
11
  }
@@ -1,16 +1,16 @@
1
1
  @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  :root {
4
- --text-paragraph-margin-bottom: 0 0 var(--gap-12);
4
+ --text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);
5
5
  }
6
6
 
7
7
  .paragraph {
8
- margin: 0;
9
- padding: 0;
8
+ margin: var(--gap-0);
9
+ padding: var(--gap-0);
10
10
  }
11
11
 
12
12
  .paragraphWithMargins {
13
- padding: 0;
13
+ padding: var(--gap-0);
14
14
  margin: var(--text-paragraph-margin-bottom);
15
15
  }
16
16
 
@@ -1,6 +1,8 @@
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
+
1
3
  .component {
2
- margin: 0;
3
- padding: 0;
4
+ margin: var(--gap-0);
5
+ padding: var(--gap-0);
4
6
 
5
7
  &.bold {
6
8
  font-weight: bold;
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-5866c16f.js');
10
+ var colors_module = require('../colors.module-7640b81b.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 = {"paragraph":"typography__paragraph_6mjyh","paragraphWithMargins":"typography__paragraphWithMargins_6mjyh","primary-large":"typography__primary-large_6mjyh","primary-medium":"typography__primary-medium_6mjyh","primary-small":"typography__primary-small_6mjyh","secondary-large":"typography__secondary-large_6mjyh","secondary-medium":"typography__secondary-medium_6mjyh","secondary-small":"typography__secondary-small_6mjyh","component":"typography__component_6mjyh","component-primary":"typography__component-primary_6mjyh","component-secondary":"typography__component-secondary_6mjyh","caps":"typography__caps_6mjyh","tagline":"typography__tagline_6mjyh","bold":"typography__bold_6mjyh","medium":"typography__medium_6mjyh","regular":"typography__regular_6mjyh","monospace":"typography__monospace_6mjyh","rowLimit1":"typography__rowLimit1_6mjyh","rowLimit2":"typography__rowLimit2_6mjyh","rowLimit3":"typography__rowLimit3_6mjyh"};
18
+ var styles = {"paragraph":"typography__paragraph_e5q5s","paragraphWithMargins":"typography__paragraphWithMargins_e5q5s","primary-large":"typography__primary-large_e5q5s","primary-medium":"typography__primary-medium_e5q5s","primary-small":"typography__primary-small_e5q5s","secondary-large":"typography__secondary-large_e5q5s","secondary-medium":"typography__secondary-medium_e5q5s","secondary-small":"typography__secondary-small_e5q5s","component":"typography__component_e5q5s","component-primary":"typography__component-primary_e5q5s","component-secondary":"typography__component-secondary_e5q5s","caps":"typography__caps_e5q5s","tagline":"typography__tagline_e5q5s","bold":"typography__bold_e5q5s","medium":"typography__medium_e5q5s","regular":"typography__regular_e5q5s","monospace":"typography__monospace_e5q5s","rowLimit1":"typography__rowLimit1_e5q5s","rowLimit2":"typography__rowLimit2_e5q5s","rowLimit3":"typography__rowLimit3_e5q5s"};
19
19
  require('./index.css')
20
20
 
21
21
  var logWarning = function (view) {