@rescui/input 0.12.4 → 0.13.1-RUI-270-Update-select-options-label-types-b99bd91c.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +158 -225
  3. package/lib/input.js +1 -4
  4. package/lib/input.p.module.css.js +28 -28
  5. package/lib/public-api.p.css +1 -34
  6. package/lib/public-api.pcss +1 -34
  7. package/package.json +9 -9
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_hncml0_4",
3
- "sizeXS": "_sizeXS_hncml0_14",
4
- "sizeS": "_sizeS_hncml0_18",
5
- "sizeM": "_sizeM_hncml0_22",
6
- "sizeL": "_sizeL_hncml0_26",
7
- "light": "_light_hncml0_30",
8
- "dark": "_dark_hncml0_34",
9
- "allVariants": "_allVariants_hncml0_48",
10
- "variant16": "_variant16_hncml0_53",
11
- "variant20": "_variant20_hncml0_54",
12
- "variant24": "_variant24_hncml0_55",
13
- "variant28": "_variant28_hncml0_58"
2
+ "icon": "_icon_rvlot9_4",
3
+ "sizeXS": "_sizeXS_rvlot9_14",
4
+ "sizeS": "_sizeS_rvlot9_18",
5
+ "sizeM": "_sizeM_rvlot9_22",
6
+ "sizeL": "_sizeL_rvlot9_26",
7
+ "light": "_light_rvlot9_30",
8
+ "dark": "_dark_rvlot9_34",
9
+ "allVariants": "_allVariants_rvlot9_48",
10
+ "variant16": "_variant16_rvlot9_53",
11
+ "variant20": "_variant20_rvlot9_54",
12
+ "variant24": "_variant24_rvlot9_55",
13
+ "variant28": "_variant28_rvlot9_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_hncml0_4{
1
+ ._icon_rvlot9_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_hncml0_4{
11
+ ._icon_rvlot9_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_hncml0_4{
20
+ ._icon_rvlot9_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_hncml0_4{
28
+ ._icon_rvlot9_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_hncml0_14{
35
+ ._sizeXS_rvlot9_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_hncml0_18{
38
+ ._sizeS_rvlot9_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_hncml0_22{
41
+ ._sizeM_rvlot9_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_hncml0_26{
44
+ ._sizeL_rvlot9_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_hncml0_30{
47
+ ._light_rvlot9_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_hncml0_34{
51
+ ._dark_rvlot9_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,56 +60,56 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_hncml0_48{
63
+ ._allVariants_rvlot9_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_hncml0_53,
68
- ._variant20_hncml0_54,
69
- ._variant24_hncml0_55{
67
+ ._variant16_rvlot9_53,
68
+ ._variant20_rvlot9_54,
69
+ ._variant24_rvlot9_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_hncml0_58{
72
+ ._variant28_rvlot9_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_hncml0_55{
76
+ ._variant24_rvlot9_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_hncml0_58{
79
+ ._variant28_rvlot9_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_hncml0_54{
84
+ ._variant20_rvlot9_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_hncml0_55{
87
+ ._variant24_rvlot9_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_hncml0_53{
92
+ ._variant16_rvlot9_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_hncml0_54{
95
+ ._variant20_rvlot9_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._light_7jpdal_8{
99
+ ._light_xtuqps_8{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._dark_7jpdal_11{
102
+ ._dark_xtuqps_11{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._sizeS_7jpdal_15{
105
+ ._sizeS_xtuqps_15{
106
106
  --_rs-input-vertical-padding:6px;
107
107
  --_rs-input-horizontal-padding:8px;
108
108
  --_rs-input-parts-offset:4px;
109
109
  --_rs-input-icon-offset:8px;
110
110
  --_rs-input-icon-size:20px;
111
111
  }
112
- ._sizeS_7jpdal_15 [data-rs-internal='input__inner']::-moz-placeholder{
112
+ ._sizeS_xtuqps_15 [data-rs-internal='input__inner']::-moz-placeholder{
113
113
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
114
114
  --_rs-typography-text-transform:initial;
115
115
  --_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_7jpdal_15 [data-rs-internal='input__label'],
147
- ._sizeS_7jpdal_15 [data-rs-internal='input__inner'],
148
- ._sizeS_7jpdal_15 [data-rs-internal='input__inner']::placeholder,
149
- ._sizeS_7jpdal_15 [data-rs-internal='input__suffix']{
146
+ ._sizeS_xtuqps_15 [data-rs-internal='input__label'],
147
+ ._sizeS_xtuqps_15 [data-rs-internal='input__inner'],
148
+ ._sizeS_xtuqps_15 [data-rs-internal='input__inner']::placeholder,
149
+ ._sizeS_xtuqps_15 [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;
@@ -180,7 +180,7 @@
180
180
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
181
181
  --_rs-typography-link-border-bottom-width-from-text:1px;
182
182
  }
183
- ._sizeS_7jpdal_15 [data-rs-internal='input__bold-label']{
183
+ ._sizeS_xtuqps_15 [data-rs-internal='input__bold-label']{
184
184
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
185
185
  --_rs-typography-text-transform:initial;
186
186
  --_rs-typography-font-variant-numeric:initial;
@@ -211,7 +211,7 @@
211
211
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
212
212
  --_rs-typography-link-border-bottom-width-from-text:2px;
213
213
  }
214
- ._sizeS_7jpdal_15 [data-rs-internal='input__note']{
214
+ ._sizeS_xtuqps_15 [data-rs-internal='input__note']{
215
215
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
216
216
  --_rs-typography-text-transform:initial;
217
217
  --_rs-typography-font-variant-numeric:initial;
@@ -245,7 +245,7 @@
245
245
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
246
246
  --_rs-typography-link-border-bottom-width-from-text:1px;
247
247
  }
248
- ._sizeS_7jpdal_15 [data-rs-internal='input__error-message']{
248
+ ._sizeS_xtuqps_15 [data-rs-internal='input__error-message']{
249
249
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
250
250
  --_rs-typography-text-transform:initial;
251
251
  --_rs-typography-font-variant-numeric:initial;
@@ -276,17 +276,17 @@
276
276
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
277
277
  --_rs-typography-link-border-bottom-width-from-text:2px;
278
278
  }
279
- ._sizeS_7jpdal_15 [data-rs-internal='input__error-icon']:not(html){
279
+ ._sizeS_xtuqps_15 [data-rs-internal='input__error-icon']:not(html){
280
280
  --_rs-icons-height:20px;
281
281
  }
282
- ._sizeM_7jpdal_18{
282
+ ._sizeM_xtuqps_18{
283
283
  --_rs-input-vertical-padding:8px;
284
284
  --_rs-input-horizontal-padding:8px;
285
285
  --_rs-input-parts-offset:8px;
286
286
  --_rs-input-icon-offset:8px;
287
287
  --_rs-input-icon-size:24px;
288
288
  }
289
- ._sizeM_7jpdal_18 [data-rs-internal='input__inner']::-moz-placeholder{
289
+ ._sizeM_xtuqps_18 [data-rs-internal='input__inner']::-moz-placeholder{
290
290
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
291
291
  --_rs-typography-text-transform:initial;
292
292
  --_rs-typography-font-variant-numeric:initial;
@@ -324,14 +324,14 @@
324
324
  --_rs-typography-link-border-bottom-width-from-text:1px;
325
325
  }
326
326
  @media screen and (max-width: 640px){
327
- ._sizeM_7jpdal_18 [data-rs-internal='input__inner']::-moz-placeholder{
327
+ ._sizeM_xtuqps_18 [data-rs-internal='input__inner']::-moz-placeholder{
328
328
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
329
329
  }
330
330
  }
331
- ._sizeM_7jpdal_18 [data-rs-internal='input__label'],
332
- ._sizeM_7jpdal_18 [data-rs-internal='input__inner'],
333
- ._sizeM_7jpdal_18 [data-rs-internal='input__inner']::placeholder,
334
- ._sizeM_7jpdal_18 [data-rs-internal='input__suffix']{
331
+ ._sizeM_xtuqps_18 [data-rs-internal='input__label'],
332
+ ._sizeM_xtuqps_18 [data-rs-internal='input__inner'],
333
+ ._sizeM_xtuqps_18 [data-rs-internal='input__inner']::placeholder,
334
+ ._sizeM_xtuqps_18 [data-rs-internal='input__suffix']{
335
335
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
336
336
  --_rs-typography-text-transform:initial;
337
337
  --_rs-typography-font-variant-numeric:initial;
@@ -369,14 +369,14 @@
369
369
  --_rs-typography-link-border-bottom-width-from-text:1px;
370
370
  }
371
371
  @media screen and (max-width: 640px){
372
- ._sizeM_7jpdal_18 [data-rs-internal='input__label'],
373
- ._sizeM_7jpdal_18 [data-rs-internal='input__inner'],
374
- ._sizeM_7jpdal_18 [data-rs-internal='input__inner']::placeholder,
375
- ._sizeM_7jpdal_18 [data-rs-internal='input__suffix']{
372
+ ._sizeM_xtuqps_18 [data-rs-internal='input__label'],
373
+ ._sizeM_xtuqps_18 [data-rs-internal='input__inner'],
374
+ ._sizeM_xtuqps_18 [data-rs-internal='input__inner']::placeholder,
375
+ ._sizeM_xtuqps_18 [data-rs-internal='input__suffix']{
376
376
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
377
377
  }
378
378
  }
379
- ._sizeM_7jpdal_18 [data-rs-internal='input__bold-label']{
379
+ ._sizeM_xtuqps_18 [data-rs-internal='input__bold-label']{
380
380
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
381
381
  --_rs-typography-text-transform:initial;
382
382
  --_rs-typography-font-variant-numeric:initial;
@@ -407,7 +407,7 @@
407
407
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
408
408
  --_rs-typography-link-border-bottom-width-from-text:2px;
409
409
  }
410
- ._sizeM_7jpdal_18 [data-rs-internal='input__note']{
410
+ ._sizeM_xtuqps_18 [data-rs-internal='input__note']{
411
411
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
412
412
  --_rs-typography-text-transform:initial;
413
413
  --_rs-typography-font-variant-numeric:initial;
@@ -441,7 +441,7 @@
441
441
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
442
442
  --_rs-typography-link-border-bottom-width-from-text:1px;
443
443
  }
444
- ._sizeM_7jpdal_18 [data-rs-internal='input__error-message']{
444
+ ._sizeM_xtuqps_18 [data-rs-internal='input__error-message']{
445
445
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
446
446
  --_rs-typography-text-transform:initial;
447
447
  --_rs-typography-font-variant-numeric:initial;
@@ -472,17 +472,17 @@
472
472
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
473
473
  --_rs-typography-link-border-bottom-width-from-text:2px;
474
474
  }
475
- ._sizeM_7jpdal_18 [data-rs-internal='input__error-icon']:not(html){
475
+ ._sizeM_xtuqps_18 [data-rs-internal='input__error-icon']:not(html){
476
476
  --_rs-icons-height:20px;
477
477
  }
478
- ._sizeL_7jpdal_21{
478
+ ._sizeL_xtuqps_21{
479
479
  --_rs-input-vertical-padding:12px;
480
480
  --_rs-input-horizontal-padding:16px;
481
481
  --_rs-input-parts-offset:8px;
482
482
  --_rs-input-icon-offset:16px;
483
483
  --_rs-input-icon-size:28px;
484
484
  }
485
- ._sizeL_7jpdal_21 [data-rs-internal='input__inner']::-moz-placeholder{
485
+ ._sizeL_xtuqps_21 [data-rs-internal='input__inner']::-moz-placeholder{
486
486
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
487
487
  --_rs-typography-text-transform:initial;
488
488
  --_rs-typography-font-variant-numeric:initial;
@@ -520,14 +520,14 @@
520
520
  --_rs-typography-link-border-bottom-width-from-text:1px;
521
521
  }
522
522
  @media screen and (max-width: 640px){
523
- ._sizeL_7jpdal_21 [data-rs-internal='input__inner']::-moz-placeholder{
523
+ ._sizeL_xtuqps_21 [data-rs-internal='input__inner']::-moz-placeholder{
524
524
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
525
525
  }
526
526
  }
527
- ._sizeL_7jpdal_21 [data-rs-internal='input__label'],
528
- ._sizeL_7jpdal_21 [data-rs-internal='input__inner'],
529
- ._sizeL_7jpdal_21 [data-rs-internal='input__inner']::placeholder,
530
- ._sizeL_7jpdal_21 [data-rs-internal='input__suffix']{
527
+ ._sizeL_xtuqps_21 [data-rs-internal='input__label'],
528
+ ._sizeL_xtuqps_21 [data-rs-internal='input__inner'],
529
+ ._sizeL_xtuqps_21 [data-rs-internal='input__inner']::placeholder,
530
+ ._sizeL_xtuqps_21 [data-rs-internal='input__suffix']{
531
531
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
532
532
  --_rs-typography-text-transform:initial;
533
533
  --_rs-typography-font-variant-numeric:initial;
@@ -565,14 +565,14 @@
565
565
  --_rs-typography-link-border-bottom-width-from-text:1px;
566
566
  }
567
567
  @media screen and (max-width: 640px){
568
- ._sizeL_7jpdal_21 [data-rs-internal='input__label'],
569
- ._sizeL_7jpdal_21 [data-rs-internal='input__inner'],
570
- ._sizeL_7jpdal_21 [data-rs-internal='input__inner']::placeholder,
571
- ._sizeL_7jpdal_21 [data-rs-internal='input__suffix']{
568
+ ._sizeL_xtuqps_21 [data-rs-internal='input__label'],
569
+ ._sizeL_xtuqps_21 [data-rs-internal='input__inner'],
570
+ ._sizeL_xtuqps_21 [data-rs-internal='input__inner']::placeholder,
571
+ ._sizeL_xtuqps_21 [data-rs-internal='input__suffix']{
572
572
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
573
573
  }
574
574
  }
575
- ._sizeL_7jpdal_21 [data-rs-internal='input__bold-label']{
575
+ ._sizeL_xtuqps_21 [data-rs-internal='input__bold-label']{
576
576
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
577
577
  --_rs-typography-text-transform:initial;
578
578
  --_rs-typography-font-variant-numeric:initial;
@@ -603,7 +603,7 @@
603
603
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
604
604
  --_rs-typography-link-border-bottom-width-from-text:2px;
605
605
  }
606
- ._sizeL_7jpdal_21 [data-rs-internal='input__note']{
606
+ ._sizeL_xtuqps_21 [data-rs-internal='input__note']{
607
607
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
608
608
  --_rs-typography-text-transform:initial;
609
609
  --_rs-typography-font-variant-numeric:initial;
@@ -641,11 +641,11 @@
641
641
  --_rs-typography-link-border-bottom-width-from-text:1px;
642
642
  }
643
643
  @media screen and (max-width: 640px){
644
- ._sizeL_7jpdal_21 [data-rs-internal='input__note']{
644
+ ._sizeL_xtuqps_21 [data-rs-internal='input__note']{
645
645
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
646
646
  }
647
647
  }
648
- ._sizeL_7jpdal_21 [data-rs-internal='input__error-message']{
648
+ ._sizeL_xtuqps_21 [data-rs-internal='input__error-message']{
649
649
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
650
650
  --_rs-typography-text-transform:initial;
651
651
  --_rs-typography-font-variant-numeric:initial;
@@ -676,46 +676,25 @@
676
676
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
677
677
  --_rs-typography-link-border-bottom-width-from-text:2px;
678
678
  }
679
- ._sizeL_7jpdal_21 [data-rs-internal='input__error-icon']:not(html){
679
+ ._sizeL_xtuqps_21 [data-rs-internal='input__error-icon']:not(html){
680
680
  --_rs-icons-height:24px;
681
681
  }
682
- ._classic_7jpdal_25{
682
+ ._classic_xtuqps_25{
683
683
  --_rs-input-focused-enabled-wrapper-border-width:2px;
684
684
  --_rs-input-focused-enabled-wrapper-background:rgb(
685
- calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
686
- );
687
- --_rs-input-error-focused-enabled-wrapper-background:rgb(
688
- calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
685
+ 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)
689
686
  );
690
687
  --_rs-input-focused-inner-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));
691
688
  --_rs-input-focused-inner-placeholder-color:rgba(
692
689
  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),
693
690
  0.5
694
691
  );
695
- --_rs-input-error-focused-inner-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));
696
- --_rs-input-error-focused-inner-placeholder-color:rgba(
697
- 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),
698
- 0.5
699
- );
700
692
  --_rs-input-focused-autofill-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));
701
693
  --_rs-input-focused-autofill-box-shadow:rgb(
702
694
  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)
703
695
  );
704
- --_rs-input-error-focused-autofill-color:rgb(
705
- 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)
706
- );
707
- --_rs-input-error-focused-autofill-box-shadow:rgb(
708
- 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)
709
- );
710
696
  --_rs-input-focused-icon-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);
711
- --_rs-input-error-focused-icon-color:rgba(
712
- 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),
713
- 0.7
714
- );
715
697
  --_rs-input-focused-icon-accent-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));
716
- --_rs-input-error-focused-icon-accent-color:rgb(
717
- 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)
718
- );
719
698
  --_rs-input-focused-divider-background:rgba(
720
699
  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),
721
700
  0.2
@@ -724,34 +703,23 @@
724
703
  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),
725
704
  0.5
726
705
  );
727
- --_rs-input-error-focused-suffix-color:rgba(
728
- 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),
729
- 0.5
730
- );
731
706
  }
732
- ._rock_7jpdal_28{
707
+ ._rock_xtuqps_28{
733
708
  --_rs-input-focused-enabled-wrapper-border-width:0px;
734
709
  --_rs-input-focused-enabled-wrapper-background:rgb(
735
710
  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)
736
711
  );
737
- --_rs-input-error-focused-enabled-wrapper-background:#F45C4A;
738
712
  --_rs-input-focused-inner-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));
739
713
  --_rs-input-focused-inner-placeholder-color:rgba(
740
714
  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),
741
715
  0.7
742
716
  );
743
- --_rs-input-error-focused-inner-color:#FFFFFF;
744
- --_rs-input-error-focused-inner-placeholder-color:rgba(255,255,255,0.7);
745
717
  --_rs-input-focused-autofill-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));
746
718
  --_rs-input-focused-autofill-box-shadow:rgb(
747
719
  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)
748
720
  );
749
- --_rs-input-error-focused-autofill-color:#FFFFFF;
750
- --_rs-input-error-focused-autofill-box-shadow:#19191C;
751
721
  --_rs-input-focused-icon-color:rgba(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), 0.7);
752
- --_rs-input-error-focused-icon-color:rgba(255,255,255,0.7);
753
722
  --_rs-input-focused-icon-accent-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));
754
- --_rs-input-error-focused-icon-accent-color:#FFFFFF;
755
723
  --_rs-input-focused-divider-background:rgb(
756
724
  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)
757
725
  );
@@ -759,9 +727,8 @@
759
727
  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),
760
728
  0.7
761
729
  );
762
- --_rs-input-error-focused-suffix-color:rgba(255,255,255,0.7);
763
730
  }
764
- ._container_7jpdal_32{
731
+ ._container_xtuqps_32{
765
732
  --_rs-theme-dark:var(
766
733
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
767
734
  var(--rs-theme-dark, 0)
@@ -771,7 +738,7 @@
771
738
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
772
739
  }
773
740
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
774
- ._container_7jpdal_32{
741
+ ._container_xtuqps_32{
775
742
  --_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)));
776
743
  --_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)));
777
744
  --_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)));
@@ -780,7 +747,7 @@
780
747
  }
781
748
  }
782
749
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
783
- ._container_7jpdal_32{
750
+ ._container_xtuqps_32{
784
751
  --_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);
785
752
  --_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));
786
753
  --_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));
@@ -788,72 +755,64 @@
788
755
  --_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));
789
756
  }
790
757
  }
791
- ._container_7jpdal_32 {
758
+ ._container_xtuqps_32 {
792
759
 
793
760
  display:block;
794
761
  }
795
- ._wrapper_7jpdal_39{
762
+ ._wrapper_xtuqps_39{
796
763
  --_rs-input-border-width:1px;
764
+ --_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);
765
+ --_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));
797
766
 
798
767
  display:flex;
799
768
 
800
- border:var(--_rs-input-border-width) solid 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);
769
+ border:none;
801
770
 
802
771
  cursor:text;
803
772
 
804
- background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
805
- }
806
- ._disabled_7jpdal_51 ._wrapper_7jpdal_39{
807
- cursor:auto;
773
+ background-color:var(--_rs-input-background-color);
808
774
 
809
- background-color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*219), calc(244 - var(--_rs-theme-dark-coefficient, 0)*219), calc(244 - var(--_rs-theme-dark-coefficient, 0)*216));
810
- }
811
- ._error_7jpdal_57 ._wrapper_7jpdal_39{
775
+ box-shadow:inset 0 0 0 var(--_rs-input-border-width) var(--_rs-input-border-color);
776
+ }
777
+ ._error_xtuqps_55 ._wrapper_xtuqps_39{
812
778
  --_rs-input-border-width:2px;
779
+ --_rs-input-border-color:#F45C4A;
780
+ --_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));
781
+ }
782
+ ._disabled_xtuqps_61 ._wrapper_xtuqps_39{
783
+ --_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));
813
784
 
