kamotive_ui 1.2.5 → 1.2.6

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 (13) hide show
  1. package/dist/Intro/Welcome.module.css +2 -2
  2. package/dist/components/ColorPicker/ColorPicker.module.css +3 -3
  3. package/dist/components/Dropdown/Dropdown.module.css +1 -1
  4. package/dist/components/Input/Input.module.css +1 -1
  5. package/dist/components/ProgressBar/ProgressBar.module.css +1 -1
  6. package/dist/components/Tabs/Tabs.module.css +1 -1
  7. package/dist/components/Tag/Tag.module.css +1 -1
  8. package/dist/components/ToggleButton/ToggleButton.module.css +1 -1
  9. package/dist/components/Typography/Typography.module.css +25 -83
  10. package/dist/components/Typography/enums.d.ts +4 -0
  11. package/dist/components/Typography/enums.js +4 -0
  12. package/dist/fonts.css +4 -3
  13. package/package.json +1 -1
package/dist/Intro/Welcome.module.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .h1{
2
- font-family: 'Raleway';
2
+ font-family: var(--font-family);
3
3
  font-style: normal;
4
4
  font-weight: 600;
5
5
  line-height: 16.5px;
@@ -8,7 +8,7 @@
8
8
  margin: 20px;
9
9
  }
10
10
  .body {
11
- font-family: 'Raleway';
11
+ font-family: var(--font-family);
12
12
  font-style: normal;
13
13
  font-weight: 400;
14
14
  line-height: 16.5px;
package/dist/components/ColorPicker/ColorPicker.module.css CHANGED
@@ -163,7 +163,7 @@
163
163
  }
164
164
  /* Для всех инпутов в пикере */
165
165
  :global(.w-color-chrome) :global(.w-color-editable-input) input {
166
- font-family: 'Raleway' !important;
166
+ font-family: var(--font-family) !important;
167
167
  font-style: normal !important;
168
168
  font-weight: 400 !important;
169
169
  line-height: 14px !important;
@@ -204,7 +204,7 @@ border-left: none !important;
204
204
  }
205
205
  /* Для лейблов */
