@prom-ui/core 0.0.10 → 0.0.13

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 (55) hide show
  1. package/Body/package.json +1 -1
  2. package/Body/style.css +1 -741
  3. package/Box/package.json +1 -1
  4. package/Box/style.css +1 -9676
  5. package/Button/index.d.ts +3 -6
  6. package/Button/index.js +5 -8
  7. package/Button/package.json +1 -1
  8. package/Button/style.css +1 -3393
  9. package/ButtonPageUp/index.d.ts +11 -0
  10. package/ButtonPageUp/index.js +174 -0
  11. package/ButtonPageUp/package.json +11 -0
  12. package/Checkbox/package.json +1 -1
  13. package/Checkbox/style.css +1 -133
  14. package/Flex/package.json +1 -1
  15. package/Flex/style.css +1 -786
  16. package/Grid/package.json +1 -1
  17. package/Grid/style.css +1 -7350
  18. package/Icon/package.json +1 -1
  19. package/Icon/style.css +1 -46
  20. package/Image/package.json +1 -1
  21. package/Image/style.css +1 -664
  22. package/ImageEmoji/package.json +1 -1
  23. package/Input/package.json +1 -1
  24. package/Input/style.css +1 -345
  25. package/KeyPress/index.d.ts +11 -0
  26. package/KeyPress/index.js +55 -0
  27. package/KeyPress/package.json +9 -0
  28. package/Line/package.json +1 -1
  29. package/Line/style.css +1 -138
  30. package/Link/package.json +1 -1
  31. package/Link/style.css +1 -259
  32. package/List/package.json +1 -1
  33. package/List/style.css +1 -312
  34. package/OutsideClick/index.d.ts +8 -0
  35. package/OutsideClick/index.js +77 -0
  36. package/OutsideClick/package.json +9 -0
  37. package/Picture/package.json +1 -1
  38. package/Picture/style.css +1 -1426
  39. package/Portal/index.d.ts +8 -0
  40. package/Portal/index.js +54 -0
  41. package/Portal/package.json +9 -0
  42. package/Rating/package.json +1 -1
  43. package/Rating/style.css +1 -26
  44. package/Scroll/package.json +1 -1
  45. package/Scroll/style.css +1 -169
  46. package/Skeleton/package.json +1 -1
  47. package/Skeleton/style.css +1 -145
  48. package/Spinner/package.json +1 -1
  49. package/Spinner/style.css +1 -80
  50. package/Text/package.json +1 -1
  51. package/Text/style.css +1 -840
  52. package/TextEmoji/package.json +1 -1
  53. package/Tumbler/package.json +1 -1
  54. package/Tumbler/style.css +1 -118
  55. package/package.json +12 -5
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/ImageEmoji",
3
- "version": "0.0.10",
3
+ "version": "0.0.13",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Input",
3
- "version": "0.0.10",
3
+ "version": "0.0.13",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {
package/Input/style.css CHANGED
@@ -1,345 +1 @@
1
- .Input__ek-input___BVdm9 {
2
- display: block;
3
- border-radius: var(--pds-round-m);
4
- -webkit-appearance: none;
5
- -moz-appearance: none;
6
- appearance: none;
7
- font: inherit;
8
- line-height: calc(var(--pds-line-height) + 2px);
9
- padding: var(--pds-spacing-xs) var(--pds-spacing-m);
10
- box-sizing: border-box;
11
- min-width: 0;
12
- width: 100%;
13
- transition: 100ms ease-in-out;
14
- transition-property: color, background-color, border-color;
15
- background: none;
16
- box-shadow: none;
17
- border: 1px transparent solid;
18
- color: inherit;
19
- font-size: 1rem
20
- }
21
-
22
- .Input__ek-input___BVdm9:focus {
23
- outline: none;
24
- }
25
-
26
- .Input__ek-input_height_1-1___v3cfq {
27
- height: 100%;
28
- }
29
-
30
- .Input__ek-input_padding_none___cLVVr {
31
- padding: 0;
32
- }
33
-
34
- .Input__ek-input_padding_xxs___6NYRT {
35
- padding: var(--pds-spacing-xxs);
36
- }
37
-
38
- .Input__ek-input_padding_xs___BTJBO {
39
- padding: var(--pds-spacing-xs);
40
- }
41
-
42
- .Input__ek-input_padding_s___upLL2 {
43
- padding: var(--pds-spacing-s);
44
- }
45
-
46
- .Input__ek-input_padding_m___vsMY9 {
47
- padding: var(--pds-spacing-m);
48
- }
49
-
50
- .Input__ek-input_padding_l___wQCgx {
51
- padding: var(--pds-spacing-l);
52
- }
53
-
54
- .Input__ek-input_padding_xl___AJAuz {
55
- padding: var(--pds-spacing-xl);
56
- }
57
-
58
- .Input__ek-input_padding_xxl___jMer7 {
59
- padding: var(--pds-spacing-xxl);
60
- }
61
-
62
- .Input__ek-input_padding_3xl___xnyDN {
63
- padding: var(--pds-spacing-3xl);
64
- }
65
-
66
- .Input__ek-input_padding_4xl___ZuVBW {
67
- padding: var(--pds-spacing-4xl);
68
- }
69
-
70
- .Input__ek-input_padding_5xl___LVtRV {
71
- padding: var(--pds-spacing-5xl);
72
- }
73
-
74
- .Input__ek-input_padding-top_none___YfJll {
75
- padding-top: 0;
76
- }
77
-
78
- .Input__ek-input_padding-top_xxs___RY52v {
79
- padding-top: var(--pds-spacing-xxs);
80
- }
81
-
82
- .Input__ek-input_padding-top_xs___C0Yyk {
83
- padding-top: var(--pds-spacing-xs);
84
- }
85
-
86
- .Input__ek-input_padding-top_s___xMLQM {
87
- padding-top: var(--pds-spacing-s);
88
- }
89
-
90
- .Input__ek-input_padding-top_m___Mvb5i {
91
- padding-top: var(--pds-spacing-m);
92
- }
93
-
94
- .Input__ek-input_padding-top_l___aOsRO {
95
- padding-top: var(--pds-spacing-l);
96
- }
97
-
98
- .Input__ek-input_padding-top_xl___-WuHE {
99
- padding-top: var(--pds-spacing-xl);
100
- }
101
-
102
- .Input__ek-input_padding-top_xxl___g6K58 {
103
- padding-top: var(--pds-spacing-xxl);
104
- }
105
-
106
- .Input__ek-input_padding-top_3xl___Ut2xl {
107
- padding-top: var(--pds-spacing-3xl);
108
- }
109
-
110
- .Input__ek-input_padding-top_4xl___q2b3t {
111
- padding-top: var(--pds-spacing-4xl);
112
- }
113
-
114
- .Input__ek-input_padding-top_5xl___k-pTi {
115
- padding-top: var(--pds-spacing-5xl);
116
- }
117
-
118
- .Input__ek-input_padding-right_none___pCEjG {
119
- padding-right: 0;
120
- }
121
-
122
- .Input__ek-input_padding-right_xxs___qpSUX {
123
- padding-right: var(--pds-spacing-xxs);
124
- }
125
-
126
- .Input__ek-input_padding-right_xs___abrXh {
127
- padding-right: var(--pds-spacing-xs);
128
- }
129
-
130
- .Input__ek-input_padding-right_s___0Hc3v {
131
- padding-right: var(--pds-spacing-s);
132
- }
133
-
134
- .Input__ek-input_padding-right_m___ZnAQW {
135
- padding-right: var(--pds-spacing-m);
136
- }
137
-
138
- .Input__ek-input_padding-right_l___u4Z0C {
139
- padding-right: var(--pds-spacing-l);
140
- }
141
-
142
- .Input__ek-input_padding-right_xl___7BjOd {
143
- padding-right: var(--pds-spacing-xl);
144
- }
145
-
146
- .Input__ek-input_padding-right_xxl___AdLqz {
147
- padding-right: var(--pds-spacing-xxl);
148
- }
149
-
150
- .Input__ek-input_padding-right_3xl___VE9fm {
151
- padding-right: var(--pds-spacing-3xl);
152
- }
153
-
154
- .Input__ek-input_padding-right_4xl___Xlz4B {
155
- padding-right: var(--pds-spacing-4xl);
156
- }
157
-
158
- .Input__ek-input_padding-right_5xl___nxZA7 {
159
- padding-right: var(--pds-spacing-5xl);
160
- }
161
-
162
- .Input__ek-input_padding-bottom_none___H9p7y {
163
- padding-bottom: 0;
164
- }
165
-
166
- .Input__ek-input_padding-bottom_xxs___vAXFm {
167
- padding-bottom: var(--pds-spacing-xxs);
168
- }
169
-
170
- .Input__ek-input_padding-bottom_xs___EwoYv {
171
- padding-bottom: var(--pds-spacing-xs);
172
- }
173
-
174
- .Input__ek-input_padding-bottom_s___gucZa {
175
- padding-bottom: var(--pds-spacing-s);
176
- }
177
-
178
- .Input__ek-input_padding-bottom_m___5D-aS {
179
- padding-bottom: var(--pds-spacing-m);
180
- }
181
-
182
- .Input__ek-input_padding-bottom_l___D39SL {
183
- padding-bottom: var(--pds-spacing-l);
184
- }
185
-
186
- .Input__ek-input_padding-bottom_xl___Gg7YQ {
187
- padding-bottom: var(--pds-spacing-xl);
188
- }
189
-
190
- .Input__ek-input_padding-bottom_xxl___5etFj {
191
- padding-bottom: var(--pds-spacing-xxl);
192
- }
193
-
194
- .Input__ek-input_padding-bottom_3xl___ipn18 {
195
- padding-bottom: var(--pds-spacing-3xl);
196
- }
197
-
198
- .Input__ek-input_padding-bottom_4xl___eEkV6 {
199
- padding-bottom: var(--pds-spacing-4xl);
200
- }
201
-
202
- .Input__ek-input_padding-bottom_5xl___YBUWx {
203
- padding-bottom: var(--pds-spacing-5xl);
204
- }
205
-
206
- .Input__ek-input_padding-left_none___oDOdw {
207
- padding-left: 0;
208
- }
209
-
210
- .Input__ek-input_padding-left_xxs___zTyU- {
211
- padding-left: var(--pds-spacing-xxs);
212
- }
213
-
214
- .Input__ek-input_padding-left_xs___aA8-s {
215
- padding-left: var(--pds-spacing-xs);
216
- }
217
-
218
- .Input__ek-input_padding-left_s___baJYr {
219
- padding-left: var(--pds-spacing-s);
220
- }
221
-
222
- .Input__ek-input_padding-left_m___IYGn- {
223
- padding-left: var(--pds-spacing-m);
224
- }
225
-
226
- .Input__ek-input_padding-left_l___XhCfF {
227
- padding-left: var(--pds-spacing-l);
228
- }
229
-
230
- .Input__ek-input_padding-left_xl___SHCXp {
231
- padding-left: var(--pds-spacing-xl);
232
- }
233
-
234
- .Input__ek-input_padding-left_xxl___UNpYZ {
235
- padding-left: var(--pds-spacing-xxl);
236
- }
237
-
238
- .Input__ek-input_padding-left_3xl___LRol3 {
239
- padding-left: var(--pds-spacing-3xl);
240
- }
241
-
242
- .Input__ek-input_padding-left_4xl___Qo4u3 {
243
- padding-left: var(--pds-spacing-4xl);
244
- }
245
-
246
- .Input__ek-input_padding-left_5xl___nGBb7 {
247
- padding-left: var(--pds-spacing-5xl);
248
- }
249
-
250
- .Input__ek-input_theme_white___TLCTw {
251
- background: var(--white);
252
- border: 1px var(--black-500) solid;
253
- color: var(--black-900);
254
- -webkit-tap-highlight-color: transparent
255
- }
256
-
257
- .Input__ek-input_theme_white___TLCTw::-moz-placeholder {
258
- color: var(--black-700);
259
- }
260
-
261
- .Input__ek-input_theme_white___TLCTw:-ms-input-placeholder {
262
- color: var(--black-700);
263
- }
264
-
265
- .Input__ek-input_theme_white___TLCTw::placeholder {
266
- color: var(--black-700);
267
- }
268
-
269
- .Input__ek-input_theme_white___TLCTw:focus {
270
- border-color: var(--yellow-700);
271
- }
272
-
273
- .Input__ek-input_theme_white___TLCTw:disabled {
274
- background-color: var(--black-100);
275
- border-color: var(--black-400);
276
- color: var(--black-700)
277
- }
278
-
279
- .Input__ek-input_theme_white___TLCTw:disabled::-moz-placeholder {
280
- color: var(--black-700);
281
- }
282
-
283
- .Input__ek-input_theme_white___TLCTw:disabled:-ms-input-placeholder {
284
- color: var(--black-700);
285
- }
286
-
287
- .Input__ek-input_theme_white___TLCTw:disabled::placeholder {
288
- color: var(--black-700);
289
- }
290
-
291
- .Input__ek-input_theme_red___4b9Hr {
292
- background: var(--red-50);
293
- border: 1px var(--red-400) solid;
294
- color: var(--black-900);
295
- -webkit-tap-highlight-color: transparent
296
- }
297
-
298
- .Input__ek-input_theme_red___4b9Hr::-moz-placeholder {
299
- color: var(--black-700);
300
- }
301
-
302
- .Input__ek-input_theme_red___4b9Hr:-ms-input-placeholder {
303
- color: var(--black-700);
304
- }
305
-
306
- .Input__ek-input_theme_red___4b9Hr::placeholder {
307
- color: var(--black-700);
308
- }
309
-
310
- .Input__ek-input_theme_red___4b9Hr:focus {
311
- border-color: var(--red-900);
312
- }
313
-
314
- .Input__ek-input_theme_red___4b9Hr:disabled {
315
- background-color: var(--black-100);
316
- border-color: var(--black-400);
317
- color: var(--black-700)
318
- }
319
-
320
- .Input__ek-input_theme_red___4b9Hr:disabled::-moz-placeholder {
321
- color: var(--black-700);
322
- }
323
-
324
- .Input__ek-input_theme_red___4b9Hr:disabled:-ms-input-placeholder {
325
- color: var(--black-700);
326
- }
327
-
328
- .Input__ek-input_theme_red___4b9Hr:disabled::placeholder {
329
- color: var(--black-700);
330
- }
331
-
332
- .Input__ek-input_width_1-1___u-h7H {
333
- width: 100%;
334
- }
335
-
336
- .Input__ek-input_width_auto___wVUlX {
337
- width: auto;
338
- }
339
-
340
- @media (--pds-media-large) {
341
-
342
- .Input__ek-input___BVdm9 {
343
- font-size: inherit
344
- }
345
- }
1
+ .Input__ek-input___BVdm9{display:block;border-radius:var(--pds-round-m);-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;line-height:calc(var(--pds-line-height) + 2px);padding:var(--pds-spacing-xs) var(--pds-spacing-m);box-sizing:border-box;min-width:0;width:100%;transition:100ms ease-in-out;transition-property:color,background-color,border-color;background:0 0;box-shadow:none;border:1px transparent solid;color:inherit;font-size:1rem}.Input__ek-input___BVdm9:focus{outline:0}.Input__ek-input_height_1-1___v3cfq{height:100%}.Input__ek-input_padding_none___cLVVr{padding:0}.Input__ek-input_padding_xxs___6NYRT{padding:var(--pds-spacing-xxs)}.Input__ek-input_padding_xs___BTJBO{padding:var(--pds-spacing-xs)}.Input__ek-input_padding_s___upLL2{padding:var(--pds-spacing-s)}.Input__ek-input_padding_m___vsMY9{padding:var(--pds-spacing-m)}.Input__ek-input_padding_l___wQCgx{padding:var(--pds-spacing-l)}.Input__ek-input_padding_xl___AJAuz{padding:var(--pds-spacing-xl)}.Input__ek-input_padding_xxl___jMer7{padding:var(--pds-spacing-xxl)}.Input__ek-input_padding_3xl___xnyDN{padding:var(--pds-spacing-3xl)}.Input__ek-input_padding_4xl___ZuVBW{padding:var(--pds-spacing-4xl)}.Input__ek-input_padding_5xl___LVtRV{padding:var(--pds-spacing-5xl)}.Input__ek-input_padding-top_none___YfJll{padding-top:0}.Input__ek-input_padding-top_xxs___RY52v{padding-top:var(--pds-spacing-xxs)}.Input__ek-input_padding-top_xs___C0Yyk{padding-top:var(--pds-spacing-xs)}.Input__ek-input_padding-top_s___xMLQM{padding-top:var(--pds-spacing-s)}.Input__ek-input_padding-top_m___Mvb5i{padding-top:var(--pds-spacing-m)}.Input__ek-input_padding-top_l___aOsRO{padding-top:var(--pds-spacing-l)}.Input__ek-input_padding-top_xl___-WuHE{padding-top:var(--pds-spacing-xl)}.Input__ek-input_padding-top_xxl___g6K58{padding-top:var(--pds-spacing-xxl)}.Input__ek-input_padding-top_3xl___Ut2xl{padding-top:var(--pds-spacing-3xl)}.Input__ek-input_padding-top_4xl___q2b3t{padding-top:var(--pds-spacing-4xl)}.Input__ek-input_padding-top_5xl___k-pTi{padding-top:var(--pds-spacing-5xl)}.Input__ek-input_padding-right_none___pCEjG{padding-right:0}.Input__ek-input_padding-right_xxs___qpSUX{padding-right:var(--pds-spacing-xxs)}.Input__ek-input_padding-right_xs___abrXh{padding-right:var(--pds-spacing-xs)}.Input__ek-input_padding-right_s___0Hc3v{padding-right:var(--pds-spacing-s)}.Input__ek-input_padding-right_m___ZnAQW{padding-right:var(--pds-spacing-m)}.Input__ek-input_padding-right_l___u4Z0C{padding-right:var(--pds-spacing-l)}.Input__ek-input_padding-right_xl___7BjOd{padding-right:var(--pds-spacing-xl)}.Input__ek-input_padding-right_xxl___AdLqz{padding-right:var(--pds-spacing-xxl)}.Input__ek-input_padding-right_3xl___VE9fm{padding-right:var(--pds-spacing-3xl)}.Input__ek-input_padding-right_4xl___Xlz4B{padding-right:var(--pds-spacing-4xl)}.Input__ek-input_padding-right_5xl___nxZA7{padding-right:var(--pds-spacing-5xl)}.Input__ek-input_padding-bottom_none___H9p7y{padding-bottom:0}.Input__ek-input_padding-bottom_xxs___vAXFm{padding-bottom:var(--pds-spacing-xxs)}.Input__ek-input_padding-bottom_xs___EwoYv{padding-bottom:var(--pds-spacing-xs)}.Input__ek-input_padding-bottom_s___gucZa{padding-bottom:var(--pds-spacing-s)}.Input__ek-input_padding-bottom_m___5D-aS{padding-bottom:var(--pds-spacing-m)}.Input__ek-input_padding-bottom_l___D39SL{padding-bottom:var(--pds-spacing-l)}.Input__ek-input_padding-bottom_xl___Gg7YQ{padding-bottom:var(--pds-spacing-xl)}.Input__ek-input_padding-bottom_xxl___5etFj{padding-bottom:var(--pds-spacing-xxl)}.Input__ek-input_padding-bottom_3xl___ipn18{padding-bottom:var(--pds-spacing-3xl)}.Input__ek-input_padding-bottom_4xl___eEkV6{padding-bottom:var(--pds-spacing-4xl)}.Input__ek-input_padding-bottom_5xl___YBUWx{padding-bottom:var(--pds-spacing-5xl)}.Input__ek-input_padding-left_none___oDOdw{padding-left:0}.Input__ek-input_padding-left_xxs___zTyU-{padding-left:var(--pds-spacing-xxs)}.Input__ek-input_padding-left_xs___aA8-s{padding-left:var(--pds-spacing-xs)}.Input__ek-input_padding-left_s___baJYr{padding-left:var(--pds-spacing-s)}.Input__ek-input_padding-left_m___IYGn-{padding-left:var(--pds-spacing-m)}.Input__ek-input_padding-left_l___XhCfF{padding-left:var(--pds-spacing-l)}.Input__ek-input_padding-left_xl___SHCXp{padding-left:var(--pds-spacing-xl)}.Input__ek-input_padding-left_xxl___UNpYZ{padding-left:var(--pds-spacing-xxl)}.Input__ek-input_padding-left_3xl___LRol3{padding-left:var(--pds-spacing-3xl)}.Input__ek-input_padding-left_4xl___Qo4u3{padding-left:var(--pds-spacing-4xl)}.Input__ek-input_padding-left_5xl___nGBb7{padding-left:var(--pds-spacing-5xl)}.Input__ek-input_theme_white___TLCTw{background:var(--white);border:1px var(--black-500) solid;color:var(--black-900);-webkit-tap-highlight-color:transparent}.Input__ek-input_theme_white___TLCTw::-moz-placeholder{color:var(--black-700)}.Input__ek-input_theme_white___TLCTw:-ms-input-placeholder{color:var(--black-700)}.Input__ek-input_theme_white___TLCTw::placeholder{color:var(--black-700)}.Input__ek-input_theme_white___TLCTw:focus{border-color:var(--yellow-700)}.Input__ek-input_theme_white___TLCTw:disabled{background-color:var(--black-100);border-color:var(--black-400);color:var(--black-700)}.Input__ek-input_theme_white___TLCTw:disabled::-moz-placeholder{color:var(--black-700)}.Input__ek-input_theme_white___TLCTw:disabled:-ms-input-placeholder{color:var(--black-700)}.Input__ek-input_theme_white___TLCTw:disabled::placeholder{color:var(--black-700)}.Input__ek-input_theme_red___4b9Hr{background:var(--red-50);border:1px var(--red-400) solid;color:var(--black-900);-webkit-tap-highlight-color:transparent}.Input__ek-input_theme_red___4b9Hr::-moz-placeholder{color:var(--black-700)}.Input__ek-input_theme_red___4b9Hr:-ms-input-placeholder{color:var(--black-700)}.Input__ek-input_theme_red___4b9Hr::placeholder{color:var(--black-700)}.Input__ek-input_theme_red___4b9Hr:focus{border-color:var(--red-900)}.Input__ek-input_theme_red___4b9Hr:disabled{background-color:var(--black-100);border-color:var(--black-400);color:var(--black-700)}.Input__ek-input_theme_red___4b9Hr:disabled::-moz-placeholder{color:var(--black-700)}.Input__ek-input_theme_red___4b9Hr:disabled:-ms-input-placeholder{color:var(--black-700)}.Input__ek-input_theme_red___4b9Hr:disabled::placeholder{color:var(--black-700)}.Input__ek-input_width_1-1___u-h7H{width:100%}.Input__ek-input_width_auto___wVUlX{width:auto}@media (--pds-media-large){.Input__ek-input___BVdm9{font-size:inherit}}
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ declare type PropsKeyPressApp = {
3
+ code: string;
4
+ onKeyDown?: (e: KeyboardEvent) => void;
5
+ onKeyUp?: (e: KeyboardEvent) => void;
6
+ };
7
+ declare type PropsKeyPress = {
8
+ isActive?: boolean;
9
+ };
10
+ export declare const KeyPress: React.FC<PropsKeyPress & PropsKeyPressApp>;
11
+ export {};
@@ -0,0 +1,55 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var PropTypes = require('prop-types');
7
+ var useKeyPress = require('@prom-ui/hooks/useKeyPress');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
13
+
14
+ var KeyPressApp = function (_a) {
15
+ var code = _a.code,
16
+ onKeyDown = _a.onKeyDown,
17
+ onKeyUp = _a.onKeyUp;
18
+ useKeyPress.useKeyPress(code, onKeyDown, onKeyUp);
19
+ return null;
20
+ };
21
+
22
+ var KeyPress = function (_a) {
23
+ var _b = _a.isActive,
24
+ isActive = _b === void 0 ? true : _b,
25
+ code = _a.code,
26
+ _c = _a.onKeyDown,
27
+ onKeyDown = _c === void 0 ? function () {} : _c,
28
+ _d = _a.onKeyUp,
29
+ onKeyUp = _d === void 0 ? function () {} : _d;
30
+
31
+ if (isActive) {
32
+ return React__default["default"].createElement(KeyPressApp, {
33
+ code: code,
34
+ onKeyDown: onKeyDown,
35
+ onKeyUp: onKeyUp
36
+ });
37
+ }
38
+
39
+ return null;
40
+ };
41
+ KeyPress.propTypes = {
42
+ /** Принимает значение `event.key` клавишы, можно посмотреть здесь https://keycode.info/ */
43
+ code: PropTypes__default["default"].string.isRequired,
44
+
45
+ /** Если передать `false` компонент перестанет работать */
46
+ isActive: PropTypes__default["default"].bool,
47
+
48
+ /** Срабатывает при нажатии клавиши */
49
+ onKeyDown: PropTypes__default["default"].func,
50
+
51
+ /** Срабатывает при отпускании клавиши */
52
+ onKeyUp: PropTypes__default["default"].func
53
+ };
54
+
55
+ exports.KeyPress = KeyPress;
@@ -0,0 +1,9 @@
1
+ {
2
+ "name": "@prom-ui/core/KeyPress",
3
+ "version": "0.0.13",
4
+ "main": "index.js",
5
+ "types": "index.d.ts",
6
+ "dependencies": {
7
+ "@prom-ui/hooks": "^0.0.3"
8
+ }
9
+ }
package/Line/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Line",
3
- "version": "0.0.10",
3
+ "version": "0.0.13",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {
package/Line/style.css CHANGED
@@ -1,138 +1 @@
1
- /* stylelint-disable comment-empty-line-before */
2
- :root {
3
- /* prop 'line-indent' */}
4
- .Line__ek-line___cN9ka {
5
- display: block;
6
- border-width: 1px 0 0;
7
- border-style: solid;
8
- border-color: transparent;
9
- margin: 0
10
- }
11
- /**
12
- * Style:
13
- *
14
- * - line_display_*
15
- *
16
- * */
17
- .Line__ek-line_display_block___O7s3s {
18
- display: block
19
- }
20
- .Line__ek-line_display_none___h3bxd {
21
- display: none
22
- }
23
- /**
24
- * Indent:
25
- *
26
- * - line_indent_*
27
- *
28
- * */
29
- .Line__ek-line_indent_none___b0AHr {
30
- margin-top: 0;
31
- margin-bottom: 0
32
- }
33
- .Line__ek-line_indent_xxs___M7ay- {
34
- margin-top: var(--pds-spacing-xxs);
35
- margin-bottom: var(--pds-spacing-xxs)
36
- }
37
- .Line__ek-line_indent_xs___xnD0v {
38
- margin-top: var(--pds-spacing-xs);
39
- margin-bottom: var(--pds-spacing-xs)
40
- }
41
- .Line__ek-line_indent_s___3l2eo {
42
- margin-top: var(--pds-spacing-s);
43
- margin-bottom: var(--pds-spacing-s)
44
- }
45
- .Line__ek-line_indent_m___o9qaO {
46
- margin-top: var(--pds-spacing-m);
47
- margin-bottom: var(--pds-spacing-m)
48
- }
49
- .Line__ek-line_indent_l___OuCjb {
50
- margin-top: var(--pds-spacing-l);
51
- margin-bottom: var(--pds-spacing-l)
52
- }
53
- .Line__ek-line_indent_xl___nkr-w {
54
- margin-top: var(--pds-spacing-xl);
55
- margin-bottom: var(--pds-spacing-xl)
56
- }
57
- .Line__ek-line_indent_xxl___mwYvK {
58
- margin-top: var(--pds-spacing-xxl);
59
- margin-bottom: var(--pds-spacing-xxl)
60
- }
61
- /**
62
- * Style:
63
- *
64
- * - line_style_*
65
- *
66
- * */
67
- .Line__ek-line_style_solid___y3vl8 {
68
- border-top-style: solid
69
- }
70
- .Line__ek-line_style_dotted___FLpmx {
71
- border-top-style: dotted
72
- }
73
- .Line__ek-line_style_dashed___cPT2q {
74
- border-top-style: dashed
75
- }
76
- /* @import "evokit-line/style@small.css"; */
77
- /* @import "evokit-line/style@medium.css"; */
78
- /* @import "evokit-line/style@wide.css"; */
79
- /* @import "evokit-line/style@huge.css"; */
80
- /* stylelint-disable */
81
- .Line__ek-line_color_black-200___-yDTA{border-color:var(--black-200)}
82
- /* stylelint-disable */
83
- .Line__ek-line_color_black-400___ynqhr{border-color:var(--black-400)}
84
- :root {
85
- /* prop 'line-indent' */
86
- }
87
- @media only screen and (min-width: 480px) {.Line__ek-line_color_black-200--small___5ys5t{border-color:var(--black-200)}.Line__ek-line_color_black-400--small___niOhb{border-color:var(--black-400)}}
88
- @media only screen and (min-width: 768px) {.Line__ek-line_color_black-200--medium___ASHtz{border-color:var(--black-200)}.Line__ek-line_color_black-400--medium___5S4Ny{border-color:var(--black-400)}}
89
- @media only screen and (min-width: 960px) {
90
- .Line__ek-line_display_block--large___KqVru {
91
- display: block
92
- }
93
- .Line__ek-line_display_none--large___Xpvsy {
94
- display: none
95
- }
96
- .Line__ek-line_indent_none--large___viZJ7 {
97
- margin-top: 0;
98
- margin-bottom: 0
99
- }
100
- .Line__ek-line_indent_xxs--large___PgAAw {
101
- margin-top: var(--pds-spacing-xxs);
102
- margin-bottom: var(--pds-spacing-xxs)
103
- }
104
- .Line__ek-line_indent_xs--large___OC9MB {
105
- margin-top: var(--pds-spacing-xs);
106
- margin-bottom: var(--pds-spacing-xs)
107
- }
108
- .Line__ek-line_indent_s--large___Yy8yS {
109
- margin-top: var(--pds-spacing-s);
110
- margin-bottom: var(--pds-spacing-s)
111
- }
112
- .Line__ek-line_indent_m--large___MyHAE {
113
- margin-top: var(--pds-spacing-m);
114
- margin-bottom: var(--pds-spacing-m)
115
- }
116
- .Line__ek-line_indent_l--large___29mbM {
117
- margin-top: var(--pds-spacing-l);
118
- margin-bottom: var(--pds-spacing-l)
119
- }
120
- .Line__ek-line_indent_xl--large___2Vzw6 {
121
- margin-top: var(--pds-spacing-xl);
122
- margin-bottom: var(--pds-spacing-xl)
123
- }
124
- .Line__ek-line_indent_xxl--large___-bI2N {
125
- margin-top: var(--pds-spacing-xxl);
126
- margin-bottom: var(--pds-spacing-xxl)
127
- }
128
- .Line__ek-line_style_solid--large___RjIuw {
129
- border-top-style: solid
130
- }
131
- .Line__ek-line_style_dotted--large___zLPyy {
132
- border-top-style: dotted
133
- }
134
- .Line__ek-line_style_dashed--large___CrSIc {
135
- border-top-style: dashed
136
- }.Line__ek-line_color_black-200--large___U0VXV{border-color:var(--black-200)}.Line__ek-line_color_black-400--large___ksm4-{border-color:var(--black-400)}}
137
- @media only screen and (min-width: 1200px) {.Line__ek-line_color_black-200--wide___NU7-y{border-color:var(--black-200)}.Line__ek-line_color_black-400--wide___9484K{border-color:var(--black-400)}}
138
- @media only screen and (min-width: 1400px) {.Line__ek-line_color_black-200--huge___KqrYq{border-color:var(--black-200)}.Line__ek-line_color_black-400--huge___rqiko{border-color:var(--black-400)}}
1
+ .Line__ek-line___cN9ka{display:block;border-width:1px 0 0;border-style:solid;border-color:transparent;margin:0}.Line__ek-line_display_block___O7s3s{display:block}.Line__ek-line_display_none___h3bxd{display:none}.Line__ek-line_indent_none___b0AHr{margin-top:0;margin-bottom:0}.Line__ek-line_indent_xxs___M7ay-{margin-top:var(--pds-spacing-xxs);margin-bottom:var(--pds-spacing-xxs)}.Line__ek-line_indent_xs___xnD0v{margin-top:var(--pds-spacing-xs);margin-bottom:var(--pds-spacing-xs)}.Line__ek-line_indent_s___3l2eo{margin-top:var(--pds-spacing-s);margin-bottom:var(--pds-spacing-s)}.Line__ek-line_indent_m___o9qaO{margin-top:var(--pds-spacing-m);margin-bottom:var(--pds-spacing-m)}.Line__ek-line_indent_l___OuCjb{margin-top:var(--pds-spacing-l);margin-bottom:var(--pds-spacing-l)}.Line__ek-line_indent_xl___nkr-w{margin-top:var(--pds-spacing-xl);margin-bottom:var(--pds-spacing-xl)}.Line__ek-line_indent_xxl___mwYvK{margin-top:var(--pds-spacing-xxl);margin-bottom:var(--pds-spacing-xxl)}.Line__ek-line_style_solid___y3vl8{border-top-style:solid}.Line__ek-line_style_dotted___FLpmx{border-top-style:dotted}.Line__ek-line_style_dashed___cPT2q{border-top-style:dashed}.Line__ek-line_color_black-200___-yDTA{border-color:var(--black-200)}.Line__ek-line_color_black-400___ynqhr{border-color:var(--black-400)}@media only screen and (min-width:480px){.Line__ek-line_color_black-200--small___5ys5t{border-color:var(--black-200)}.Line__ek-line_color_black-400--small___niOhb{border-color:var(--black-400)}}@media only screen and (min-width:768px){.Line__ek-line_color_black-200--medium___ASHtz{border-color:var(--black-200)}.Line__ek-line_color_black-400--medium___5S4Ny{border-color:var(--black-400)}}@media only screen and (min-width:960px){.Line__ek-line_display_block--large___KqVru{display:block}.Line__ek-line_display_none--large___Xpvsy{display:none}.Line__ek-line_indent_none--large___viZJ7{margin-top:0;margin-bottom:0}.Line__ek-line_indent_xxs--large___PgAAw{margin-top:var(--pds-spacing-xxs);margin-bottom:var(--pds-spacing-xxs)}.Line__ek-line_indent_xs--large___OC9MB{margin-top:var(--pds-spacing-xs);margin-bottom:var(--pds-spacing-xs)}.Line__ek-line_indent_s--large___Yy8yS{margin-top:var(--pds-spacing-s);margin-bottom:var(--pds-spacing-s)}.Line__ek-line_indent_m--large___MyHAE{margin-top:var(--pds-spacing-m);margin-bottom:var(--pds-spacing-m)}.Line__ek-line_indent_l--large___29mbM{margin-top:var(--pds-spacing-l);margin-bottom:var(--pds-spacing-l)}.Line__ek-line_indent_xl--large___2Vzw6{margin-top:var(--pds-spacing-xl);margin-bottom:var(--pds-spacing-xl)}.Line__ek-line_indent_xxl--large___-bI2N{margin-top:var(--pds-spacing-xxl);margin-bottom:var(--pds-spacing-xxl)}.Line__ek-line_style_solid--large___RjIuw{border-top-style:solid}.Line__ek-line_style_dotted--large___zLPyy{border-top-style:dotted}.Line__ek-line_style_dashed--large___CrSIc{border-top-style:dashed}.Line__ek-line_color_black-200--large___U0VXV{border-color:var(--black-200)}.Line__ek-line_color_black-400--large___ksm4-{border-color:var(--black-400)}}@media only screen and (min-width:1200px){.Line__ek-line_color_black-200--wide___NU7-y{border-color:var(--black-200)}.Line__ek-line_color_black-400--wide___9484K{border-color:var(--black-400)}}@media only screen and (min-width:1400px){.Line__ek-line_color_black-200--huge___KqrYq{border-color:var(--black-200)}.Line__ek-line_color_black-400--huge___rqiko{border-color:var(--black-400)}}
package/Link/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Link",
3
- "version": "0.0.10",
3
+ "version": "0.0.13",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "dependencies": {