814
- border-color:#F45C4A;
785
+ cursor:auto;
786
+ }
787
+ ._enabled_xtuqps_67._focused_xtuqps_67 ._wrapper_xtuqps_39{
788
+ --_rs-input-background-color:var(
789
+ --_rs-input-focused-enabled-wrapper-background
790
+ );
815
791
  }
816
- ._enabled_7jpdal_63._filled_7jpdal_63 ._wrapper_7jpdal_39{
817
- 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);
792
+ ._enabled_xtuqps_67:not(._error_xtuqps_55)._filled_xtuqps_73 ._wrapper_xtuqps_39{
793
+ --_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);
818
794
  }
819
795
  @media (hover: hover){
820
- ._enabled_7jpdal_63:hover ._wrapper_7jpdal_39{
821
- 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);
822
-
823
- background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182));
796
+ ._enabled_xtuqps_67:not(._error_xtuqps_55):hover ._wrapper_xtuqps_39{
797
+ --_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);
824
798
  }
825
799
  }
826
- ._enabled_7jpdal_63._focused_7jpdal_75 ._wrapper_7jpdal_39{
800
+ ._enabled_xtuqps_67:not(._error_xtuqps_55)._focused_xtuqps_67 ._wrapper_xtuqps_39{
827
801
  --_rs-input-border-width:var(
828
802
  --_rs-input-focused-enabled-wrapper-border-width
829
803
  );
830
-
831
- 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));
832
-
833
- background-color:var(--_rs-input-focused-enabled-wrapper-background);
834
- }
835
- @media (hover: hover){
836
- ._error_7jpdal_57._enabled_7jpdal_63:hover ._wrapper_7jpdal_39{
837
- border-color:#F45C4A;
838
- }
839
- }
840
- ._error_7jpdal_57._enabled_7jpdal_63._focused_7jpdal_75 ._wrapper_7jpdal_39,
841
- ._error_7jpdal_57._enabled_7jpdal_63._filled_7jpdal_63 ._wrapper_7jpdal_39{
842
- border-color:#F45C4A;
843
- }
844
- ._error_7jpdal_57._enabled_7jpdal_63._focused_7jpdal_75 ._wrapper_7jpdal_39{
845
- background:var(--_rs-input-error-focused-enabled-wrapper-background);
804
+ --_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));
846
805
  }
