@rescui/input 0.15.1-RUI-280-Update-select-component-downshift-2f40ef205.67 → 0.15.2-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66

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 (10) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +120 -120
  3. package/lib/index.d.ts +63 -64
  4. package/lib/index.js +2 -2
  5. package/lib/input.d.ts +94 -94
  6. package/lib/input.p.module.css.js +28 -28
  7. package/lib/parts/custom-icon.d.ts +26 -26
  8. package/lib/parts/right-icons.d.ts +14 -14
  9. package/lib/parts/use-backward-compatible-id.d.ts +4 -4
  10. package/package.json +7 -7
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_1oaepe8_4",
3
- "sizeXS": "_sizeXS_1oaepe8_14",
4
- "sizeS": "_sizeS_1oaepe8_18",
5
- "sizeM": "_sizeM_1oaepe8_22",
6
- "sizeL": "_sizeL_1oaepe8_26",
7
- "light": "_light_1oaepe8_30",
8
- "dark": "_dark_1oaepe8_34",
9
- "allVariants": "_allVariants_1oaepe8_48",
10
- "variant16": "_variant16_1oaepe8_53",
11
- "variant20": "_variant20_1oaepe8_54",
12
- "variant24": "_variant24_1oaepe8_55",
13
- "variant28": "_variant28_1oaepe8_58"
2
+ "icon": "_icon_m1f5bg_4",
3
+ "sizeXS": "_sizeXS_m1f5bg_14",
4
+ "sizeS": "_sizeS_m1f5bg_18",
5
+ "sizeM": "_sizeM_m1f5bg_22",
6
+ "sizeL": "_sizeL_m1f5bg_26",
7
+ "light": "_light_m1f5bg_30",
8
+ "dark": "_dark_m1f5bg_34",
9
+ "allVariants": "_allVariants_m1f5bg_48",
10
+ "variant16": "_variant16_m1f5bg_53",
11
+ "variant20": "_variant20_m1f5bg_54",
12
+ "variant24": "_variant24_m1f5bg_55",
13
+ "variant28": "_variant28_m1f5bg_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1oaepe8_4{
1
+ ._icon_m1f5bg_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_1oaepe8_4{
11
+ ._icon_m1f5bg_4{
12
12
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
13
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
14
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_1oaepe8_4{
20
+ ._icon_m1f5bg_4{
21
21
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
22
22
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
23
23
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,30 +25,30 @@
25
25
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
26
26
  }
27
27
  }
28
- ._icon_1oaepe8_4{
28
+ ._icon_m1f5bg_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:var(--rs-icons-width, auto);
33
33
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
34
  }
35
- ._sizeXS_1oaepe8_14{
35
+ ._sizeXS_m1f5bg_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1oaepe8_18{
38
+ ._sizeS_m1f5bg_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1oaepe8_22{
41
+ ._sizeM_m1f5bg_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1oaepe8_26{
44
+ ._sizeL_m1f5bg_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1oaepe8_30{
47
+ ._light_m1f5bg_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
50
50
  }
51
- ._dark_1oaepe8_34{
51
+ ._dark_m1f5bg_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
54
54
  }
@@ -60,55 +60,55 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_1oaepe8_48{
63
+ ._allVariants_m1f5bg_48{
64
64
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
65
  container:rs-icon / size;
66
66
  }
67
- ._variant16_1oaepe8_53,
68
- ._variant20_1oaepe8_54,
69
- ._variant24_1oaepe8_55{
67
+ ._variant16_m1f5bg_53,
68
+ ._variant20_m1f5bg_54,
69
+ ._variant24_m1f5bg_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_1oaepe8_58{
72
+ ._variant28_m1f5bg_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_1oaepe8_55{
76
+ ._variant24_m1f5bg_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_1oaepe8_58{
79
+ ._variant28_m1f5bg_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_1oaepe8_54{
84
+ ._variant20_m1f5bg_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_1oaepe8_55{
87
+ ._variant24_m1f5bg_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_1oaepe8_53{
92
+ ._variant16_m1f5bg_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_1oaepe8_54{
95
+ ._variant20_m1f5bg_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._light_fcakef_7{
99
+ ._light_sogqt7_7{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._dark_fcakef_10{
102
+ ._dark_sogqt7_10{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._sizeS_fcakef_14{
105
+ ._sizeS_sogqt7_14{
106
106
  --_rs-input-vertical-padding:6px;
107
107
  --_rs-input-horizontal-padding:8px;
108
108
  --_rs-input-icon-offset:8px;
109
109
  --_rs-input-icon-size:20px;
110
110
  }
111
- ._sizeS_fcakef_14 [data-rs-internal='input__inner']::-moz-placeholder{
111
+ ._sizeS_sogqt7_14 [data-rs-internal='input__inner']::-moz-placeholder{
112
112
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
113
113
  --_rs-typography-text-transform:initial;
114
114
  --_rs-typography-font-variant-numeric:initial;
@@ -143,10 +143,10 @@
143
143
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
144
144
  --_rs-typography-link-border-bottom-width-from-text:1px;
145
145
  }
146
- ._sizeS_fcakef_14 [data-rs-internal='input__label'],
147
- ._sizeS_fcakef_14 [data-rs-internal='input__inner'],
148
- ._sizeS_fcakef_14 [data-rs-internal='input__inner']::placeholder,
149
- ._sizeS_fcakef_14 [data-rs-internal='input__suffix']{
146
+ ._sizeS_sogqt7_14 [data-rs-internal='input__label'],
147
+ ._sizeS_sogqt7_14 [data-rs-internal='input__inner'],
148
+ ._sizeS_sogqt7_14 [data-rs-internal='input__inner']::placeholder,
149
+ ._sizeS_sogqt7_14 [data-rs-internal='input__suffix']{
150
150
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
151
151
  --_rs-typography-text-transform:initial;
152
152
  --_rs-typography-font-variant-numeric:initial;
@@ -181,7 +181,7 @@
181
181
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
182
182
  --_rs-typography-link-border-bottom-width-from-text:1px;
183
183
  }
184
- ._sizeS_fcakef_14 [data-rs-internal='input__bold-label']{
184
+ ._sizeS_sogqt7_14 [data-rs-internal='input__bold-label']{
185
185
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
186
186
  --_rs-typography-text-transform:initial;
187
187
  --_rs-typography-font-variant-numeric:initial;
@@ -213,13 +213,13 @@
213
213
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
214
214
  --_rs-typography-link-border-bottom-width-from-text:2px;
215
215
  }
216
- ._sizeM_fcakef_17{
216
+ ._sizeM_sogqt7_17{
217
217
  --_rs-input-vertical-padding:8px;
218
218
  --_rs-input-horizontal-padding:8px;
219
219
  --_rs-input-icon-offset:8px;
220
220
  --_rs-input-icon-size:24px;
221
221
  }
222
- ._sizeM_fcakef_17 [data-rs-internal='input__inner']::-moz-placeholder{
222
+ ._sizeM_sogqt7_17 [data-rs-internal='input__inner']::-moz-placeholder{
223
223
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
224
224
  --_rs-typography-text-transform:initial;
225
225
  --_rs-typography-font-variant-numeric:initial;
@@ -258,14 +258,14 @@
258
258
  --_rs-typography-link-border-bottom-width-from-text:1px;
259
259
  }
260
260
  @media screen and (max-width: 640px){
261
- ._sizeM_fcakef_17 [data-rs-internal='input__inner']::-moz-placeholder{
261
+ ._sizeM_sogqt7_17 [data-rs-internal='input__inner']::-moz-placeholder{
262
262
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
263
263
  }
264
264
  }
265
- ._sizeM_fcakef_17 [data-rs-internal='input__label'],
266
- ._sizeM_fcakef_17 [data-rs-internal='input__inner'],
267
- ._sizeM_fcakef_17 [data-rs-internal='input__inner']::placeholder,
268
- ._sizeM_fcakef_17 [data-rs-internal='input__suffix']{
265
+ ._sizeM_sogqt7_17 [data-rs-internal='input__label'],
266
+ ._sizeM_sogqt7_17 [data-rs-internal='input__inner'],
267
+ ._sizeM_sogqt7_17 [data-rs-internal='input__inner']::placeholder,
268
+ ._sizeM_sogqt7_17 [data-rs-internal='input__suffix']{
269
269
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
270
270
  --_rs-typography-text-transform:initial;
271
271
  --_rs-typography-font-variant-numeric:initial;
@@ -304,14 +304,14 @@
304
304
  --_rs-typography-link-border-bottom-width-from-text:1px;
305
305
  }
306
306
  @media screen and (max-width: 640px){
307
- ._sizeM_fcakef_17 [data-rs-internal='input__label'],
308
- ._sizeM_fcakef_17 [data-rs-internal='input__inner'],
309
- ._sizeM_fcakef_17 [data-rs-internal='input__inner']::placeholder,
310
- ._sizeM_fcakef_17 [data-rs-internal='input__suffix']{
307
+ ._sizeM_sogqt7_17 [data-rs-internal='input__label'],
308
+ ._sizeM_sogqt7_17 [data-rs-internal='input__inner'],
309
+ ._sizeM_sogqt7_17 [data-rs-internal='input__inner']::placeholder,
310
+ ._sizeM_sogqt7_17 [data-rs-internal='input__suffix']{
311
311
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
312
312
  }
313
313
  }
314
- ._sizeM_fcakef_17 [data-rs-internal='input__bold-label']{
314
+ ._sizeM_sogqt7_17 [data-rs-internal='input__bold-label']{
315
315
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
316
316
  --_rs-typography-text-transform:initial;
317
317
  --_rs-typography-font-variant-numeric:initial;
@@ -343,13 +343,13 @@
343
343
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
344
344
  --_rs-typography-link-border-bottom-width-from-text:2px;
345
345
  }
346
- ._sizeL_fcakef_20{
346
+ ._sizeL_sogqt7_20{
347
347
  --_rs-input-vertical-padding:12px;
348
348
  --_rs-input-horizontal-padding:16px;
349
349
  --_rs-input-icon-offset:16px;
350
350
  --_rs-input-icon-size:28px;
351
351
  }
352
- ._sizeL_fcakef_20 [data-rs-internal='input__inner']::-moz-placeholder{
352
+ ._sizeL_sogqt7_20 [data-rs-internal='input__inner']::-moz-placeholder{
353
353
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
354
354
  --_rs-typography-text-transform:initial;
355
355
  --_rs-typography-font-variant-numeric:initial;
@@ -388,14 +388,14 @@
388
388
  --_rs-typography-link-border-bottom-width-from-text:1px;
389
389
  }
390
390
  @media screen and (max-width: 640px){
391
- ._sizeL_fcakef_20 [data-rs-internal='input__inner']::-moz-placeholder{
391
+ ._sizeL_sogqt7_20 [data-rs-internal='input__inner']::-moz-placeholder{
392
392
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
393
393
  }
394
394
  }
395
- ._sizeL_fcakef_20 [data-rs-internal='input__label'],
396
- ._sizeL_fcakef_20 [data-rs-internal='input__inner'],
397
- ._sizeL_fcakef_20 [data-rs-internal='input__inner']::placeholder,
398
- ._sizeL_fcakef_20 [data-rs-internal='input__suffix']{
395
+ ._sizeL_sogqt7_20 [data-rs-internal='input__label'],
396
+ ._sizeL_sogqt7_20 [data-rs-internal='input__inner'],
397
+ ._sizeL_sogqt7_20 [data-rs-internal='input__inner']::placeholder,
398
+ ._sizeL_sogqt7_20 [data-rs-internal='input__suffix']{
399
399
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
400
400
  --_rs-typography-text-transform:initial;
401
401
  --_rs-typography-font-variant-numeric:initial;
@@ -434,14 +434,14 @@
434
434
  --_rs-typography-link-border-bottom-width-from-text:1px;
435
435
  }
436
436
  @media screen and (max-width: 640px){
437
- ._sizeL_fcakef_20 [data-rs-internal='input__label'],
438
- ._sizeL_fcakef_20 [data-rs-internal='input__inner'],
439
- ._sizeL_fcakef_20 [data-rs-internal='input__inner']::placeholder,
440
- ._sizeL_fcakef_20 [data-rs-internal='input__suffix']{
437
+ ._sizeL_sogqt7_20 [data-rs-internal='input__label'],
438
+ ._sizeL_sogqt7_20 [data-rs-internal='input__inner'],
439
+ ._sizeL_sogqt7_20 [data-rs-internal='input__inner']::placeholder,
440
+ ._sizeL_sogqt7_20 [data-rs-internal='input__suffix']{
441
441
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
442
442
  }
443
443
  }
444
- ._sizeL_fcakef_20 [data-rs-internal='input__bold-label']{
444
+ ._sizeL_sogqt7_20 [data-rs-internal='input__bold-label']{
445
445
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
446
446
  --_rs-typography-text-transform:initial;
447
447
  --_rs-typography-font-variant-numeric:initial;
@@ -473,7 +473,7 @@
473
473
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
474
474
  --_rs-typography-link-border-bottom-width-from-text:2px;
475
475
  }
476
- ._classic_fcakef_24{
476
+ ._classic_sogqt7_24{
477
477
  --_rs-input-focused-enabled-wrapper-border-width:2px;
478
478
  --_rs-input-focused-enabled-wrapper-background:rgb(
479
479
  calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227)
@@ -498,7 +498,7 @@
498
498
  0.5
499
499
  );
500
500
  }
501
- ._rock_fcakef_27{
501
+ ._rock_sogqt7_27{
502
502
  --_rs-input-focused-enabled-wrapper-border-width:0px;
503
503
  --_rs-input-focused-enabled-wrapper-background:rgb(
504
504
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227)
@@ -522,7 +522,7 @@
522
522
  0.7
523
523
  );
524
524
  }
525
- ._container_fcakef_31{
525
+ ._container_sogqt7_31{
526
526
  --_rs-theme-dark:var(
527
527
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
528
528
  var(--rs-theme-dark, 0)
@@ -532,7 +532,7 @@
532
532
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
533
533
  }
534
534
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
535
- ._container_fcakef_31{
535
+ ._container_sogqt7_31{
536
536
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
537
537
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
538
538
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -541,7 +541,7 @@
541
541
  }
542
542
  }
543
543
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
544
- ._container_fcakef_31{
544
+ ._container_sogqt7_31{
545
545
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
546
546
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
547
547
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -550,22 +550,22 @@
550
550
  }
551
551
  }
552
552
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
553
- ._container_fcakef_31{
553
+ ._container_sogqt7_31{
554
554
  --_rs-color-danger:color-mix(in srgb, #CC1400 calc(100%*var(--_rs-theme-light-coefficient, 1)), #FF6553 calc(100%*var(--_rs-theme-dark-coefficient, 0)));
555
555
  --_rs-color-danger-bg:color-mix(in srgb, rgba(204,20,0, 0.2) calc(100%*var(--_rs-theme-light-coefficient, 1)), rgba(255,101,83, 0.2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
556
556
  }
557
557
  }
558
558
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
559
- ._container_fcakef_31{
559
+ ._container_sogqt7_31{
560
560
  --_rs-color-danger:rgb(calc(var(--_rs-theme-light-coefficient, 1)*204 + var(--_rs-theme-dark-coefficient, 0)*255), calc(var(--_rs-theme-light-coefficient, 1)*20 + var(--_rs-theme-dark-coefficient, 0)*101), calc(var(--_rs-theme-light-coefficient, 1)*0 + var(--_rs-theme-dark-coefficient, 0)*83));
561
561
  --_rs-color-danger-bg:rgba(calc(var(--_rs-theme-light-coefficient, 1)*204 + var(--_rs-theme-dark-coefficient, 0)*255), calc(var(--_rs-theme-light-coefficient, 1)*20 + var(--_rs-theme-dark-coefficient, 0)*101), calc(var(--_rs-theme-light-coefficient, 1)*0 + var(--_rs-theme-dark-coefficient, 0)*83), 0.2);
562
562
  }
563
563
  }
564
- ._container_fcakef_31 {
564
+ ._container_sogqt7_31 {
565
565
 
566
566
  display:block;
567
567
  }
568
- ._wrapper_fcakef_39{
568
+ ._wrapper_sogqt7_39{
569
569
  --_rs-input-border-width:1px;
570
570
  --_rs-input-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
571
571
  --_rs-input-background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
@@ -580,36 +580,36 @@
580
580
 
581
581
  box-shadow:inset 0 0 0 var(--_rs-input-border-width) var(--_rs-input-border-color);
582
582
  }
583
- ._error_fcakef_55 ._wrapper_fcakef_39{
583
+ ._error_sogqt7_55 ._wrapper_sogqt7_39{
584
584
  --_rs-input-border-width:2px;
585
585
  --_rs-input-border-color:var(--_rs-color-danger);
586
586
  --_rs-input-background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
587
587
  }
588
- ._disabled_fcakef_61 ._wrapper_fcakef_39{
588
+ ._disabled_sogqt7_61 ._wrapper_sogqt7_39{
589
589
  --_rs-input-background-color:rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181));
590
590
 
591
591
  cursor:auto;
592
592
  }
593
- ._enabled_fcakef_67._focused_fcakef_67 ._wrapper_fcakef_39{
593
+ ._enabled_sogqt7_67._focused_sogqt7_67 ._wrapper_sogqt7_39{
594
594
  --_rs-input-background-color:var(
595
595
  --_rs-input-focused-enabled-wrapper-background
596
596
  );
597
597
  }
598
- ._enabled_fcakef_67:not(._error_fcakef_55)._filled_fcakef_73 ._wrapper_fcakef_39{
598
+ ._enabled_sogqt7_67:not(._error_sogqt7_55)._filled_sogqt7_73 ._wrapper_sogqt7_39{
599
599
  --_rs-input-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.3);
600
600
  }
601
601
  @media (hover: hover){
602
- ._enabled_fcakef_67:not(._error_fcakef_55):hover ._wrapper_fcakef_39{
602
+ ._enabled_sogqt7_67:not(._error_sogqt7_55):hover ._wrapper_sogqt7_39{
603
603
  --_rs-input-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
604
604
  }
605
605
  }
606
- ._enabled_fcakef_67:not(._error_fcakef_55)._focused_fcakef_67 ._wrapper_fcakef_39{
606
+ ._enabled_sogqt7_67:not(._error_sogqt7_55)._focused_sogqt7_67 ._wrapper_sogqt7_39{
607
607
  --_rs-input-border-width:var(
608
608
  --_rs-input-focused-enabled-wrapper-border-width
609
609
  );
610
610
  --_rs-input-border-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
611
611
  }
612
- ._field_fcakef_91{
612
+ ._field_sogqt7_91{
613
613
  display:flex;
614
614
 
615
615
  flex:1 1 auto;
@@ -618,7 +618,7 @@
618
618
 
619
619
  padding:var(--_rs-input-vertical-padding) var(--_rs-input-horizontal-padding);
620
620
  }
621
- ._inner_fcakef_101{
621
+ ._inner_sogqt7_101{
622
622
  letter-spacing:var(
623
623
  --rs-text-base-letter-spacing,
624
624
  var(--_rs-typography-letter-spacing)
@@ -631,26 +631,26 @@
631
631
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
632
632
  font-feature-settings:'kern', 'liga', 'calt';
633
633
  }
634
- ._inner_fcakef_101::-ms-clear{
634
+ ._inner_sogqt7_101::-ms-clear{
635
635
  display:none;
636
636
 
637
637
  width:0;
638
638
  height:0;
639
639
  }
640
- ._dark_fcakef_10 ._inner_fcakef_101{
640
+ ._dark_sogqt7_10 ._inner_sogqt7_101{
641
641
  color-scheme:dark;
642
642
  }
643
643
  @container style(--_rs-theme-dark-coefficient: 1){
644
- ._inner_fcakef_101{
644
+ ._inner_sogqt7_101{
645
645
  color-scheme:dark
646
646
  }
647
647
  }
648
648
  @container style(--_rs-theme-dark-coefficient: 0){
649
- ._inner_fcakef_101{
649
+ ._inner_sogqt7_101{
650
650
  color-scheme:light
651
651
  }
652
652
  }
653
- ._inner_fcakef_101 {
653
+ ._inner_sogqt7_101 {
654
654
 
655
655
  display:block;
656
656
 
@@ -672,17 +672,17 @@
672
672
  -moz-appearance:none;
673
673
  appearance:none;
674
674
  }
675
- ._inner_fcakef_101:focus{
675
+ ._inner_sogqt7_101:focus{
676
676
  outline:none;
677
677
  }
678
- ._disabled_fcakef_61 ._inner_fcakef_101,
679
- ._inner_fcakef_101:disabled{
678
+ ._disabled_sogqt7_61 ._inner_sogqt7_101,
679
+ ._inner_sogqt7_101:disabled{
680
680
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7);
681
681
  }
682
- ._focused_fcakef_67 ._inner_fcakef_101{
682
+ ._focused_sogqt7_67 ._inner_sogqt7_101{
683
683
  color:var(--_rs-input-focused-inner-color);
684
684
  }
685
- ._inner_fcakef_101::-moz-placeholder{
685
+ ._inner_sogqt7_101::-moz-placeholder{
686
686
  letter-spacing:var(
687
687
  --rs-text-base-letter-spacing,
688
688
  var(--_rs-typography-letter-spacing)
@@ -698,10 +698,10 @@
698
698
 
699
699
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
700
700
  }
701
- ._focused_fcakef_67 ._inner_fcakef_101::-moz-placeholder{
701
+ ._focused_sogqt7_67 ._inner_sogqt7_101::-moz-placeholder{
702
702
  color:var(--_rs-input-focused-inner-placeholder-color);
703
703
  }
704
- ._inner_fcakef_101::placeholder{
704
+ ._inner_sogqt7_101::placeholder{
705
705
  letter-spacing:var(
706
706
  --rs-text-base-letter-spacing,
707
707
  var(--_rs-typography-letter-spacing)
@@ -717,38 +717,38 @@
717
717
 
718
718
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
719
719
  }
720
- ._focused_fcakef_67 ._inner_fcakef_101::placeholder{
720
+ ._focused_sogqt7_67 ._inner_sogqt7_101::placeholder{
721
721
  color:var(--_rs-input-focused-inner-placeholder-color);
722
722
  }
723
- ._inner_fcakef_101:-moz-ui-invalid{
723
+ ._inner_sogqt7_101:-moz-ui-invalid{
724
724
  box-shadow:none;
725
725
  }
726
- ._inner_fcakef_101:-moz-ui-invalid:-moz-focusring{
726
+ ._inner_sogqt7_101:-moz-ui-invalid:-moz-focusring{
727
727
  box-shadow:none;
728
728
  }
729
- ._inner_fcakef_101:-webkit-autofill,
730
- ._inner_fcakef_101:-webkit-autofill:hover,
731
- ._inner_fcakef_101:-webkit-autofill:active,
732
- ._inner_fcakef_101:-webkit-autofill:focus{
729
+ ._inner_sogqt7_101:-webkit-autofill,
730
+ ._inner_sogqt7_101:-webkit-autofill:hover,
731
+ ._inner_sogqt7_101:-webkit-autofill:active,
732
+ ._inner_sogqt7_101:-webkit-autofill:focus{
733
733
  -webkit-box-shadow:0 0 0 1000px rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227)) inset;
734
734
 
735
735
  transition-delay:9999s;
736
736
  -webkit-text-fill-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
737
737
  }
738
- ._focused_fcakef_67 ._inner_fcakef_101:-webkit-autofill, ._focused_fcakef_67 ._inner_fcakef_101:-webkit-autofill:hover, ._focused_fcakef_67 ._inner_fcakef_101:-webkit-autofill:active, ._focused_fcakef_67 ._inner_fcakef_101:-webkit-autofill:focus{
738
+ ._focused_sogqt7_67 ._inner_sogqt7_101:-webkit-autofill, ._focused_sogqt7_67 ._inner_sogqt7_101:-webkit-autofill:hover, ._focused_sogqt7_67 ._inner_sogqt7_101:-webkit-autofill:active, ._focused_sogqt7_67 ._inner_sogqt7_101:-webkit-autofill:focus{
739
739
  -webkit-box-shadow:0 0 0 1000px var(--_rs-input-focused-autofill-box-shadow) inset;
740
740
  -webkit-text-fill-color:var(--_rs-input-focused-autofill-color);
741
741
  }
742
- ._offSystemMicroelements_fcakef_202 ._inner_fcakef_101{
742
+ ._offSystemMicroelements_sogqt7_202 ._inner_sogqt7_101{
743
743
  -moz-appearance:textfield;
744
744
  }
745
- ._offSystemMicroelements_fcakef_202 ._inner_fcakef_101::-webkit-outer-spin-button,
746
- ._offSystemMicroelements_fcakef_202 ._inner_fcakef_101::-webkit-inner-spin-button{
745
+ ._offSystemMicroelements_sogqt7_202 ._inner_sogqt7_101::-webkit-outer-spin-button,
746
+ ._offSystemMicroelements_sogqt7_202 ._inner_sogqt7_101::-webkit-inner-spin-button{
747
747
  margin:0;
748
748
  -webkit-appearance:none;
749
749
  appearance:none;
750
750
  }
751
- ._iconWrapper_fcakef_212{
751
+ ._iconWrapper_sogqt7_212{
752
752
  display:inline-flex;
753
753
  flex:0 0 auto;
754
754
 
@@ -759,15 +759,15 @@
759
759
 
760
760
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7);
761
761
  }
762
- ._iconWrapper_fcakef_212._action_fcakef_223{
762
+ ._iconWrapper_sogqt7_212._action_sogqt7_223{
763
763
  position:relative;
764
764
 
765
765
  cursor:pointer;
766
766
  }
767
- ._iconWrapper_fcakef_212._action_fcakef_223:focus{
767
+ ._iconWrapper_sogqt7_212._action_sogqt7_223:focus{
768
768
  outline:none;
769
769
  }
770
- ._iconWrapper_fcakef_212._action_fcakef_223::before{
770
+ ._iconWrapper_sogqt7_212._action_sogqt7_223::before{
771
771
  position:absolute;
772
772
  top:-4px;
773
773
  right:-4px;
@@ -782,46 +782,46 @@
782
782
  content:'';
783
783
  pointer-events:none;
784
784
  }
785
- ._iconWrapper_fcakef_212._action_fcakef_223:focus[data-focus-method='key']::before{
785
+ ._iconWrapper_sogqt7_212._action_sogqt7_223:focus[data-focus-method='key']::before{
786
786
  display:block;
787
787
  }
788
- ._disabled_fcakef_61 ._iconWrapper_fcakef_212{
788
+ ._disabled_sogqt7_61 ._iconWrapper_sogqt7_212{
789
789
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
790
790
  }
791
- ._disabled_fcakef_61 ._iconWrapper_fcakef_212._action_fcakef_223{
791
+ ._disabled_sogqt7_61 ._iconWrapper_sogqt7_212._action_sogqt7_223{
792
792
  pointer-events:none;
793
793
  }
794
- ._iconWrapper_fcakef_212._right_fcakef_261{
794
+ ._iconWrapper_sogqt7_212._right_sogqt7_261{
795
795
  margin-left:var(--_rs-input-icon-offset);
796
796
  }
797
- ._iconWrapper_fcakef_212._left_fcakef_265{
797
+ ._iconWrapper_sogqt7_212._left_sogqt7_265{
798
798
  margin-right:var(--_rs-input-icon-offset);
799
799
  }
800
- ._focused_fcakef_67 ._iconWrapper_fcakef_212{
800
+ ._focused_sogqt7_67 ._iconWrapper_sogqt7_212{
801
801
  color:var(--_rs-input-focused-icon-color);
802
802
  }
803
803
  @media (hover: hover){
804
- ._enabled_fcakef_67 ._iconWrapper_fcakef_212._action_fcakef_223:hover{
804
+ ._enabled_sogqt7_67 ._iconWrapper_sogqt7_212._action_sogqt7_223:hover{
805
805
  color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
806
806
  }
807
807
 
808
- ._enabled_fcakef_67._focused_fcakef_67 ._iconWrapper_fcakef_212._action_fcakef_223:hover{
808
+ ._enabled_sogqt7_67._focused_sogqt7_67 ._iconWrapper_sogqt7_212._action_sogqt7_223:hover{
809
809
  color:var(--_rs-input-focused-icon-accent-color);
810
810
  }
811
811
  }
812
- ._enabled_fcakef_67 ._iconWrapper_fcakef_212._action_fcakef_223:focus[data-focus-method='key']{
812
+ ._enabled_sogqt7_67 ._iconWrapper_sogqt7_212._action_sogqt7_223:focus[data-focus-method='key']{
813
813
  color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
814
814
  }
815
- ._enabled_fcakef_67._focused_fcakef_67 ._iconWrapper_fcakef_212._action_fcakef_223:focus[data-focus-method='key']{
815
+ ._enabled_sogqt7_67._focused_sogqt7_67 ._iconWrapper_sogqt7_212._action_sogqt7_223:focus[data-focus-method='key']{
816
816
  color:var(--_rs-input-focused-icon-accent-color);
817
817
  }
818
- ._iconWrapper_fcakef_212 ._icon_fcakef_212{
818
+ ._iconWrapper_sogqt7_212 ._icon_sogqt7_212{
819
819
  fill:currentColor;
820
820
 
821
821
  width:auto;
822
822
  height:var(--_rs-input-icon-size);
823
823
  }
824
- ._divider_fcakef_299{
824
+ ._divider_sogqt7_299{
825
825
  --_rs-input-divider-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
826
826
 
827
827
  display:block;
@@ -832,10 +832,10 @@
832
832
 
833
833
  background:var(--_rs-input-divider-color);
834
834
  }
835
- ._focused_fcakef_67 ._divider_fcakef_299{
835
+ ._focused_sogqt7_67 ._divider_sogqt7_299{
836
836
  --_rs-input-divider-color:var(--_rs-input-focused-divider-background);
837
837
  }
838
- ._suffix_fcakef_315{
838
+ ._suffix_sogqt7_315{
839
839
  letter-spacing:var(
840
840
  --rs-text-base-letter-spacing,
841
841
  var(--_rs-typography-letter-spacing)
@@ -854,10 +854,10 @@
854
854
 
855
855
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
856
856
  }
857
- ._focused_fcakef_67 ._suffix_fcakef_315{
857
+ ._focused_sogqt7_67 ._suffix_sogqt7_315{
858
858
  color:var(--_rs-input-focused-suffix-color);
859
859
  }
860
- ._label_fcakef_329{
860
+ ._label_sogqt7_329{
861
861
  letter-spacing:var(
862
862
  --rs-text-base-letter-spacing,
863
863
  var(--_rs-typography-letter-spacing)
@@ -876,25 +876,25 @@
876
876
 
877
877
  margin-bottom:4px;
878
878
  }
879
- ._disabled_fcakef_61 ._label_fcakef_329{
879
+ ._disabled_sogqt7_61 ._label_sogqt7_329{
880
880
  color:var(
881
881
  --rs-color-pale,
882
882
  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5)
883
883
  );
884
884
  }
885
- ._footer_fcakef_340{
885
+ ._footer_sogqt7_340{
886
886
  display:flex;
887
887
  flex-direction:column;
888
888
 
889
889
  margin-top:4px;
890
890
  }
891
- ._errorMessage_fcakef_347{
891
+ ._errorMessage_sogqt7_347{
892
892
  order:99;
893
893
  }
894
- ._error_fcakef_55 ._errorMessage_fcakef_347{
894
+ ._error_sogqt7_55 ._errorMessage_sogqt7_347{
895
895
  order:0;
896
896
  }
897
- ._note_fcakef_356{
897
+ ._note_sogqt7_356{
898
898
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
899
899
  --_rs-typography-text-transform:initial;
900
900
  --_rs-typography-font-variant-numeric:initial;
@@ -954,7 +954,7 @@
954
954
 
955
955
  order:1;
956
956
  }
957
- ._disabled_fcakef_61 ._note_fcakef_356{
957
+ ._disabled_sogqt7_61 ._note_sogqt7_356{
958
958
  --_rs-typography-hardness-color:var(
959
959
  --rs-color-pale,
960
960
  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5)
package/lib/index.d.ts CHANGED
@@ -1,64 +1,63 @@
1
- /// <reference types="react" />
2
- /**
3
- * @deprecated use named import instead
4
- */
5
- declare const DefaultInput: import("react").ForwardRefExoticComponent<{
6
- id?: string;
7
- className?: string;
8
- placeholder?: string;
9
- disabled?: boolean;
10
- error?: import("react").ReactNode;
11
- reserveErrorLine?: boolean;
12
- busy?: boolean;
13
- onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
14
- onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
15
- onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
16
- onClear?: import("react").MouseEventHandler<HTMLButtonElement>;
17
- onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement>;
18
- onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement>;
19
- mode?: import("./input").InputMode;
20
- size?: import("./input").InputSize;
21
- theme?: import("./input").InputTheme;
22
- type?: import("./input").InputType;
23
- value?: string | number | string[];
24
- icon?: import("react").ReactNode;
25
- iconType?: import("./input").InputIconType;
26
- label?: import("react").ReactNode;
27
- note?: import("react").ReactNode;
28
- name?: string;
29
- clearIcon?: import("react").ReactNode;
30
- suffix?: import("react").ReactNode;
31
- offSystemMicroelements?: boolean;
32
- boldLabel?: boolean;
33
- } & Omit<import("react").HTMLProps<HTMLInputElement>, keyof {
34
- id?: string;
35
- className?: string;
36
- placeholder?: string;
37
- disabled?: boolean;
38
- error?: import("react").ReactNode;
39
- reserveErrorLine?: boolean;
40
- busy?: boolean;
41
- onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
42
- onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
43
- onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
44
- onClear?: import("react").MouseEventHandler<HTMLButtonElement>;
45
- onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement>;
46
- onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement>;
47
- mode?: import("./input").InputMode;
48
- size?: import("./input").InputSize;
49
- theme?: import("./input").InputTheme;
50
- type?: import("./input").InputType;
51
- value?: string | number | string[];
52
- icon?: import("react").ReactNode;
53
- iconType?: import("./input").InputIconType;
54
- label?: import("react").ReactNode;
55
- note?: import("react").ReactNode;
56
- name?: string;
57
- clearIcon?: import("react").ReactNode;
58
- suffix?: import("react").ReactNode;
59
- offSystemMicroelements?: boolean;
60
- boldLabel?: boolean;
61
- } | "ref"> & import("react").RefAttributes<HTMLInputElement>>;
62
- export default DefaultInput;
63
- export { Input } from './input';
64
- export type { InputProps } from './input';
1
+ /**
2
+ * @deprecated use named import instead
3
+ */
4
+ declare const DefaultInput: import("react").ForwardRefExoticComponent<{
5
+ id?: string;
6
+ className?: string;
7
+ placeholder?: string;
8
+ disabled?: boolean;
9
+ error?: boolean | React.ReactNode;
10
+ reserveErrorLine?: boolean;
11
+ busy?: boolean;
12
+ onChange?: React.ChangeEventHandler<HTMLInputElement>;
13
+ onFocus?: React.FocusEventHandler<HTMLInputElement>;
14
+ onBlur?: React.FocusEventHandler<HTMLInputElement>;
15
+ onClear?: React.MouseEventHandler<HTMLButtonElement>;
16
+ onMouseEnter?: React.MouseEventHandler<HTMLInputElement>;
17
+ onMouseLeave?: React.MouseEventHandler<HTMLInputElement>;
18
+ mode?: import("./input").InputMode;
19
+ size?: import("./input").InputSize;
20
+ theme?: import("./input").InputTheme;
21
+ type?: import("./input").InputType;
22
+ value?: string | number | string[];
23
+ icon?: React.ReactNode;
24
+ iconType?: import("./input").InputIconType;
25
+ label?: React.ReactNode;
26
+ note?: React.ReactNode;
27
+ name?: string;
28
+ clearIcon?: React.ReactNode;
29
+ suffix?: React.ReactNode;
30
+ offSystemMicroelements?: boolean;
31
+ boldLabel?: boolean;
32
+ } & Omit<import("react").HTMLProps<HTMLInputElement>, keyof {
33
+ id?: string;
34
+ className?: string;
35
+ placeholder?: string;
36
+ disabled?: boolean;
37
+ error?: boolean | React.ReactNode;
38
+ reserveErrorLine?: boolean;
39
+ busy?: boolean;
40
+ onChange?: React.ChangeEventHandler<HTMLInputElement>;
41
+ onFocus?: React.FocusEventHandler<HTMLInputElement>;
42
+ onBlur?: React.FocusEventHandler<HTMLInputElement>;
43
+ onClear?: React.MouseEventHandler<HTMLButtonElement>;
44
+ onMouseEnter?: React.MouseEventHandler<HTMLInputElement>;
45
+ onMouseLeave?: React.MouseEventHandler<HTMLInputElement>;
46
+ mode?: import("./input").InputMode;
47
+ size?: import("./input").InputSize;
48
+ theme?: import("./input").InputTheme;
49
+ type?: import("./input").InputType;
50
+ value?: string | number | string[];
51
+ icon?: React.ReactNode;
52
+ iconType?: import("./input").InputIconType;
53
+ label?: React.ReactNode;
54
+ note?: React.ReactNode;
55
+ name?: string;
56
+ clearIcon?: React.ReactNode;
57
+ suffix?: React.ReactNode;
58
+ offSystemMicroelements?: boolean;
59
+ boldLabel?: boolean;
60
+ } | "ref"> & import("react").RefAttributes<HTMLInputElement>>;
61
+ export default DefaultInput;
62
+ export { Input } from './input';
63
+ export type { InputProps } from './input';
package/lib/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import './index.css';
2
2
  import { Input } from './input.js';
3
3
  export { Input } from './input.js';
4
- /**
5
- * @deprecated use named import instead
4
+ /**
5
+ * @deprecated use named import instead
6
6
  */
7
7
 
8
8
  const DefaultInput = Input;
package/lib/input.d.ts CHANGED
@@ -1,94 +1,94 @@
1
- import * as React from 'react';
2
- export declare type InputMode = 'classic' | 'rock';
3
- export declare type InputSize = 'l' | 'm' | 's';
4
- export declare type InputTheme = 'light' | 'dark';
5
- export declare type InputType = 'text' | 'email' | 'search' | 'date' | 'time' | 'password' | 'number' | 'file' | 'url' | 'tel';
6
- export declare type InputIconType = 'left' | 'right' | 'rightAction' | 'rightActionFocusable';
7
- declare type InputExclusiveProps = {
8
- id?: string;
9
- className?: string;
10
- placeholder?: string;
11
- /**
12
- * Disable input
13
- */
14
- disabled?: boolean;
15
- /**
16
- * Error state flag
17
- */
18
- error?: boolean | React.ReactNode;
19
- /**
20
- * If `true`, there will be reserved a space for a 1-line error message. Subsequent lines will be placed below normally.
21
- * If `false `, there will be no reservation.
22
- */
23
- reserveErrorLine?: boolean;
24
- /**
25
- * Set busy state
26
- */
27
- busy?: boolean;
28
- /**
29
- * Change value callback. `value => ...`
30
- */
31
- onChange?: React.ChangeEventHandler<HTMLInputElement>;
32
- /**
33
- * Focus input callback
34
- */
35
- onFocus?: React.FocusEventHandler<HTMLInputElement>;
36
- /**
37
- * Blur input callback
38
- */
39
- onBlur?: React.FocusEventHandler<HTMLInputElement>;
40
- /**
41
- * Clear input callback, clear button appears when this callback provided and input is not empty
42
- */
43
- onClear?: React.MouseEventHandler<HTMLButtonElement>;
44
- /**
45
- * `mouseEnter` input callback
46
- */
47
- onMouseEnter?: React.MouseEventHandler<HTMLInputElement>;
48
- /**
49
- * `mouseLeave` input callback
50
- */
51
- onMouseLeave?: React.MouseEventHandler<HTMLInputElement>;
52
- /**
53
- * Mode of the input - classic or rock
54
- */
55
- mode?: InputMode;
56
- /**
57
- * Size
58
- */
59
- size?: InputSize;
60
- /**
61
- * Appearance theme
62
- */
63
- theme?: InputTheme;
64
- /**
65
- * Change input behavior
66
- */
67
- type?: InputType;
68
- /**
69
- * Set value to control state of the input. `onChange` callback is required.
70
- */
71
- value?: string | number | string[];
72
- /**
73
- * Icon to place inside the input, supports only icons from `@rescui/icons` package or similar in structure
74
- */
75
- icon?: React.ReactNode;
76
- /**
77
- * Left or right decorative icon or right action (clickable) icon or right action focusable (by tab) icon.
78
- */
79
- iconType?: InputIconType;
80
- label?: React.ReactNode;
81
- note?: React.ReactNode;
82
- name?: string;
83
- /**
84
- * Clear icon customization, supports only icons from `@rescui/icons` package
85
- */
86
- clearIcon?: React.ReactNode;
87
- suffix?: React.ReactNode;
88
- /** Turns off system microelements in input. For example turns off arrows for input[type='number'] */
89
- offSystemMicroelements?: boolean;
90
- boldLabel?: boolean;
91
- };
92
- export declare type InputProps = InputExclusiveProps & Omit<React.HTMLProps<HTMLInputElement>, keyof InputExclusiveProps | 'ref'>;
93
- export declare const Input: React.ForwardRefExoticComponent<InputExclusiveProps & Omit<React.HTMLProps<HTMLInputElement>, keyof InputExclusiveProps | "ref"> & React.RefAttributes<HTMLInputElement>>;
94
- export default Input;
1
+ import * as React from 'react';
2
+ export type InputMode = 'classic' | 'rock';
3
+ export type InputSize = 'l' | 'm' | 's';
4
+ export type InputTheme = 'light' | 'dark';
5
+ export type InputType = 'text' | 'email' | 'search' | 'date' | 'time' | 'password' | 'number' | 'file' | 'url' | 'tel';
6
+ export type InputIconType = 'left' | 'right' | 'rightAction' | 'rightActionFocusable';
7
+ type InputExclusiveProps = {
8
+ id?: string;
9
+ className?: string;
10
+ placeholder?: string;
11
+ /**
12
+ * Disable input
13
+ */
14
+ disabled?: boolean;
15
+ /**
16
+ * Error state flag
17
+ */
18
+ error?: boolean | React.ReactNode;
19
+ /**
20
+ * If `true`, there will be reserved a space for a 1-line error message. Subsequent lines will be placed below normally.
21
+ * If `false `, there will be no reservation.
22
+ */
23
+ reserveErrorLine?: boolean;
24
+ /**
25
+ * Set busy state
26
+ */
27
+ busy?: boolean;
28
+ /**
29
+ * Change value callback. `value => ...`
30
+ */
31
+ onChange?: React.ChangeEventHandler<HTMLInputElement>;
32
+ /**
33
+ * Focus input callback
34
+ */
35
+ onFocus?: React.FocusEventHandler<HTMLInputElement>;
36
+ /**
37
+ * Blur input callback
38
+ */
39
+ onBlur?: React.FocusEventHandler<HTMLInputElement>;
40
+ /**
41
+ * Clear input callback, clear button appears when this callback provided and input is not empty
42
+ */
43
+ onClear?: React.MouseEventHandler<HTMLButtonElement>;
44
+ /**
45
+ * `mouseEnter` input callback
46
+ */
47
+ onMouseEnter?: React.MouseEventHandler<HTMLInputElement>;
48
+ /**
49
+ * `mouseLeave` input callback
50
+ */
51
+ onMouseLeave?: React.MouseEventHandler<HTMLInputElement>;
52
+ /**
53
+ * Mode of the input - classic or rock
54
+ */
55
+ mode?: InputMode;
56
+ /**
57
+ * Size
58
+ */
59
+ size?: InputSize;
60
+ /**
61
+ * Appearance theme
62
+ */
63
+ theme?: InputTheme;
64
+ /**
65
+ * Change input behavior
66
+ */
67
+ type?: InputType;
68
+ /**
69
+ * Set value to control state of the input. `onChange` callback is required.
70
+ */
71
+ value?: string | number | string[];
72
+ /**
73
+ * Icon to place inside the input, supports only icons from `@rescui/icons` package or similar in structure
74
+ */
75
+ icon?: React.ReactNode;
76
+ /**
77
+ * Left or right decorative icon or right action (clickable) icon or right action focusable (by tab) icon.
78
+ */
79
+ iconType?: InputIconType;
80
+ label?: React.ReactNode;
81
+ note?: React.ReactNode;
82
+ name?: string;
83
+ /**
84
+ * Clear icon customization, supports only icons from `@rescui/icons` package
85
+ */
86
+ clearIcon?: React.ReactNode;
87
+ suffix?: React.ReactNode;
88
+ /** Turns off system microelements in input. For example turns off arrows for input[type='number'] */
89
+ offSystemMicroelements?: boolean;
90
+ boldLabel?: boolean;
91
+ };
92
+ export type InputProps = InputExclusiveProps & Omit<React.HTMLProps<HTMLInputElement>, keyof InputExclusiveProps | 'ref'>;
93
+ export declare const Input: React.ForwardRefExoticComponent<InputExclusiveProps & Omit<React.HTMLProps<HTMLInputElement>, keyof InputExclusiveProps | "ref"> & React.RefAttributes<HTMLInputElement>>;
94
+ export default Input;
package/lib/input.p.module.css.js CHANGED
@@ -1,31 +1,31 @@
1
1
  var styles = {
2
- "light": "_light_fcakef_7",
3
- "dark": "_dark_fcakef_10",
4
- "sizeS": "_sizeS_fcakef_14",
5
- "sizeM": "_sizeM_fcakef_17",
6
- "sizeL": "_sizeL_fcakef_20",
7
- "classic": "_classic_fcakef_24",
8
- "rock": "_rock_fcakef_27",
9
- "container": "_container_fcakef_31",
10
- "wrapper": "_wrapper_fcakef_39",
11
- "error": "_error_fcakef_55",
12
- "disabled": "_disabled_fcakef_61",
13
- "enabled": "_enabled_fcakef_67",
14
- "focused": "_focused_fcakef_67",
15
- "filled": "_filled_fcakef_73",
16
- "field": "_field_fcakef_91",
17
- "inner": "_inner_fcakef_101",
18
- "offSystemMicroelements": "_offSystemMicroelements_fcakef_202",
19
- "iconWrapper": "_iconWrapper_fcakef_212",
20
- "action": "_action_fcakef_223",
21
- "right": "_right_fcakef_261",
22
- "left": "_left_fcakef_265",
23
- "icon": "_icon_fcakef_212",
24
- "divider": "_divider_fcakef_299",
25
- "suffix": "_suffix_fcakef_315",
26
- "label": "_label_fcakef_329",
27
- "footer": "_footer_fcakef_340",
28
- "errorMessage": "_errorMessage_fcakef_347",
29
- "note": "_note_fcakef_356"
2
+ "light": "_light_sogqt7_7",
3
+ "dark": "_dark_sogqt7_10",
4
+ "sizeS": "_sizeS_sogqt7_14",
5
+ "sizeM": "_sizeM_sogqt7_17",
6
+ "sizeL": "_sizeL_sogqt7_20",
7
+ "classic": "_classic_sogqt7_24",
8
+ "rock": "_rock_sogqt7_27",
9
+ "container": "_container_sogqt7_31",
10
+ "wrapper": "_wrapper_sogqt7_39",
11
+ "error": "_error_sogqt7_55",
12
+ "disabled": "_disabled_sogqt7_61",
13
+ "enabled": "_enabled_sogqt7_67",
14
+ "focused": "_focused_sogqt7_67",
15
+ "filled": "_filled_sogqt7_73",
16
+ "field": "_field_sogqt7_91",
17
+ "inner": "_inner_sogqt7_101",
18
+ "offSystemMicroelements": "_offSystemMicroelements_sogqt7_202",
19
+ "iconWrapper": "_iconWrapper_sogqt7_212",
20
+ "action": "_action_sogqt7_223",
21
+ "right": "_right_sogqt7_261",
22
+ "left": "_left_sogqt7_265",
23
+ "icon": "_icon_sogqt7_212",
24
+ "divider": "_divider_sogqt7_299",
25
+ "suffix": "_suffix_sogqt7_315",
26
+ "label": "_label_sogqt7_329",
27
+ "footer": "_footer_sogqt7_340",
28
+ "errorMessage": "_errorMessage_sogqt7_347",
29
+ "note": "_note_sogqt7_356"
30
30
  };
31
31
  export { styles as default };
package/lib/parts/custom-icon.d.ts CHANGED
@@ -1,26 +1,26 @@
1
- import * as React from 'react';
2
- interface MouseInteractiveProps {
3
- onClick?: React.MouseEventHandler<HTMLButtonElement>;
4
- onContextMenu?: React.MouseEventHandler<HTMLButtonElement>;
5
- onDoubleClick?: React.MouseEventHandler<HTMLButtonElement>;
6
- onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
7
- onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
8
- onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
9
- onMouseMove?: React.MouseEventHandler<HTMLButtonElement>;
10
- onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
11
- onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
12
- onMouseUp?: React.MouseEventHandler<HTMLButtonElement>;
13
- 'aria-label'?: string;
14
- }
15
- export declare function transferInteractiveProps(iconProps: MouseInteractiveProps): {
16
- button: MouseInteractiveProps;
17
- icon: MouseInteractiveProps;
18
- };
19
- declare type CustomIconProps = {
20
- icon: React.ReactNode;
21
- iconIsAction?: boolean;
22
- iconIsFocusable?: boolean;
23
- iconPosition?: 'left' | 'right';
24
- };
25
- export declare const CustomIcon: React.FC<CustomIconProps>;
26
- export {};
1
+ import * as React from 'react';
2
+ interface MouseInteractiveProps {
3
+ onClick?: React.MouseEventHandler<HTMLButtonElement>;
4
+ onContextMenu?: React.MouseEventHandler<HTMLButtonElement>;
5
+ onDoubleClick?: React.MouseEventHandler<HTMLButtonElement>;
6
+ onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
7
+ onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
8
+ onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
9
+ onMouseMove?: React.MouseEventHandler<HTMLButtonElement>;
10
+ onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
11
+ onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
12
+ onMouseUp?: React.MouseEventHandler<HTMLButtonElement>;
13
+ 'aria-label'?: string;
14
+ }
15
+ export declare function transferInteractiveProps(iconProps: MouseInteractiveProps): {
16
+ button: MouseInteractiveProps;
17
+ icon: MouseInteractiveProps;
18
+ };
19
+ type CustomIconProps = {
20
+ icon: React.ReactNode;
21
+ iconIsAction?: boolean;
22
+ iconIsFocusable?: boolean;
23
+ iconPosition?: 'left' | 'right';
24
+ };
25
+ export declare const CustomIcon: React.FC<CustomIconProps>;
26
+ export {};
package/lib/parts/right-icons.d.ts CHANGED
@@ -1,14 +1,14 @@
1
- import * as React from 'react';
2
- import { InputSize } from '../input';
3
- declare type RightIconsProps = {
4
- busy?: boolean;
5
- onClear?: React.MouseEventHandler<HTMLButtonElement>;
6
- size?: InputSize;
7
- icon?: React.ReactNode;
8
- iconIsAction?: boolean;
9
- iconIsFocusable?: boolean;
10
- clearIcon?: React.ReactNode;
11
- empty: boolean;
12
- };
13
- export declare const RightIcons: React.FC<RightIconsProps>;
14
- export {};
1
+ import * as React from 'react';
2
+ import { InputSize } from '../input';
3
+ type RightIconsProps = {
4
+ busy?: boolean;
5
+ onClear?: React.MouseEventHandler<HTMLButtonElement>;
6
+ size?: InputSize;
7
+ icon?: React.ReactNode;
8
+ iconIsAction?: boolean;
9
+ iconIsFocusable?: boolean;
10
+ clearIcon?: React.ReactNode;
11
+ empty: boolean;
12
+ };
13
+ export declare const RightIcons: React.FC<RightIconsProps>;
14
+ export {};
package/lib/parts/use-backward-compatible-id.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const useBackwardCompatibleId: {
2
- (): string | number;
3
- counter: number;
4
- };
1
+ export declare const useBackwardCompatibleId: {
2
+ (): string | number;
3
+ counter: number;
4
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/input",
3
- "version": "0.15.1-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
3
+ "version": "0.15.2-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/form-field": "0.1.1-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
19
+ "@rescui/form-field": "0.1.2-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
20
20
  "classnames": "^2.2.6"
21
21
  },
22
22
  "peerDependencies": {
@@ -25,12 +25,12 @@
25
25
  "react": ">=16.8.0 <20"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "0.3.1-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
29
- "@rescui/icons": "1.7.4-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
28
+ "@rescui/colors": "0.3.1-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.79+8f54dec0a",
29
+ "@rescui/icons": "1.7.5-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
30
30
  "@rescui/postcss-preset-library": "0.2.2",
31
31
  "@rescui/scripts": "0.5.1",
32
- "@rescui/tooltip": "0.10.12-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
33
- "@rescui/typography": "0.24.5-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
32
+ "@rescui/tooltip": "0.10.13-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
33
+ "@rescui/typography": "0.25.1-RUI-291-Update-next-js-to-the-latest-version-8f54dec0a.66+8f54dec0a",
34
34
  "@rescui/visual-regression": "0.1.4",
35
35
  "@types/classnames": "^2.2.11"
36
36
  },
@@ -39,5 +39,5 @@
39
39
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
40
40
  },
41
41
  "nx": {},
42
- "gitHead": "2f40ef205f94c200019ec963e3fd0ca47fe1cdcb"
42
+ "gitHead": "8f54dec0a450da30835485cba2edfd0037cccd25"
43
43
  }