206
206
  :global(.w-color-chrome-fields) :global(.w-color-editable-input) label {
207
- font-family: 'Raleway' !important;
207
+ font-family: var(--font-family) !important;
208
208
  font-style: normal !important;
209
209
  font-weight: 400 !important;
210
210
  line-height: 16.5px !important;
@@ -240,7 +240,7 @@ border-left: none !important;
240
240
  .hex > :global(.w-color-editable-input) > input {
241
241
  /* padding: 0 !important; */
242
242
  font-size: 12px !important;
243
- font-family: 'Raleway' !important;
243
+ font-family: var(--font-family) !important;
244
244
  padding: 5px !important;
245
245
  width: 70px !important;
246
246
  height: 45px !important;
package/dist/components/Dropdown/Dropdown.module.css CHANGED
@@ -29,7 +29,7 @@
29
29
  }
30
30
 
31
31
  .button {
32
- font-family: var(--font-family-main);
32
+ font-family: var(--font-family);
33
33
  font-style: normal;
34
34
  font-weight: 400;
35
35
  line-height: 16.5px;
package/dist/components/Input/Input.module.css CHANGED
@@ -19,7 +19,7 @@
19
19
  }
20
20
 
21
21
  .input {
22
- font-family: var(--font-family-main);
22
+ font-family: var(--font-family);
23
23
  font-style: normal;
24
24
  font-weight: 400;
25
25
  position: relative;
package/dist/components/ProgressBar/ProgressBar.module.css CHANGED
@@ -39,7 +39,7 @@
39
39
  .progress-bar-percentage {
40
40
  /* position: absolute; */
41
41
  /* top: 50%; */
42
- /* font-family: var(--font-family-main);
42
+ /* font-family: var(--font-family);
43
43
  font-weight: 300;
44
44
  font-size: 11px;
45
45
  line-height: 13; */
package/dist/components/Tabs/Tabs.module.css CHANGED
@@ -18,7 +18,7 @@
18
18
  background-color: var(--tab-extraLight);
19
19
  border: none;
20
20
 
21
- font-family: 'Raleway';
21
+ font-family: var(--font-family);
22
22
  font-style: normal;
23
23
  font-weight: 400;
24
24
  font-size: 13px;
package/dist/components/Tag/Tag.module.css CHANGED
@@ -7,7 +7,7 @@
7
7
  align-items: center;
8
8
  gap: 10px;
9
9
 
10
- font-family: 'Raleway';
10
+ font-family: var(--font-family);
11
11
  font-style: normal;
12
12
  font-weight: 500;
13
13
  font-size: 12px;
package/dist/components/ToggleButton/ToggleButton.module.css CHANGED
@@ -4,7 +4,7 @@
4
4
  justify-content: left;
5
5
  gap: 5px;
6
6
 
7
- font-family: 'Raleway';
7
+ font-family: var(--font-family);
8
8
  font-style: normal;
9
9
  font-weight: 400;
10
10
  font-size: 14px;
package/dist/components/Typography/Typography.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  .typography--variant-Heading1 {
3
- font-family: var(--font-family-main);
3
+ font-family: var(--font-family);
4
4
  font-size: var(--font-size-48);
5
5
  font-weight: var(--font-weight-bold);
6
6
  line-height: var(--lineHeight-48);
@@ -8,7 +8,7 @@
8
8
  text-decoration: none;
9
9
  }
10
10
  .typography--variant-Heading2 {
11
- font-family: var(--font-family-main);
11
+ font-family: var(--font-family);
12
12
  font-size: var(--font-size-36);
13
13
  font-weight: var(--font-weight-bold);
14
14
  line-height: var(--lineHeight-36);
@@ -16,7 +16,7 @@
16
16
  text-decoration: none;
17
17
  }
18
18
  .typography--variant-Heading3 {
19
- font-family: var(--font-family-main);
19
+ font-family: var(--font-family);
20
20
  font-size: var(--font-size-24);
21
21
  font-weight: var(--font-weight-bold);
22
22
  line-height: var(--lineHeight-24);
@@ -24,7 +24,7 @@
24
24
  text-decoration: none;
25
25
  }
26
26
  .typography--variant-Heading4 {
27
- font-family: var(--font-family-main);
27
+ font-family: var(--font-family);
28
28
  font-size: var(--font-size-20);
29
29
  font-weight: var(--font-weight-bold);
30
30
  line-height: var(--lineHeight-20);
@@ -32,7 +32,7 @@
32
32
  text-decoration: none;
33
33
  }
34
34
  .typography--variant-Subheading1 {
35
- font-family: var(--font-family-main);
35
+ font-family: var(--font-family);
36
36
  font-size: var(--font-size-36);
37
37
  font-weight: var(--font-weight-medium);
38
38
  line-height: var(--lineHeight-36);
@@ -40,7 +40,7 @@
40
40
  text-decoration: none;
41
41
  }
42
42
  .typography--variant-Subheading2 {
43
- font-family: var(--font-family-main);
43
+ font-family: var(--font-family);
44
44
  font-size: var(--font-size-24);
45
45
  font-weight: var(--font-weight-regular);
46
46
  line-height: var(--lineHeight-24);
@@ -48,7 +48,7 @@
48
48
  text-decoration: none;
49
49
  }
50
50
  .typography--variant-Subheading2-Medium {
51
- font-family: var(--font-family-main);
51
+ font-family: var(--font-family);
52
52
  font-size: var(--font-size-24);
53
53
  font-weight: var(--font-weight-medium);
54
54
  line-height: var(--lineHeight-24);
@@ -56,7 +56,7 @@
56
56
  text-decoration: none;
57
57
  }
58
58
  .typography--variant-Subheading3 {
59
- font-family: var(--font-family-main);
59
+ font-family: var(--font-family);
60
60
  font-size: var(--font-size-20);
61
61
  font-weight: var(--font-weight-regular);
62
62
  line-height: var(--lineHeight-20);
@@ -64,7 +64,7 @@
64
64
  text-decoration: none;
65
65
  }
66
66
  .typography--variant-Subheading3-Medium {
67
- font-family: var(--font-family-main);
67
+ font-family: var(--font-family);
68
68
  font-size: var(--font-size-20);
69
69
  font-weight: var(--font-weight-medium);
70
70
  line-height: var(--lineHeight-20);
@@ -72,7 +72,7 @@
72
72
  text-decoration: none;
73
73
  }
74
74
  .typography--variant-Body {
75
- font-family: var(--font-family-main);
75
+ font-family: var(--font-family);
76
76
  font-size: var(--font-size-18);
77
77
  font-weight: var(--font-weight-regular);
78
78
  line-height: var(--lineHeight-18);
@@ -80,7 +80,7 @@
80
80
  text-decoration: none;
81
81
  }
82
82
  .typography--variant-Body-Medium {
83
- font-family: var(--font-family-main);
83
+ font-family: var(--font-family);
84
84
  font-size: var(--font-size-18);
85
85
  font-weight: var(--font-weight-meduim);
86
86
  line-height: var(--lineHeight-18);
@@ -88,7 +88,7 @@
88
88
  text-decoration: none;
89
89
  }
90
90
  .typography--variant-Body-Bold{
91
- font-family: var(--font-family-main);
91
+ font-family: var(--font-family);
92
92
  font-size: var(--font-size-18);
93
93
  font-weight: var(--font-weight-bold);
94
94
  line-height: var(--lineHeight-18);
@@ -96,7 +96,7 @@
96
96
  text-decoration: none;
97
97
  }
98
98
  .typography--variant-Body1-Light {
99
- font-family: var(--font-family-main);
99
+ font-family: var(--font-family);
100
100
  font-size: var(--font-size-16);
101
101
  font-weight: var(--font-weight-light);
102
102
  line-height: var(--lineHeight-16);
@@ -104,7 +104,7 @@
104
104
  text-decoration: none;
105
105
  }
106
106
  .typography--variant-Body1 {
107
- font-family: var(--font-family-main);
107
+ font-family: var(--font-family);
108
108
  font-size: var(--font-size-16);
109
109
  font-weight: var(--font-weight-regular);
110
110
  line-height: var(--lineHeight-16);
@@ -112,7 +112,7 @@
112
112
  text-decoration: none;
113
113
  }
114
114
  .typography--variant-Body1-Medium {
115
- font-family: var(--font-family-main);
115
+ font-family: var(--font-family);
116
116
  font-size: var(--font-size-16);
117
117
  font-weight: var(--font-weight-medium);
118
118
  line-height: var(--lineHeight-16);
@@ -120,7 +120,7 @@
120
120
  text-decoration: none;
121
121
  }
122
122
  .typography--variant-Body1-SemiBold{
123
- font-family: var(--font-family-main);
123
+ font-family: var(--font-family);
124
124
  font-size: var(--font-size-16);
125
125
  font-weight: var(--font-weight-semiBold);
126
126
  line-height: var(--lineHeight-16);
@@ -128,31 +128,15 @@
128
128
  text-decoration: none;
129
129
  }
130
130
  .typography--variant-Body1-Bold{
131
- font-family: var(--font-family-main);
131
+ font-family: var(--font-family);
132
132
  font-size: var(--font-size-16);
133
133
  font-weight: var(--font-weight-bold);
134
134
  line-height: var(--lineHeight-16);
135
135
  letter-spacing: var(--letterSpacing);
136
136
  text-decoration: none;
137
137
  }
138
- .typography--variant-Body1Mono-Regular {
139
- font-family: var(--font-family-secondary);
140
- font-size: var(--font-size-16);
141
- font-weight: var(--font-weight-regular);
142
- line-height: var(--lineHeight-16);
143
- letter-spacing: var(--letterSpacing);
144
- text-decoration: none;
145
- }
146
- .typography--variant-Body1Mono-Bold {
147
- font-family: var(--font-family-secondary);
148
- font-size: var(--font-size-16);
149
- font-weight: var(--font-weight-semiBold);
150
- line-height: var(--lineHeight-16);
151
- letter-spacing: var(--letterSpacing);
152
- text-decoration: none;
153
- }
154
138
  .typography--variant-Body2-Light {
155
- font-family: var(--font-family-main);
139
+ font-family: var(--font-family);
156
140
  font-size: var(--font-size-14);
157
141
  font-weight: var(--font-weight-light);
158
142
  line-height: var(--lineHeight-14);
@@ -160,7 +144,7 @@
160
144
  text-decoration: none;
161
145
  }
162
146
  .typography--variant-Body2 {
163
- font-family: var(--font-family-main);
147
+ font-family: var(--font-family);
164
148
  font-size: var(--font-size-14);
165
149
  font-weight: var(--font-weight-regular);
166
150
  line-height: var(--lineHeight-14);
@@ -168,7 +152,7 @@
168
152
  text-decoration: none;
169
153
  }
170
154
  .typography--variant-Body2-Medium {
171
- font-family: var(--font-family-main);
155
+ font-family: var(--font-family);
172
156
  font-size: var(--font-size-14);
173
157
  font-weight: var(--font-weight-meduim);
174
158
  line-height: var(--lineHeight-14);
@@ -176,7 +160,7 @@
176
160
  text-decoration: none;
177
161
  }
178
162
  .typography--variant-Body2-SemiBold{
179
- font-family: var(--font-family-main);
163
+ font-family: var(--font-family);
180
164
  font-size: var(--font-size-14);
181
165
  font-weight: var(--font-weight-semiBold);
182
166
  line-height: var(--lineHeight-14);
@@ -184,23 +168,7 @@
184
168
  text-decoration: none;
185
169
  }
186
170
  .typography--variant-Body2-Bold{
187
- font-family: var(--font-family-main);
188
- font-size: var(--font-size-14);
189
- font-weight: var(--font-weight-bold);
190
- line-height: var(--lineHeight-14);
191
- letter-spacing: var(--letterSpacing);
192
- text-decoration: none;
193
- }
194
- .typography--variant-Body2Mono-Medium {
195
- font-family: var(--font-family-secondary);
196
- font-size: var(--font-size-14);
197
- font-weight: var(--font-weight-medium);
198
- line-height: var(--lineHeight-14);
199
- letter-spacing: var(--letterSpacing);
200
- text-decoration: none;
201
- }
202
- .typography--variant-Body2Mono-Bold {
203
- font-family: var(--font-family-secondary);
171
+ font-family: var(--font-family);
204
172
  font-size: var(--font-size-14);
205
173
  font-weight: var(--font-weight-bold);
206
174
  line-height: var(--lineHeight-14);
@@ -208,7 +176,7 @@
208
176
  text-decoration: none;
209
177
  }
210
178
  .typography--variant-Caption {
211
- font-family: var(--font-family-main);
179
+ font-family: var(--font-family);
212
180
  font-size: var(--font-size-12);
213
181
  font-weight: var(--font-weight-regular);
214
182
  line-height: var(--lineHeight-12);
@@ -216,7 +184,7 @@
216
184
  text-decoration: none;
217
185
  }
218
186
  .typography--variant-Caption-Medium {
219
- font-family: var(--font-family-main);
187
+ font-family: var(--font-family);
220
188
  font-size: var(--font-size-12);
221
189
  font-weight: var(--font-weight-meduim);
222
190
  line-height: var(--lineHeight-12);
@@ -224,36 +192,10 @@
224
192
  text-decoration: none;
225
193
  }
226
194
  .typography--variant-Caption-Bold{
227
- font-family: var(--font-family-main);
228
- font-size: var(--font-size-12);
229
- font-weight: var(--font-weight-bold);
230
- line-height: var(--lineHeight-12);
231
- letter-spacing: var(--letterSpacing);
232
- text-decoration: none;
233
- }
234
-
235
- .typography--variant-CaptionMono {
236
- font-family: var(--font-family-secondary);
237
- font-size: var(--font-size-12);
238
- font-weight: var(--font-weight-regular);
239
- line-height: var(--lineHeight-12);
240
- letter-spacing: var(--letterSpacing);
241
- text-decoration: none;
242
- }
243
- .typography--variant-CaptionMono-Medium {
244
- font-family: var(--font-family-secondary);
245
- font-size: var(--font-size-12);
246
- font-weight: var(--font-weight-meduim);
247
- line-height: var(--lineHeight-12);
248
- letter-spacing: var(--letterSpacing);
249
- text-decoration: none;
250
- }
251
- .typography--variant-CaptionMono-Bold{
252
- font-family: var(--font-family-secondary);
195
+ font-family: var(--font-family);
253
196
  font-size: var(--font-size-12);
254
197
  font-weight: var(--font-weight-bold);
255
198
  line-height: var(--lineHeight-12);
256
199
  letter-spacing: var(--letterSpacing);
257
200
  text-decoration: none;
258
201
  }
259
-
package/dist/components/Typography/enums.d.ts CHANGED
@@ -5,14 +5,18 @@ export declare enum ETypographyVariants {
5
5
  'Heading4' = "Heading4",
6
6
  'Subheading1' = "Subheading1",
7
7
  'Subheading2' = "Subheading2",
8
+ 'Subheading2-Medium' = "Subheading2-Medium",
8
9
  'Subheading3' = "Subheading3",
10
+ 'Subheading3-Medium' = "Subheading3-Medium",
9
11
  'Body' = "Body",
10
12
  'Body-Medium' = "Body-Medium",
11
13
  'Body-Bold' = "Body-Bold",
14
+ 'Body1-Light' = "Body1-Light",
12
15
  'Body1' = "Body1",
13
16
  'Body1-Medium' = "Body1-Medium",
14
17
  'Body1-SemiBold' = "Body1-SemiBold",
15
18
  'Body1-Bold' = "Body1-Bold",
19
+ 'Body2-Light' = "Body2-Light",
16
20
  'Body2' = "Body2",
17
21
  'Body2-Medium' = "Body2-Medium",
18
22
  'Body2-SemiBold' = "Body2-SemiBold",
package/dist/components/Typography/enums.js CHANGED
@@ -6,14 +6,18 @@ export var ETypographyVariants;
6
6
  ETypographyVariants["Heading4"] = "Heading4";
7
7
  ETypographyVariants["Subheading1"] = "Subheading1";
8
8
  ETypographyVariants["Subheading2"] = "Subheading2";
9
+ ETypographyVariants["Subheading2-Medium"] = "Subheading2-Medium";
9
10
  ETypographyVariants["Subheading3"] = "Subheading3";
11
+ ETypographyVariants["Subheading3-Medium"] = "Subheading3-Medium";
10
12
  ETypographyVariants["Body"] = "Body";
11
13
  ETypographyVariants["Body-Medium"] = "Body-Medium";
12
14
  ETypographyVariants["Body-Bold"] = "Body-Bold";
15
+ ETypographyVariants["Body1-Light"] = "Body1-Light";
13
16
  ETypographyVariants["Body1"] = "Body1";
14
17
  ETypographyVariants["Body1-Medium"] = "Body1-Medium";
15
18
  ETypographyVariants["Body1-SemiBold"] = "Body1-SemiBold";
16
19
  ETypographyVariants["Body1-Bold"] = "Body1-Bold";
20
+ ETypographyVariants["Body2-Light"] = "Body2-Light";
17
21
  ETypographyVariants["Body2"] = "Body2";
18
22
  ETypographyVariants["Body2-Medium"] = "Body2-Medium";
19
23
  ETypographyVariants["Body2-SemiBold"] = "Body2-SemiBold";
package/dist/fonts.css CHANGED
@@ -1,7 +1,6 @@
1
- @import url('https://fonts.googleapis.com/css2?family=Quicksand&family=Raleway:wght@100..900&display=swap');
1
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
2
2
  :root {
3
- --font-family-main: 'Raleway', sans-serif;
4
- --font-family-secondary: 'Quicksand', sans-serif;
3
+ --font-family: 'Montserrat', sans-serif;
5
4
 
6
5
  --font-size-48: 48px;
7
6
  --font-size-36: 36px;
@@ -23,6 +22,8 @@
23
22
  --lineHeight-12: 16px;
24
23
  --lineHeight-10: 14px;
25
24
 
25
+ --font-weight-black: 900;
26
+ --font-weight-extraBold: 800;
26
27
  --font-weight-bold: 700;
27
28
  --font-weight-semiBold: 600;
28
29
  --font-weight-medium:500;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kamotive_ui",
3
- "version": "1.2.5",
3
+ "version": "1.2.6",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "files": [