@alfalab/core-components-typography 6.0.2 → 6.0.3

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 (103) hide show
  1. package/colors.css +20 -20
  2. package/colors.d.ts +1 -1
  3. package/colors.module.css.js +1 -1
  4. package/colors.module.css.js.map +1 -1
  5. package/cssm/colors.d.ts +1 -1
  6. package/cssm/text/component.d.ts +4 -4
  7. package/cssm/text/component.js.map +1 -1
  8. package/cssm/title/component.d.ts +18 -18
  9. package/cssm/title/component.js.map +1 -1
  10. package/cssm/title/index.d.ts +13 -13
  11. package/cssm/title/utils.js.map +1 -1
  12. package/cssm/title-mobile/component.d.ts +13 -13
  13. package/cssm/title-responsive/component.d.ts +16 -16
  14. package/cssm/types.d.ts +1 -1
  15. package/esm/colors.css +20 -20
  16. package/esm/colors.d.ts +1 -1
  17. package/esm/colors.module.css.js +1 -1
  18. package/esm/colors.module.css.js.map +1 -1
  19. package/esm/text/component.d.ts +4 -4
  20. package/esm/text/component.js.map +1 -1
  21. package/esm/text/index.css +40 -40
  22. package/esm/text/index.module.css.js +1 -1
  23. package/esm/text/index.module.css.js.map +1 -1
  24. package/esm/title/common.css +5 -5
  25. package/esm/title/common.module.css.js +1 -1
  26. package/esm/title/common.module.css.js.map +1 -1
  27. package/esm/title/component.d.ts +18 -18
  28. package/esm/title/component.js.map +1 -1
  29. package/esm/title/index.css +25 -25
  30. package/esm/title/index.d.ts +13 -13
  31. package/esm/title/index.module.css.js +1 -1
  32. package/esm/title/index.module.css.js.map +1 -1
  33. package/esm/title/utils.js.map +1 -1
  34. package/esm/title-mobile/component.d.ts +13 -13
  35. package/esm/title-mobile/index.css +25 -25
  36. package/esm/title-mobile/index.module.css.js +1 -1
  37. package/esm/title-mobile/index.module.css.js.map +1 -1
  38. package/esm/title-responsive/component.d.ts +16 -16
  39. package/esm/types.d.ts +1 -1
  40. package/modern/colors.css +20 -20
  41. package/modern/colors.d.ts +1 -1
  42. package/modern/colors.module.css.js +1 -1
  43. package/modern/colors.module.css.js.map +1 -1
  44. package/modern/text/component.d.ts +4 -4
  45. package/modern/text/component.js.map +1 -1
  46. package/modern/text/index.css +40 -40
  47. package/modern/text/index.module.css.js +1 -1
  48. package/modern/text/index.module.css.js.map +1 -1
  49. package/modern/title/common.css +5 -5
  50. package/modern/title/common.module.css.js +1 -1
  51. package/modern/title/common.module.css.js.map +1 -1
  52. package/modern/title/component.d.ts +18 -18
  53. package/modern/title/component.js.map +1 -1
  54. package/modern/title/index.css +25 -25
  55. package/modern/title/index.d.ts +13 -13
  56. package/modern/title/index.module.css.js +1 -1
  57. package/modern/title/index.module.css.js.map +1 -1
  58. package/modern/title/utils.js.map +1 -1
  59. package/modern/title-mobile/component.d.ts +13 -13
  60. package/modern/title-mobile/index.css +25 -25
  61. package/modern/title-mobile/index.module.css.js +1 -1
  62. package/modern/title-mobile/index.module.css.js.map +1 -1
  63. package/modern/title-responsive/component.d.ts +16 -16
  64. package/modern/types.d.ts +1 -1
  65. package/moderncssm/colors.d.ts +1 -1
  66. package/moderncssm/text/component.d.ts +4 -4
  67. package/moderncssm/text/component.js.map +1 -1
  68. package/moderncssm/title/component.d.ts +18 -18
  69. package/moderncssm/title/component.js.map +1 -1
  70. package/moderncssm/title/index.d.ts +13 -13
  71. package/moderncssm/title/index.module.css +3 -3
  72. package/moderncssm/title/utils.js.map +1 -1
  73. package/moderncssm/title-mobile/component.d.ts +13 -13
  74. package/moderncssm/title-mobile/index.module.css +3 -3
  75. package/moderncssm/title-responsive/component.d.ts +16 -16
  76. package/moderncssm/types.d.ts +1 -1
  77. package/package.json +6 -6
  78. package/src/colors.module.css +1 -1
  79. package/src/text/index.module.css +1 -1
  80. package/src/title/common.module.css +1 -1
  81. package/src/title/index.module.css +1 -1
  82. package/src/title-mobile/index.module.css +1 -1
  83. package/text/component.d.ts +4 -4
  84. package/text/component.js.map +1 -1
  85. package/text/index.css +40 -40
  86. package/text/index.module.css.js +1 -1
  87. package/text/index.module.css.js.map +1 -1
  88. package/title/common.css +5 -5
  89. package/title/common.module.css.js +1 -1
  90. package/title/common.module.css.js.map +1 -1
  91. package/title/component.d.ts +18 -18
  92. package/title/component.js.map +1 -1
  93. package/title/index.css +25 -25
  94. package/title/index.d.ts +13 -13
  95. package/title/index.module.css.js +1 -1
  96. package/title/index.module.css.js.map +1 -1
  97. package/title/utils.js.map +1 -1
  98. package/title-mobile/component.d.ts +13 -13
  99. package/title-mobile/index.css +25 -25
  100. package/title-mobile/index.module.css.js +1 -1
  101. package/title-mobile/index.module.css.js.map +1 -1
  102. package/title-responsive/component.d.ts +16 -16
  103. package/types.d.ts +1 -1