847
- ._field_7jpdal_101{
806
+ ._field_xtuqps_91{
848
807
  display:flex;
849
808
 
850
809
  flex:1 1 auto;
851
810
 
852
811
  min-width:0;
853
812
 
854
- padding:calc(var(--_rs-input-vertical-padding) - var(--_rs-input-border-width)) calc(var(--_rs-input-horizontal-padding) - var(--_rs-input-border-width));
813
+ padding:var(--_rs-input-vertical-padding) var(--_rs-input-horizontal-padding);
855
814
  }
856
- ._inner_7jpdal_114{
815
+ ._inner_xtuqps_101{
857
816
  letter-spacing:var(
858
817
  --rs-text-base-letter-spacing,
859
818
  var(--_rs-typography-letter-spacing)
@@ -866,26 +825,26 @@
866
825
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
867
826
  font-feature-settings:'kern', 'liga', 'calt';
868
827
  }
869
- ._inner_7jpdal_114::-ms-clear{
828
+ ._inner_xtuqps_101::-ms-clear{
870
829
  display:none;
871
830
 
872
831
  width:0;
873
832
  height:0;
874
833
  }
875
- ._dark_7jpdal_11 ._inner_7jpdal_114{
834
+ ._dark_xtuqps_11 ._inner_xtuqps_101{
876
835
  color-scheme:dark;
877
836
  }
878
837
  @container style(--_rs-theme-dark-coefficient: 1){
879
- ._inner_7jpdal_114{
838
+ ._inner_xtuqps_101{
880
839
  color-scheme:dark
881
840
  }
882
841
  }
883
842
  @container style(--_rs-theme-dark-coefficient: 0){
884
- ._inner_7jpdal_114{
843
+ ._inner_xtuqps_101{
885
844
  color-scheme:light
886
845
  }
887
846
  }
888
- ._inner_7jpdal_114 {
847
+ ._inner_xtuqps_101 {
889
848
 
890
849
  display:block;
891
850
 
@@ -907,20 +866,17 @@
907
866
  -moz-appearance:none;
908
867
  appearance:none;
909
868
  }
910
- ._inner_7jpdal_114:focus{
869
+ ._inner_xtuqps_101:focus{
911
870
  outline:none;
912
871
  }
913
- ._disabled_7jpdal_51 ._inner_7jpdal_114,
914
- ._inner_7jpdal_114:disabled{
872
+ ._disabled_xtuqps_61 ._inner_xtuqps_101,
873
+ ._inner_xtuqps_101:disabled{
915
874
  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);
916
875
  }
917
- ._focused_7jpdal_75 ._inner_7jpdal_114{
876
+ ._focused_xtuqps_67 ._inner_xtuqps_101{
918
877
  color:var(--_rs-input-focused-inner-color);
919
878
  }
920
- ._error_7jpdal_57._focused_7jpdal_75 ._inner_7jpdal_114{
921
- color:var(--_rs-input-error-focused-inner-color);
922
- }
923
- ._inner_7jpdal_114::-moz-placeholder{
879
+ ._inner_xtuqps_101::-moz-placeholder{
924
880
  letter-spacing:var(
925
881
  --rs-text-base-letter-spacing,
926
882
  var(--_rs-typography-letter-spacing)
@@ -936,13 +892,10 @@
936
892
 
937
893
  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);
938
894
  }
939
- ._focused_7jpdal_75 ._inner_7jpdal_114::-moz-placeholder{
895
+ ._focused_xtuqps_67 ._inner_xtuqps_101::-moz-placeholder{
940
896
  color:var(--_rs-input-focused-inner-placeholder-color);
941
897
  }
942
- ._error_7jpdal_57._focused_7jpdal_75 ._inner_7jpdal_114::-moz-placeholder{
943
- color:var(--_rs-input-error-focused-inner-placeholder-color);
944
- }
945
- ._inner_7jpdal_114::placeholder{
898
+ ._inner_xtuqps_101::placeholder{
946
899
  letter-spacing:var(
947
900
  --rs-text-base-letter-spacing,
948
901
  var(--_rs-typography-letter-spacing)
@@ -958,66 +911,57 @@
958
911
 
959
912
  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);
960
913
  }
961
- ._focused_7jpdal_75 ._inner_7jpdal_114::placeholder{
914
+ ._focused_xtuqps_67 ._inner_xtuqps_101::placeholder{
962
915
  color:var(--_rs-input-focused-inner-placeholder-color);
963
916
  }
964
- ._error_7jpdal_57._focused_7jpdal_75 ._inner_7jpdal_114::placeholder{
965
- color:var(--_rs-input-error-focused-inner-placeholder-color);
966
- }
967
- ._inner_7jpdal_114:-moz-ui-invalid{
917
+ ._inner_xtuqps_101:-moz-ui-invalid{
968
918
  box-shadow:none;
969
919
  }
970
- ._inner_7jpdal_114:-moz-ui-invalid:-moz-focusring{
920
+ ._inner_xtuqps_101:-moz-ui-invalid:-moz-focusring{
971
921
  box-shadow:none;
972
922
  }
973
- ._inner_7jpdal_114:-webkit-autofill,
974
- ._inner_7jpdal_114:-webkit-autofill:hover,
975
- ._inner_7jpdal_114:-webkit-autofill:active,
976
- ._inner_7jpdal_114:-webkit-autofill:focus{
923
+ ._inner_xtuqps_101:-webkit-autofill,
924
+ ._inner_xtuqps_101:-webkit-autofill:hover,
925
+ ._inner_xtuqps_101:-webkit-autofill:active,
926
+ ._inner_xtuqps_101:-webkit-autofill:focus{
977
927
  -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;
978
928
 
979
929
  transition-delay:9999s;
980
930
  -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));
981
931
  }
982
- ._focused_7jpdal_75 ._inner_7jpdal_114:-webkit-autofill, ._focused_7jpdal_75 ._inner_7jpdal_114:-webkit-autofill:hover, ._focused_7jpdal_75 ._inner_7jpdal_114:-webkit-autofill:active, ._focused_7jpdal_75 ._inner_7jpdal_114:-webkit-autofill:focus{
932
+ ._focused_xtuqps_67 ._inner_xtuqps_101:-webkit-autofill, ._focused_xtuqps_67 ._inner_xtuqps_101:-webkit-autofill:hover, ._focused_xtuqps_67 ._inner_xtuqps_101:-webkit-autofill:active, ._focused_xtuqps_67 ._inner_xtuqps_101:-webkit-autofill:focus{
983
933
  -webkit-box-shadow:0 0 0 1000px var(--_rs-input-focused-autofill-box-shadow) inset;
984
934
  -webkit-text-fill-color:var(--_rs-input-focused-autofill-color);
985
935
  }
986
- ._error_7jpdal_57._focused_7jpdal_75 ._inner_7jpdal_114:-webkit-autofill, ._error_7jpdal_57._focused_7jpdal_75 ._inner_7jpdal_114:-webkit-autofill:hover, ._error_7jpdal_57._focused_7jpdal_75 ._inner_7jpdal_114:-webkit-autofill:active, ._error_7jpdal_57._focused_7jpdal_75 ._inner_7jpdal_114:-webkit-autofill:focus{
987
- -webkit-box-shadow:0 0 0 1000px var(--_rs-input-error-focused-autofill-box-shadow) inset;
988
- -webkit-text-fill-color:var(--_rs-input-error-focused-autofill-color);
989
- }
990
- ._offSystemMicroelements_7jpdal_229 ._inner_7jpdal_114{
936
+ ._offSystemMicroelements_xtuqps_202 ._inner_xtuqps_101{
991
937
  -moz-appearance:textfield;
992
938
  }
993
- ._offSystemMicroelements_7jpdal_229 ._inner_7jpdal_114::-webkit-outer-spin-button,
994
- ._offSystemMicroelements_7jpdal_229 ._inner_7jpdal_114::-webkit-inner-spin-button{
939
+ ._offSystemMicroelements_xtuqps_202 ._inner_xtuqps_101::-webkit-outer-spin-button,
940
+ ._offSystemMicroelements_xtuqps_202 ._inner_xtuqps_101::-webkit-inner-spin-button{
995
941
  margin:0;
996
942
  -webkit-appearance:none;
997
943
  appearance:none;
998
944
  }
999
- ._iconWrapper_7jpdal_239{
1000
- --_rs-input-icon-overlap:calc(var(--_rs-input-vertical-padding) - var(--_rs-input-border-width));
1001
-
945
+ ._iconWrapper_xtuqps_212{
1002
946
  display:inline-flex;
1003
947
  flex:0 0 auto;
1004
948
 
1005
- margin-top:calc(var(--_rs-input-icon-overlap)*-1);
1006
- margin-bottom:calc(var(--_rs-input-icon-overlap)*-1);
1007
- padding-top:var(--_rs-input-icon-overlap);
1008
- padding-bottom:var(--_rs-input-icon-overlap);
949
+ margin-top:calc(var(--_rs-input-vertical-padding)*-1);
950
+ margin-bottom:calc(var(--_rs-input-vertical-padding)*-1);
951
+ padding-top:var(--_rs-input-vertical-padding);
952
+ padding-bottom:var(--_rs-input-vertical-padding);
1009
953
 
1010
954
  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);
1011
955
  }
1012
- ._iconWrapper_7jpdal_239._action_7jpdal_254{
956
+ ._iconWrapper_xtuqps_212._action_xtuqps_223{
1013
957
  position:relative;
1014
958
 
1015
959
  cursor:pointer;
1016
960
  }
1017
- ._iconWrapper_7jpdal_239._action_7jpdal_254:focus{
961
+ ._iconWrapper_xtuqps_212._action_xtuqps_223:focus{
1018
962
  outline:none;
1019
963
  }
1020
- ._iconWrapper_7jpdal_239._action_7jpdal_254::before{
964
+ ._iconWrapper_xtuqps_212._action_xtuqps_223::before{
1021
965
  position:absolute;
1022
966
  top:-4px;
1023
967
  right:-4px;
@@ -1032,68 +976,60 @@
1032
976
  content:'';
1033
977
  pointer-events:none;
1034
978
  }
1035
- ._iconWrapper_7jpdal_239._action_7jpdal_254:focus[data-focus-method='key']::before{
979
+ ._iconWrapper_xtuqps_212._action_xtuqps_223:focus[data-focus-method='key']::before{
1036
980
  display:block;
1037
981
  }
1038
- ._disabled_7jpdal_51 ._iconWrapper_7jpdal_239{
982
+ ._disabled_xtuqps_61 ._iconWrapper_xtuqps_212{
1039
983
  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);
1040
984
  }
1041
- ._disabled_7jpdal_51 ._iconWrapper_7jpdal_239._action_7jpdal_254{
985
+ ._disabled_xtuqps_61 ._iconWrapper_xtuqps_212._action_xtuqps_223{
1042
986
  pointer-events:none;
1043
987
  }
1044
- ._iconWrapper_7jpdal_239._right_7jpdal_292{
988
+ ._iconWrapper_xtuqps_212._right_xtuqps_261{
1045
989
  margin-left:var(--_rs-input-icon-offset);
1046
990
  }
1047
- ._iconWrapper_7jpdal_239._left_7jpdal_296{
991
+ ._iconWrapper_xtuqps_212._left_xtuqps_265{
1048
992
  margin-right:var(--_rs-input-icon-offset);
1049
993
  }
1050
- ._focused_7jpdal_75 ._iconWrapper_7jpdal_239{
994
+ ._focused_xtuqps_67 ._iconWrapper_xtuqps_212{
1051
995
  color:var(--_rs-input-focused-icon-color);
1052
996
  }
1053
- ._error_7jpdal_57._focused_7jpdal_75 ._iconWrapper_7jpdal_239{
1054
- color:var(--_rs-input-error-focused-icon-color);
1055
- }
1056
997
  @media (hover: hover){
1057
- ._enabled_7jpdal_63 ._iconWrapper_7jpdal_239._action_7jpdal_254:hover{
998
+ ._enabled_xtuqps_67 ._iconWrapper_xtuqps_212._action_xtuqps_223:hover{
1058
999
  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));
1059
1000
  }
1060
1001
 
1061
- ._enabled_7jpdal_63._focused_7jpdal_75 ._iconWrapper_7jpdal_239._action_7jpdal_254:hover{
1002
+ ._enabled_xtuqps_67._focused_xtuqps_67 ._iconWrapper_xtuqps_212._action_xtuqps_223:hover{
1062
1003
  color:var(--_rs-input-focused-icon-accent-color);
1063
1004
  }
1064
-
1065
- ._enabled_7jpdal_63._error_7jpdal_57._focused_7jpdal_75 ._iconWrapper_7jpdal_239._action_7jpdal_254:hover{
1066
- color:var(--_rs-input-error-focused-icon-accent-color);
1067
- }
1068
1005
  }
1069
- ._enabled_7jpdal_63 ._iconWrapper_7jpdal_239._action_7jpdal_254:focus[data-focus-method='key']{
1006
+ ._enabled_xtuqps_67 ._iconWrapper_xtuqps_212._action_xtuqps_223:focus[data-focus-method='key']{
1070
1007
  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));
1071
1008
  }
1072
- ._enabled_7jpdal_63._focused_7jpdal_75 ._iconWrapper_7jpdal_239._action_7jpdal_254:focus[data-focus-method='key']{
1009
+ ._enabled_xtuqps_67._focused_xtuqps_67 ._iconWrapper_xtuqps_212._action_xtuqps_223:focus[data-focus-method='key']{
1073
1010
  color:var(--_rs-input-focused-icon-accent-color);
1074
1011
  }
1075
- ._enabled_7jpdal_63._error_7jpdal_57._focused_7jpdal_75 ._iconWrapper_7jpdal_239._action_7jpdal_254:focus[data-focus-method='key']{
1076
- color:var(--_rs-input-error-focused-icon-accent-color);
1077
- }
1078
- ._iconWrapper_7jpdal_239 ._icon_7jpdal_239{
1012
+ ._iconWrapper_xtuqps_212 ._icon_xtuqps_212{
1079
1013
  fill:currentColor;
1080
1014
 
1081
1015
  width:auto;
1082
1016
  height:var(--_rs-input-icon-size);
1083
1017
  }
1084
- ._divider_7jpdal_342{
1018
+ ._divider_xtuqps_299{
1019
+ --_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);
1020
+
1085
1021
  display:block;
1086
1022
 
1087
1023
  width:1px;
1088
- margin-right:var(--_rs-input-border-width);
1089
- margin-left:var(--_rs-input-border-width);
1024
+ margin-top:var(--_rs-input-border-width);
1025
+ margin-bottom:var(--_rs-input-border-width);
1090
1026
 
1091
- background: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);
1027
+ background:var(--_rs-input-divider-color);
1092
1028
  }
1093
- ._focused_7jpdal_75 ._divider_7jpdal_342{
1094
- background:var(--_rs-input-focused-divider-background);
1029
+ ._focused_xtuqps_67 ._divider_xtuqps_299{
1030
+ --_rs-input-divider-color:var(--_rs-input-focused-divider-background);
1095
1031
  }
1096
- ._suffix_7jpdal_356{
1032
+ ._suffix_xtuqps_315{
1097
1033
  letter-spacing:var(
1098
1034
  --rs-text-base-letter-spacing,
1099
1035
  var(--_rs-typography-letter-spacing)
@@ -1108,17 +1044,14 @@
1108
1044
 
1109
1045
  flex:0 0 auto;
1110
1046
 
1111
- padding:calc(var(--_rs-input-vertical-padding) - var(--_rs-input-border-width)) calc(var(--_rs-input-horizontal-padding) - var(--_rs-input-border-width));
1047
+ padding:var(--_rs-input-vertical-padding) var(--_rs-input-horizontal-padding);
1112
1048
 
1113
1049
  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);
1114
1050
  }
1115
- ._focused_7jpdal_75 ._suffix_7jpdal_356{
1051
+ ._focused_xtuqps_67 ._suffix_xtuqps_315{
1116
1052
  color:var(--_rs-input-focused-suffix-color);
1117
1053
  }
1118
- ._error_7jpdal_57._focused_7jpdal_75 ._suffix_7jpdal_356{
1119
- color:var(--_rs-input-error-focused-suffix-color);
1120
- }
1121
- ._errorMessage_7jpdal_376{
1054
+ ._errorMessage_xtuqps_329{
1122
1055
  letter-spacing:var(
1123
1056
  --rs-text-base-letter-spacing,
1124
1057
  var(--_rs-typography-letter-spacing)
@@ -1140,12 +1073,12 @@
1140
1073
  -moz-column-gap:8px;
1141
1074
  column-gap:8px;
1142
1075
  }
1143
- ._errorIcon_7jpdal_388{
1076
+ ._errorIcon_xtuqps_341{
1144
1077
  flex:0 0 auto;
1145
1078
 
1146
1079
  color:#F45C4A;
1147
1080
  }
1148
- ._note_7jpdal_394{
1081
+ ._note_xtuqps_347{
1149
1082
  letter-spacing:var(
1150
1083
  --rs-text-base-letter-spacing,
1151
1084
  var(--_rs-typography-letter-spacing)
@@ -1164,13 +1097,13 @@
1164
1097
 
1165
1098
  margin-top:var(--_rs-input-parts-offset);
1166
1099
  }
1167
- ._disabled_7jpdal_51 ._note_7jpdal_394{
1100
+ ._disabled_xtuqps_61 ._note_xtuqps_347{
1168
1101
  color:var(
1169
1102
  --rs-color-pale,
1170
1103
  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)
1171
1104
  );
1172
1105
  }
1173
- ._label_7jpdal_405{
1106
+ ._label_xtuqps_358{
1174
1107
  letter-spacing:var(
1175
1108
  --rs-text-base-letter-spacing,
1176
1109
  var(--_rs-typography-letter-spacing)
@@ -1189,7 +1122,7 @@
1189
1122
 
1190
1123
  margin-bottom:var(--_rs-input-parts-offset);
1191
1124
  }
1192
- ._disabled_7jpdal_51 ._label_7jpdal_405{
1125
+ ._disabled_xtuqps_61 ._label_xtuqps_358{
1193
1126
  color:var(
1194
1127
  --rs-color-pale,
1195
1128
  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/input.js CHANGED
@@ -52,7 +52,6 @@ const Input = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complex
52
52
  const [focused, setFocused] = useState(false);
53
53
  const empty = !value;
54
54
  const filled = !empty;
55
- const enabled = !disabled;
56
55
  const inputMouseDown = useRef(false);
57
56
  const activeRef = useRef(false); // run effect only on unmount with final props
58
57
 
@@ -77,11 +76,9 @@ const Input = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complex
77
76
  className: cn(styles.container, styles[theme], styles[mode], sizeStyles[size], {
78
77
  [styles.focused]: focused,
79
78
  [styles.filled]: filled,
80
- [styles.enabled]: enabled,
81
79
  [styles.error]: Boolean(error),
82
- [styles.disabled]: disabled,
83
80
  [styles.offSystemMicroelements]: offSystemMicroelements
84
- }, className),
81
+ }, disabled ? styles.disabled : styles.enabled, className),
85
82
  style: style,
86
83
  "data-test": "input"
87
84
  }, /*#__PURE__*/React.createElement("label", null, label && /*#__PURE__*/React.createElement("div", {
package/lib/input.p.module.css.js CHANGED
@@ -1,31 +1,31 @@
1
1
  var styles = {
2
- "light": "_light_7jpdal_8",
3
- "dark": "_dark_7jpdal_11",
4
- "sizeS": "_sizeS_7jpdal_15",
5
- "sizeM": "_sizeM_7jpdal_18",
6
- "sizeL": "_sizeL_7jpdal_21",
7
- "classic": "_classic_7jpdal_25",
8
- "rock": "_rock_7jpdal_28",
9
- "container": "_container_7jpdal_32",
10
- "wrapper": "_wrapper_7jpdal_39",
11
- "disabled": "_disabled_7jpdal_51",
12
- "error": "_error_7jpdal_57",
13
- "enabled": "_enabled_7jpdal_63",
14
- "filled": "_filled_7jpdal_63",
15
- "focused": "_focused_7jpdal_75",
16
- "field": "_field_7jpdal_101",
17
- "inner": "_inner_7jpdal_114",
18
- "offSystemMicroelements": "_offSystemMicroelements_7jpdal_229",
19
- "iconWrapper": "_iconWrapper_7jpdal_239",
20
- "action": "_action_7jpdal_254",
21
- "right": "_right_7jpdal_292",
22
- "left": "_left_7jpdal_296",
23
- "icon": "_icon_7jpdal_239",
24
- "divider": "_divider_7jpdal_342",
25
- "suffix": "_suffix_7jpdal_356",
26
- "errorMessage": "_errorMessage_7jpdal_376",
27
- "errorIcon": "_errorIcon_7jpdal_388",
28
- "note": "_note_7jpdal_394",
29
- "label": "_label_7jpdal_405"
2
+ "light": "_light_xtuqps_8",
3
+ "dark": "_dark_xtuqps_11",
4
+ "sizeS": "_sizeS_xtuqps_15",
5
+ "sizeM": "_sizeM_xtuqps_18",
6
+ "sizeL": "_sizeL_xtuqps_21",
7
+ "classic": "_classic_xtuqps_25",
8
+ "rock": "_rock_xtuqps_28",
9
+ "container": "_container_xtuqps_32",
10
+ "wrapper": "_wrapper_xtuqps_39",
11
+ "error": "_error_xtuqps_55",
12
+ "disabled": "_disabled_xtuqps_61",
13
+ "enabled": "_enabled_xtuqps_67",
14
+ "focused": "_focused_xtuqps_67",
15
+ "filled": "_filled_xtuqps_73",
16
+ "field": "_field_xtuqps_91",
17
+ "inner": "_inner_xtuqps_101",
18
+ "offSystemMicroelements": "_offSystemMicroelements_xtuqps_202",
19
+ "iconWrapper": "_iconWrapper_xtuqps_212",
20
+ "action": "_action_xtuqps_223",
21
+ "right": "_right_xtuqps_261",
22
+ "left": "_left_xtuqps_265",
23
+ "icon": "_icon_xtuqps_212",
24
+ "divider": "_divider_xtuqps_299",
25
+ "suffix": "_suffix_xtuqps_315",
26
+ "errorMessage": "_errorMessage_xtuqps_329",
27
+ "errorIcon": "_errorIcon_xtuqps_341",
28
+ "note": "_note_xtuqps_347",
29
+ "label": "_label_xtuqps_358"
30
30
  };
31
31
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -585,40 +585,19 @@
585
585
  &:not(html){
586
586
  --_rs-input-focused-enabled-wrapper-border-width:2px;
587
587
  --_rs-input-focused-enabled-wrapper-background:rgb(
588
- calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
589
- );
590
- --_rs-input-error-focused-enabled-wrapper-background:rgb(
591
- calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
588
+ 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)
592
589
  );
593
590
  --_rs-input-focused-inner-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));
594
591
  --_rs-input-focused-inner-placeholder-color:rgba(
595
592
  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),
596
593
  0.5
597
- );
598
- --_rs-input-error-focused-inner-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));
599
- --_rs-input-error-focused-inner-placeholder-color:rgba(
600
- 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),
601
- 0.5
602
594
  );
603
595
  --_rs-input-focused-autofill-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));
604
596
  --_rs-input-focused-autofill-box-shadow:rgb(
605
597
  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)
606
- );
607
- --_rs-input-error-focused-autofill-color:rgb(
608
- 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)
609
- );
610
- --_rs-input-error-focused-autofill-box-shadow:rgb(
611
- 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)
612
598
  );
613
599
  --_rs-input-focused-icon-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);
614
- --_rs-input-error-focused-icon-color:rgba(
615
- 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),
616
- 0.7
617
- );
618
600
  --_rs-input-focused-icon-accent-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));
619
- --_rs-input-error-focused-icon-accent-color:rgb(
620
- 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)
621
- );
622
601
  --_rs-input-focused-divider-background:rgba(
623
602
  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),
624
603
  0.2
@@ -626,10 +605,6 @@
626
605
  --_rs-input-focused-suffix-color:rgba(
627
606
  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),
628
607
  0.5
629
- );
630
- --_rs-input-error-focused-suffix-color:rgba(
631
- 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),
632
- 0.5
633
608
  );
634
609
  }
635
610
  }
@@ -639,24 +614,17 @@
639
614
  --_rs-input-focused-enabled-wrapper-background:rgb(
640
615
  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)
641
616
  );
642
- --_rs-input-error-focused-enabled-wrapper-background:#F45C4A;
643
617
  --_rs-input-focused-inner-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));
644
618
  --_rs-input-focused-inner-placeholder-color:rgba(
645
619
  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),
646
620
  0.7
647
621
  );
648
- --_rs-input-error-focused-inner-color:#FFFFFF;
649
- --_rs-input-error-focused-inner-placeholder-color:rgba(255,255,255,0.7);
650
622
  --_rs-input-focused-autofill-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));
651
623
  --_rs-input-focused-autofill-box-shadow:rgb(
652
624
  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)
653
625
  );
654
- --_rs-input-error-focused-autofill-color:#FFFFFF;
655
- --_rs-input-error-focused-autofill-box-shadow:#19191C;
656
626
  --_rs-input-focused-icon-color:rgba(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), 0.7);
657
- --_rs-input-error-focused-icon-color:rgba(255,255,255,0.7);
658
627
  --_rs-input-focused-icon-accent-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));
659
- --_rs-input-error-focused-icon-accent-color:#FFFFFF;
660
628
  --_rs-input-focused-divider-background:rgb(
661
629
  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)
662
630
  );
@@ -664,6 +632,5 @@
664
632
  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),
665
633
  0.7
666
634
  );
667
- --_rs-input-error-focused-suffix-color:rgba(255,255,255,0.7);
668
635
  }
669
636
  }
package/lib/public-api.pcss CHANGED
@@ -585,40 +585,19 @@
585
585
  &:not(html){
586
586
  --_rs-input-focused-enabled-wrapper-border-width:2px;
587
587
  --_rs-input-focused-enabled-wrapper-background:rgb(
588
- calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
589
- );
590
- --_rs-input-error-focused-enabled-wrapper-background:rgb(
591
- calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
588
+ 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)
592
589
  );
593
590
  --_rs-input-focused-inner-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));
594
591
  --_rs-input-focused-inner-placeholder-color:rgba(
595
592
  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),
596
593
  0.5
597
- );
598
- --_rs-input-error-focused-inner-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));
599
- --_rs-input-error-focused-inner-placeholder-color:rgba(
600
- 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),
601
- 0.5
602
594
  );
603
595
  --_rs-input-focused-autofill-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));
604
596
  --_rs-input-focused-autofill-box-shadow:rgb(
605
597
  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)
606
- );
607
- --_rs-input-error-focused-autofill-color:rgb(
608
- 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)
609
- );
610
- --_rs-input-error-focused-autofill-box-shadow:rgb(
611
- 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)
612
598
  );
613
599
  --_rs-input-focused-icon-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);
614
- --_rs-input-error-focused-icon-color:rgba(
615
- 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),
616
- 0.7
617
- );
618
600
  --_rs-input-focused-icon-accent-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));
619
- --_rs-input-error-focused-icon-accent-color:rgb(
620
- 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)
621
- );
622
601
  --_rs-input-focused-divider-background:rgba(
623
602
  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),
624
603
  0.2
@@ -626,10 +605,6 @@
626
605
  --_rs-input-focused-suffix-color:rgba(
627
606
  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),
628
607
  0.5
629
- );
630
- --_rs-input-error-focused-suffix-color:rgba(
631
- 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),
632
- 0.5
633
608
  );
634
609
  }
635
610
  }
@@ -639,24 +614,17 @@
639
614
  --_rs-input-focused-enabled-wrapper-background:rgb(
640
615
  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)
641
616
  );
642
- --_rs-input-error-focused-enabled-wrapper-background:#F45C4A;
643
617
  --_rs-input-focused-inner-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));