package/title/index.css CHANGED
@@ -16,137 +16,137 @@
16
16
  'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
17
17
  sans-serif;
18
18
  }
19
- .typography__xlarge_1b3u8 {
19
+ .typography__xlarge_1u2wm {
20
20
  font-size: 48px;
21
21
  line-height: 52px;
22
22
  font-weight: 700;
23
23
  font-family: var(--font-family-system);
24
24
  }
25
- .typography__xlarge_1b3u8.typography__font_1b3u8 {
25
+ .typography__xlarge_1u2wm.typography__font_1u2wm {
26
26
  line-height: 64px;
27
27
  font-weight: 500;
28
28
  font-feature-settings: 'ss01';
29
29
  font-family: var(--font-family-styrene);
30
30
  }
31
- .typography__regular-xlarge_1b3u8 {
31
+ .typography__regular-xlarge_1u2wm {
32
32
  font-size: 48px;
33
33
  line-height: 52px;
34
34
  font-weight: 400;
35
35
  font-family: var(--font-family-system);
36
36
  }
37
- .typography__regular-xlarge_1b3u8.typography__font_1b3u8 {
37
+ .typography__regular-xlarge_1u2wm.typography__font_1u2wm {
38
38
  line-height: 64px;
39
39
  font-feature-settings: 'ss01';
40
40
  font-family: var(--font-family-styrene);
41
41
  }
42
- .typography__large_1b3u8 {
42
+ .typography__large_1u2wm {
43
43
  font-size: 40px;
44
44
  line-height: 48px;
45
45
  font-weight: 700;
46
46
  font-family: var(--font-family-system);
47
47
  }
48
- .typography__large_1b3u8.typography__font_1b3u8 {
48
+ .typography__large_1u2wm.typography__font_1u2wm {
49
49
  font-weight: 500;
50
50
  font-feature-settings: 'ss01';
51
51
  font-family: var(--font-family-styrene);
52
52
  }
53
- .typography__regular-large_1b3u8 {
53
+ .typography__regular-large_1u2wm {
54
54
  font-size: 40px;
55
55
  line-height: 48px;
56
56
  font-weight: 400;
57
57
  font-family: var(--font-family-system);
58
58
  }
59
- .typography__regular-large_1b3u8.typography__font_1b3u8 {
59
+ .typography__regular-large_1u2wm.typography__font_1u2wm {
60
60
  font-feature-settings: 'ss01';
61
61
  font-family: var(--font-family-styrene);
62
62
  }
63
- .typography__medium_1b3u8 {
63
+ .typography__medium_1u2wm {
64
64
  font-size: 30px;
65
65
  line-height: 36px;
66
66
  font-weight: 700;
67
67
  font-family: var(--font-family-system);
68
68
  }
69
- .typography__medium_1b3u8.typography__font_1b3u8 {
69
+ .typography__medium_1u2wm.typography__font_1u2wm {
70
70
  font-size: 32px;
71
71
  line-height: 40px;
72
72
  font-weight: 500;
73
73
  font-feature-settings: 'ss01';
74
74
  font-family: var(--font-family-styrene);
75
75
  }
76
- .typography__regular-medium_1b3u8 {
76
+ .typography__regular-medium_1u2wm {
77
77
  font-size: 30px;
78
78
  line-height: 36px;
79
79
  font-weight: 400;
80
80
  font-family: var(--font-family-system);
81
81
  }
82
- .typography__regular-medium_1b3u8.typography__font_1b3u8 {
82
+ .typography__regular-medium_1u2wm.typography__font_1u2wm {
83
83
  font-size: 32px;
84
84
  line-height: 40px;
85
85
  font-feature-settings: 'ss01';
86
86
  font-family: var(--font-family-styrene);
87
87
  }
88
- .typography__small_1b3u8 {
88
+ .typography__small_1u2wm {
89
89
  font-size: 22px;
90
90
  line-height: 26px;
91
91
  font-weight: 700;
92
92
  font-family: var(--font-family-system);
93
93
  }
94
- .typography__small_1b3u8.typography__font_1b3u8 {
94
+ .typography__small_1u2wm.typography__font_1u2wm {
95
95
  font-size: 24px;
96
96
  line-height: 32px;
97
97
  font-weight: 500;
98
98
  font-feature-settings: 'ss01';
99
99
  font-family: var(--font-family-styrene);
100
100
  }
101
- .typography__regular-small_1b3u8 {
101
+ .typography__regular-small_1u2wm {
102
102
  font-size: 22px;
103
103
  line-height: 26px;
104
104
  font-weight: 400;
105
105
  font-family: var(--font-family-system);
106
106
  }
107
- .typography__regular-small_1b3u8.typography__font_1b3u8 {
107
+ .typography__regular-small_1u2wm.typography__font_1u2wm {
108
108
  font-size: 24px;
109
109
  line-height: 32px;
110
110
  font-feature-settings: 'ss01';
111
111
  font-family: var(--font-family-styrene);
112
112
  }
113
- .typography__xsmall_1b3u8 {
113
+ .typography__xsmall_1u2wm {
114
114
  font-size: 18px;
115
115
  line-height: 22px;
116
116
  font-weight: 700;
117
117
  font-family: var(--font-family-system);
118
118
  }
119
- .typography__xsmall_1b3u8.typography__font_1b3u8 {
119
+ .typography__xsmall_1u2wm.typography__font_1u2wm {
120
120
  font-size: 20px;
121
121
  line-height: 24px;
122
122
  font-weight: 500;
123
123
  font-feature-settings: 'ss01';
124
124
  font-family: var(--font-family-styrene);
125
125
  }
126
- .typography__regular-xsmall_1b3u8 {
126
+ .typography__regular-xsmall_1u2wm {
127
127
  font-size: 18px;
128
128
  line-height: 22px;
129
129
  font-weight: 400;
130
130
  font-family: var(--font-family-system);
131
131
  }
132
- .typography__regular-xsmall_1b3u8.typography__font_1b3u8 {
132
+ .typography__regular-xsmall_1u2wm.typography__font_1u2wm {
133
133
  font-size: 20px;
134
134
  line-height: 24px;
135
135
  font-feature-settings: 'ss01';
136
136
  font-family: var(--font-family-styrene);
137
137
  }
138
- .typography__component_1b3u8.typography__margins-xlarge_1b3u8 {
138
+ .typography__component_1u2wm.typography__margins-xlarge_1u2wm {
139
139
  margin: var(--gap-0) var(--gap-0) var(--gap-24);
140
140
  }
141
- .typography__component_1b3u8.typography__margins-large_1b3u8 {
141
+ .typography__component_1u2wm.typography__margins-large_1u2wm {
142
142
  margin: var(--gap-48) var(--gap-0) var(--gap-24);
143
143
  }
144
- .typography__component_1b3u8.typography__margins-medium_1b3u8 {
144
+ .typography__component_1u2wm.typography__margins-medium_1u2wm {
145
145
  margin: var(--gap-48) var(--gap-0) var(--gap-24);
146
146
  }
147
- .typography__component_1b3u8.typography__margins-small_1b3u8 {
147
+ .typography__component_1u2wm.typography__margins-small_1u2wm {
148
148
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
149
149
  }
150
- .typography__component_1b3u8.typography__margins-xsmall_1b3u8 {
150
+ .typography__component_1u2wm.typography__margins-xsmall_1u2wm {
151
151
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
152
152
  }
package/title/index.d.ts CHANGED
@@ -1,22 +1,22 @@
1
1
  import React from 'react';
2
2
  import { type TitleProps } from './component';
3
3
  declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
4
- tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
5
- view?: "medium" | "small" | "xlarge" | "large" | "xsmall" | undefined;
6
- color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
7
- weight?: "regular" | "medium" | "bold" | "semibold" | undefined;
8
- font?: "alfasans" | "styrene" | "system" | {
4
+ tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
5
+ view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
6
+ color?: import("..").Color;
7
+ weight?: "regular" | "medium" | "bold" | "semibold";
8
+ font?: "styrene" | "system" | "alfasans" | {
9
9
  font: "alfasans";
10
10
  systemCompat: boolean;
11
- } | undefined;
12
- defaultMargins?: boolean | undefined;
13
- className?: string | undefined;
14
- dataTestId?: string | undefined;
11
+ };
12
+ defaultMargins?: boolean;
13
+ className?: string;
14
+ dataTestId?: string;
15
15
  children?: React.ReactNode;
16
- rowLimit?: 1 | 2 | 3 | undefined;
17
- showSkeleton?: boolean | undefined;
18
- skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps | undefined;
19
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
16
+ rowLimit?: 1 | 2 | 3;
17
+ showSkeleton?: boolean;
18
+ skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps;
19
+ defaultMatchMediaValue?: boolean | (() => boolean);
20
20
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
21
21
  export { Title };
22
22
  export type { TitleProps };
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"xlarge":"typography__xlarge_1b3u8","font":"typography__font_1b3u8","regular-xlarge":"typography__regular-xlarge_1b3u8","large":"typography__large_1b3u8","regular-large":"typography__regular-large_1b3u8","medium":"typography__medium_1b3u8","regular-medium":"typography__regular-medium_1b3u8","small":"typography__small_1b3u8","regular-small":"typography__regular-small_1b3u8","xsmall":"typography__xsmall_1b3u8","regular-xsmall":"typography__regular-xsmall_1b3u8","component":"typography__component_1b3u8","margins-xlarge":"typography__margins-xlarge_1b3u8","margins-large":"typography__margins-large_1b3u8","margins-medium":"typography__margins-medium_1b3u8","margins-small":"typography__margins-small_1b3u8","margins-xsmall":"typography__margins-xsmall_1b3u8"};
5
+ var styles = {"xlarge":"typography__xlarge_1u2wm","font":"typography__font_1u2wm","regular-xlarge":"typography__regular-xlarge_1u2wm","large":"typography__large_1u2wm","regular-large":"typography__regular-large_1u2wm","medium":"typography__medium_1u2wm","regular-medium":"typography__regular-medium_1u2wm","small":"typography__small_1u2wm","regular-small":"typography__regular-small_1u2wm","xsmall":"typography__xsmall_1u2wm","regular-xsmall":"typography__regular-xsmall_1u2wm","component":"typography__component_1u2wm","margins-xlarge":"typography__margins-xlarge_1u2wm","margins-large":"typography__margins-large_1u2wm","margins-medium":"typography__margins-medium_1u2wm","margins-small":"typography__margins-small_1u2wm","margins-xsmall":"typography__margins-xsmall_1u2wm"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../src/title/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../margins.module.css';\n\n@each $view in xlarge, large, medium, small, xsmall {\n .$(view) {\n @mixin headline-system_$(view);\n\n &.font {\n @subtract-mixin headline_$(view), headline-system_$(view);\n }\n }\n\n .regular-$(view) {\n @mixin promo-system_$(view);\n\n &.font {\n @subtract-mixin promo_$(view), promo-system_$(view);\n }\n }\n}\n\n.component {\n &.margins-xlarge {\n @mixin margin-large;\n }\n\n &.margins-large {\n @mixin margin-medium;\n }\n\n &.margins-medium {\n @mixin margin-medium;\n }\n\n &.margins-small {\n @mixin margin-small;\n }\n\n &.margins-xsmall {\n @mixin margin-small;\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,MAAM,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,WAAW,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../src/title/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../margins.module.css';\n\n@each $view in xlarge, large, medium, small, xsmall {\n .$(view) {\n @mixin headline-system_$(view);\n\n &.font {\n @subtract-mixin headline_$(view), headline-system_$(view);\n }\n }\n\n .regular-$(view) {\n @mixin promo-system_$(view);\n\n &.font {\n @subtract-mixin promo_$(view), promo-system_$(view);\n }\n }\n}\n\n.component {\n &.margins-xlarge {\n @mixin margin-large;\n }\n\n &.margins-large {\n @mixin margin-medium;\n }\n\n &.margins-medium {\n @mixin margin-medium;\n }\n\n &.margins-small {\n @mixin margin-small;\n }\n\n &.margins-xsmall {\n @mixin margin-small;\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,MAAM,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,WAAW,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../src/title/utils.ts"],"sourcesContent":["export function getDefaultWeight(\n font: 'styrene' | 'system' | 'alfasans',\n platform: 'mobile' | 'desktop',\n) {\n if (font === 'styrene' || font === 'alfasans') {\n return 'medium';\n }\n\n if (platform === 'desktop') {\n return 'bold';\n }\n\n return 'semibold';\n}\n"],"names":[],"mappings":";;;;AAAgB,SAAA,gBAAgB,CAC5B,IAAuC,EACvC,QAA8B,EAAA;AAE9B,IAAA,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,EAAE;AAC3C,QAAA,OAAO,QAAQ;AAClB;IAED,IAAI,QAAQ,KAAK,SAAS,EAAE;AACxB,QAAA,OAAO,MAAM;AAChB;AAED,IAAA,OAAO,UAAU;AACrB;;;;"}
1
+ {"version":3,"file":"utils.js","sources":["../src/title/utils.ts"],"sourcesContent":["export function getDefaultWeight(\n font: 'styrene' | 'system' | 'alfasans',\n platform: 'mobile' | 'desktop',\n) {\n if (font === 'styrene' || font === 'alfasans') {\n return 'medium';\n }\n\n if (platform === 'desktop') {\n return 'bold';\n }\n\n return 'semibold';\n}\n"],"names":[],"mappings":";;;;AAAgB,SAAA,gBAAgB,CAC5B,IAAuC,EACvC,QAA8B,EAAA;IAE9B,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,EAAE;AAC3C,QAAA,OAAO,QAAQ;;AAGnB,IAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;AACxB,QAAA,OAAO,MAAM;;AAGjB,IAAA,OAAO,UAAU;AACrB;;;;"}
@@ -1,19 +1,19 @@
1
1
  import React from 'react';
2
2
  export declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
3
- tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
4
- view?: "medium" | "small" | "xlarge" | "large" | "xsmall" | undefined;
5
- color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
6
- weight?: "regular" | "medium" | "bold" | "semibold" | undefined;
7
- font?: "alfasans" | "styrene" | "system" | {
3
+ tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
4
+ view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
5
+ color?: import("..").Color;
6
+ weight?: "regular" | "medium" | "bold" | "semibold";
7
+ font?: "styrene" | "system" | "alfasans" | {
8
8
  font: "alfasans";
9
9
  systemCompat: boolean;
10
- } | undefined;
11
- defaultMargins?: boolean | undefined;
12
- className?: string | undefined;
13
- dataTestId?: string | undefined;
10
+ };
11
+ defaultMargins?: boolean;
12
+ className?: string;
13
+ dataTestId?: string;
14
14
  children?: React.ReactNode;
15
- rowLimit?: 1 | 2 | 3 | undefined;
16
- showSkeleton?: boolean | undefined;
17
- skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps | undefined;
18
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
15
+ rowLimit?: 1 | 2 | 3;
16
+ showSkeleton?: boolean;
17
+ skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps;
18
+ defaultMatchMediaValue?: boolean | (() => boolean);
19
19
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
@@ -14,123 +14,123 @@
14
14
  'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
15
15
  sans-serif;
16
16
  }
17
- .typography__xlarge_28dno {
17
+ .typography__xlarge_1iafb {
18
18
  font-size: 34px;
19
19
  line-height: 40px;
20
20
  font-weight: 600;
21
21
  font-family: var(--font-family-system);
22
22
  }
23
- .typography__xlarge_28dno.typography__font_28dno {
23
+ .typography__xlarge_1iafb.typography__font_1iafb {
24
24
  font-weight: 500;
25
25
  font-feature-settings: 'ss01';
26
26
  font-family: var(--font-family-styrene);
27
27
  }
28
- .typography__regular-xlarge_28dno {
28
+ .typography__regular-xlarge_1iafb {
29
29
  font-size: 34px;
30
30
  line-height: 40px;
31
31
  font-weight: 400;
32
32
  font-family: var(--font-family-system);
33
33
  }
34
- .typography__regular-xlarge_28dno.typography__system_28dno {
34
+ .typography__regular-xlarge_1iafb.typography__system_1iafb {
35
35
  font-feature-settings: 'ss01';
36
36
  font-family: var(--font-family-styrene);
37
37
  }
38
- .typography__large_28dno {
38
+ .typography__large_1iafb {
39
39
  font-size: 30px;
40
40
  line-height: 36px;
41
41
  font-weight: 600;
42
42
  font-family: var(--font-family-system);
43
43
  }
44
- .typography__large_28dno.typography__font_28dno {
44
+ .typography__large_1iafb.typography__font_1iafb {
45
45
  font-weight: 500;
46
46
  font-feature-settings: 'ss01';
47
47
  font-family: var(--font-family-styrene);
48
48
  }
49
- .typography__regular-large_28dno {
49
+ .typography__regular-large_1iafb {
50
50
  font-size: 30px;
51
51
  line-height: 36px;
52
52
  font-weight: 400;
53
53
  font-family: var(--font-family-system);
54
54
  }
55
- .typography__regular-large_28dno.typography__system_28dno {
55
+ .typography__regular-large_1iafb.typography__system_1iafb {
56
56
  font-feature-settings: 'ss01';
57
57
  font-family: var(--font-family-styrene);
58
58
  }
59
- .typography__medium_28dno {
59
+ .typography__medium_1iafb {
60
60
  font-size: 26px;
61
61
  line-height: 32px;
62
62
  font-weight: 600;
63
63
  font-family: var(--font-family-system);
64
64
  }
65
- .typography__medium_28dno.typography__font_28dno {
65
+ .typography__medium_1iafb.typography__font_1iafb {
66
66
  font-weight: 500;
67
67
  font-feature-settings: 'ss01';
68
68
  font-family: var(--font-family-styrene);
69
69
  }
70
- .typography__regular-medium_28dno {
70
+ .typography__regular-medium_1iafb {
71
71
  font-size: 26px;
72
72
  line-height: 32px;
73
73
  font-weight: 400;
74
74
  font-family: var(--font-family-system);
75
75
  }
76
- .typography__regular-medium_28dno.typography__system_28dno {
76
+ .typography__regular-medium_1iafb.typography__system_1iafb {
77
77
  font-feature-settings: 'ss01';
78
78
  font-family: var(--font-family-styrene);
79
79
  }
80
- .typography__small_28dno {
80
+ .typography__small_1iafb {
81
81
  font-size: 20px;
82
82
  line-height: 28px;
83
83
  font-weight: 600;
84
84
  font-family: var(--font-family-system);
85
85
  }
86
- .typography__small_28dno.typography__font_28dno {
86
+ .typography__small_1iafb.typography__font_1iafb {
87
87
  font-weight: 500;
88
88
  font-feature-settings: 'ss01';
89
89
  font-family: var(--font-family-styrene);
90
90
  }
91
- .typography__regular-small_28dno {
91
+ .typography__regular-small_1iafb {
92
92
  font-size: 20px;
93
93
  line-height: 28px;
94
94
  font-weight: 400;
95
95
  font-family: var(--font-family-system);
96
96
  }
97
- .typography__regular-small_28dno.typography__system_28dno {
97
+ .typography__regular-small_1iafb.typography__system_1iafb {
98
98
  font-feature-settings: 'ss01';
99
99
  font-family: var(--font-family-styrene);
100
100
  }
101
- .typography__xsmall_28dno {
101
+ .typography__xsmall_1iafb {
102
102
  font-size: 16px;
103
103
  line-height: 20px;
104
104
  font-weight: 600;
105
105
  font-family: var(--font-family-system);
106
106
  }
107
- .typography__xsmall_28dno.typography__font_28dno {
107
+ .typography__xsmall_1iafb.typography__font_1iafb {
108
108
  font-weight: 500;
109
109
  font-feature-settings: 'ss01';
110
110
  font-family: var(--font-family-styrene);
111
111
  }
112
- .typography__regular-xsmall_28dno {
112
+ .typography__regular-xsmall_1iafb {
113
113
  font-size: 16px;
114
114
  line-height: 20px;
115
115
  font-weight: 400;
116
116
  font-family: var(--font-family-system);
117
117
  }
118
- .typography__regular-xsmall_28dno.typography__system_28dno {
118
+ .typography__regular-xsmall_1iafb.typography__system_1iafb {
119
119
  font-feature-settings: 'ss01';
120
120
  font-family: var(--font-family-styrene);
121
121
  }
122
- .typography__component_28dno.typography__margins-xlarge_28dno {
122
+ .typography__component_1iafb.typography__margins-xlarge_1iafb {
123
123
  margin: var(--gap-0) var(--gap-0) var(--gap-24);
124
124
  }
125
- .typography__component_28dno.typography__margins-large_28dno {
125
+ .typography__component_1iafb.typography__margins-large_1iafb {
126
126
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
127
127
  }
128
- .typography__component_28dno.typography__margins-medium_28dno {
128
+ .typography__component_1iafb.typography__margins-medium_1iafb {
129
129
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
130
130
  }
131
- .typography__component_28dno.typography__margins-small_28dno {
131
+ .typography__component_1iafb.typography__margins-small_1iafb {
132
132
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
133
133
  }
134
- .typography__component_28dno .typography__margins-xsmall_28dno {
134
+ .typography__component_1iafb .typography__margins-xsmall_1iafb {
135
135
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
136
136
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"xlarge":"typography__xlarge_28dno","font":"typography__font_28dno","regular-xlarge":"typography__regular-xlarge_28dno","system":"typography__system_28dno","large":"typography__large_28dno","regular-large":"typography__regular-large_28dno","medium":"typography__medium_28dno","regular-medium":"typography__regular-medium_28dno","small":"typography__small_28dno","regular-small":"typography__regular-small_28dno","xsmall":"typography__xsmall_28dno","regular-xsmall":"typography__regular-xsmall_28dno","component":"typography__component_28dno","margins-xlarge":"typography__margins-xlarge_28dno","margins-large":"typography__margins-large_28dno","margins-medium":"typography__margins-medium_28dno","margins-small":"typography__margins-small_28dno","margins-xsmall":"typography__margins-xsmall_28dno"};
5
+ var styles = {"xlarge":"typography__xlarge_1iafb","font":"typography__font_1iafb","regular-xlarge":"typography__regular-xlarge_1iafb","system":"typography__system_1iafb","large":"typography__large_1iafb","regular-large":"typography__regular-large_1iafb","medium":"typography__medium_1iafb","regular-medium":"typography__regular-medium_1iafb","small":"typography__small_1iafb","regular-small":"typography__regular-small_1iafb","xsmall":"typography__xsmall_1iafb","regular-xsmall":"typography__regular-xsmall_1iafb","component":"typography__component_1iafb","margins-xlarge":"typography__margins-xlarge_1iafb","margins-large":"typography__margins-large_1iafb","margins-medium":"typography__margins-medium_1iafb","margins-small":"typography__margins-small_1iafb","margins-xsmall":"typography__margins-xsmall_1iafb"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../src/title-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../margins.module.css';\n\n@each $view in xlarge, large, medium, small, xsmall {\n .$(view) {\n @mixin headline-system-mobile_$(view);\n\n &.font {\n @subtract-mixin headline-mobile_$(view), headline-system-mobile_$(view);\n }\n }\n\n .regular-$(view) {\n @mixin promo-system-mobile_$(view);\n\n &.system {\n @subtract-mixin promo-mobile_$(view), promo-system-mobile_$(view);\n }\n }\n}\n\n.component {\n &.margins-xlarge {\n @mixin margin-large;\n }\n\n &.margins-large {\n @mixin margin-small;\n }\n\n &.margins-medium {\n @mixin margin-small;\n }\n\n &.margins-small {\n @mixin margin-small;\n }\n\n & .margins-xsmall {\n @mixin margin-small;\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,MAAM,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,WAAW,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../src/title-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../margins.module.css';\n\n@each $view in xlarge, large, medium, small, xsmall {\n .$(view) {\n @mixin headline-system-mobile_$(view);\n\n &.font {\n @subtract-mixin headline-mobile_$(view), headline-system-mobile_$(view);\n }\n }\n\n .regular-$(view) {\n @mixin promo-system-mobile_$(view);\n\n &.system {\n @subtract-mixin promo-mobile_$(view), promo-system-mobile_$(view);\n }\n }\n}\n\n.component {\n &.margins-xlarge {\n @mixin margin-large;\n }\n\n &.margins-large {\n @mixin margin-small;\n }\n\n &.margins-medium {\n @mixin margin-small;\n }\n\n &.margins-small {\n @mixin margin-small;\n }\n\n & .margins-xsmall {\n @mixin margin-small;\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,MAAM,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,WAAW,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;;;;"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type TitleProps } from '../title';
3
- export declare type TitleResponsiveProps = TitleProps & {
3
+ export type TitleResponsiveProps = TitleProps & {
4
4
  /**
5
5
  * Контрольная точка, с нее начинается desktop версия
6
6
  * @default 1024
@@ -12,30 +12,30 @@ export declare type TitleResponsiveProps = TitleProps & {
12
12
  client?: 'desktop' | 'mobile';
13
13
  };
14
14
  export declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
15
- tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
16
- view?: "medium" | "small" | "xlarge" | "large" | "xsmall" | undefined;
17
- color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
18
- weight?: "regular" | "medium" | "bold" | "semibold" | undefined;
19
- font?: "alfasans" | "styrene" | "system" | {
15
+ tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
16
+ view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
17
+ color?: import("..").Color;
18
+ weight?: "regular" | "medium" | "bold" | "semibold";
19
+ font?: "styrene" | "system" | "alfasans" | {
20
20
  font: "alfasans";
21
21
  systemCompat: boolean;
22
- } | undefined;
23
- defaultMargins?: boolean | undefined;
24
- className?: string | undefined;
25
- dataTestId?: string | undefined;
22
+ };
23
+ defaultMargins?: boolean;
24
+ className?: string;
25
+ dataTestId?: string;
26
26
  children?: React.ReactNode;
27
- rowLimit?: 1 | 2 | 3 | undefined;
28
- showSkeleton?: boolean | undefined;
29
- skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps | undefined;
30
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
27
+ rowLimit?: 1 | 2 | 3;
28
+ showSkeleton?: boolean;
29
+ skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps;
30
+ defaultMatchMediaValue?: boolean | (() => boolean);
31
31
  } & {
32
32
  /**
33
33
  * Контрольная точка, с нее начинается desktop версия
34
34
  * @default 1024
35
35
  */
36
- breakpoint?: number | undefined;
36
+ breakpoint?: number;
37
37
  /**
38
38
  * Версия, которая будет использоваться при серверном рендеринге
39
39
  */
40
- client?: "mobile" | "desktop" | undefined;
40
+ client?: "desktop" | "mobile";
41
41
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
package/types.d.ts CHANGED
@@ -1 +1 @@
1
- export declare type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
1
+ export type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;