644
618
  --_rs-input-focused-inner-placeholder-color:rgba(
645
619
  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),
646
620
  0.7
647
621
  );
648
- --_rs-input-error-focused-inner-color:#FFFFFF;
649
- --_rs-input-error-focused-inner-placeholder-color:rgba(255,255,255,0.7);
650
622
  --_rs-input-focused-autofill-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));
651
623
  --_rs-input-focused-autofill-box-shadow:rgb(
652
624
  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)
653
625
  );
654
- --_rs-input-error-focused-autofill-color:#FFFFFF;
655
- --_rs-input-error-focused-autofill-box-shadow:#19191C;
656
626
  --_rs-input-focused-icon-color:rgba(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), 0.7);
657
- --_rs-input-error-focused-icon-color:rgba(255,255,255,0.7);
658
627
  --_rs-input-focused-icon-accent-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));
659
- --_rs-input-error-focused-icon-accent-color:#FFFFFF;
660
628
  --_rs-input-focused-divider-background:rgb(
661
629
  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)
662
630
  );
@@ -664,6 +632,5 @@
664
632
  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),
665
633
  0.7
666
634
  );
667
- --_rs-input-error-focused-suffix-color:rgba(255,255,255,0.7);
668
635
  }
669
636
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/input",
3
- "version": "0.12.4",
3
+ "version": "0.13.1-RUI-270-Update-select-options-label-types-b99bd91c.3+b99bd91c",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -24,13 +24,13 @@
24
24
  "react": ">=16.8.0 <20"
25
25
  },
26
26
  "devDependencies": {
27
- "@rescui/colors": "^0.2.11",
28
- "@rescui/icons": "^1.6.1",
29
- "@rescui/postcss-preset-library": "^0.2.2",
30
- "@rescui/scripts": "^0.5.1",
31
- "@rescui/tooltip": "^0.10.4",
32
- "@rescui/typography": "^0.24.1",
33
- "@rescui/visual-regression": "^0.1.3",
27
+ "@rescui/colors": "0.2.13-RUI-270-Update-select-options-label-types-b99bd91c.3+b99bd91c",
28
+ "@rescui/icons": "1.6.3-RUI-270-Update-select-options-label-types-b99bd91c.3+b99bd91c",
29
+ "@rescui/postcss-preset-library": "0.2.2",
30
+ "@rescui/scripts": "0.5.1",
31
+ "@rescui/tooltip": "0.10.6-RUI-270-Update-select-options-label-types-b99bd91c.3+b99bd91c",
32
+ "@rescui/typography": "0.24.3-RUI-270-Update-select-options-label-types-b99bd91c.3+b99bd91c",
33
+ "@rescui/visual-regression": "0.1.4",
34
34
  "@types/classnames": "^2.2.11"
35
35
  },
36
36
  "scripts": {
@@ -38,5 +38,5 @@
38
38
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
39
39
  },
40
40
  "nx": {},
41
- "gitHead": "3f57184bd5ba6bc008d8bec7b4a76dbb231b3920"
41
+ "gitHead": "b99bd91c4c5319fed687fdfa123e195ccc8275ba"
42
42
  }