@rescui/input 0.11.9 → 0.11.10-RUI-226-Update-card-cn-baacc2f1.68

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 (12) hide show
  1. package/lib/_virtual/close.js +84 -14
  2. package/lib/_virtual/index.css.js +12 -7
  3. package/lib/_virtual/loading.js +100 -22
  4. package/lib/_virtual/warning.js +84 -14
  5. package/lib/index.css +203 -152
  6. package/lib/input.js +3 -2
  7. package/lib/input.p.module.css.js +28 -28
  8. package/lib/parts/custom-icon.js +1 -0
  9. package/lib/parts/right-icons.js +4 -2
  10. package/lib/public-api.p.css +40 -25
  11. package/lib/public-api.pcss +40 -25
  12. package/package.json +10 -9
package/lib/input.js CHANGED
@@ -2,8 +2,8 @@ import * as React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import cn from 'classnames';
4
4
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
5
- import CloseIcon from './_virtual/close.js';
6
5
  import WarningIcon from './_virtual/warning.js';
6
+ import CloseIcon from './_virtual/close.js';
7
7
  import styles from './input.p.module.css.js';
8
8
  import { RightIcons } from './parts/right-icons.js';
9
9
  import { CustomIcon } from './parts/custom-icon.js';
@@ -166,7 +166,8 @@ const Input = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complex
166
166
  "data-rs-internal": "input__error-message"
167
167
  }, /*#__PURE__*/React.createElement(WarningIcon, {
168
168
  className: styles.errorIcon,
169
- "data-rs-internal": "input__error-icon"
169
+ "data-rs-internal": "input__error-icon",
170
+ "data-render-all-sizes": true
170
171
  }), /*#__PURE__*/React.createElement("span", null, error)), note && /*#__PURE__*/React.createElement("div", {
171
172
  className: styles.note,
172
173
  "data-rs-internal": "input__note"
package/lib/input.p.module.css.js CHANGED
@@ -1,31 +1,31 @@
1
1
  var styles = {
2
- "light": "_light_8w2392_8",
3
- "dark": "_dark_8w2392_11",
4
- "sizeS": "_sizeS_8w2392_15",
5
- "sizeM": "_sizeM_8w2392_18",
6
- "sizeL": "_sizeL_8w2392_21",
7
- "classic": "_classic_8w2392_25",
8
- "rock": "_rock_8w2392_28",
9
- "container": "_container_8w2392_32",
10
- "wrapper": "_wrapper_8w2392_39",
11
- "disabled": "_disabled_8w2392_51",
12
- "error": "_error_8w2392_57",
13
- "enabled": "_enabled_8w2392_63",
14
- "filled": "_filled_8w2392_63",
15
- "focused": "_focused_8w2392_75",
16
- "field": "_field_8w2392_101",
17
- "inner": "_inner_8w2392_114",
18
- "offSystemMicroelements": "_offSystemMicroelements_8w2392_229",
19
- "iconWrapper": "_iconWrapper_8w2392_239",
20
- "action": "_action_8w2392_254",
21
- "right": "_right_8w2392_292",
22
- "left": "_left_8w2392_296",
23
- "icon": "_icon_8w2392_239",
24
- "divider": "_divider_8w2392_342",
25
- "suffix": "_suffix_8w2392_356",
26
- "errorMessage": "_errorMessage_8w2392_376",
27
- "errorIcon": "_errorIcon_8w2392_388",
28
- "note": "_note_8w2392_394",
29
- "label": "_label_8w2392_405"
2
+ "light": "_light_1pvq70e_8",
3
+ "dark": "_dark_1pvq70e_11",
4
+ "sizeS": "_sizeS_1pvq70e_15",
5
+ "sizeM": "_sizeM_1pvq70e_18",
6
+ "sizeL": "_sizeL_1pvq70e_21",
7
+ "classic": "_classic_1pvq70e_25",
8
+ "rock": "_rock_1pvq70e_28",
9
+ "container": "_container_1pvq70e_32",
10
+ "wrapper": "_wrapper_1pvq70e_39",
11
+ "disabled": "_disabled_1pvq70e_51",
12
+ "error": "_error_1pvq70e_57",
13
+ "enabled": "_enabled_1pvq70e_63",
14
+ "filled": "_filled_1pvq70e_63",
15
+ "focused": "_focused_1pvq70e_75",
16
+ "field": "_field_1pvq70e_101",
17
+ "inner": "_inner_1pvq70e_114",
18
+ "offSystemMicroelements": "_offSystemMicroelements_1pvq70e_229",
19
+ "iconWrapper": "_iconWrapper_1pvq70e_239",
20
+ "action": "_action_1pvq70e_254",
21
+ "right": "_right_1pvq70e_292",
22
+ "left": "_left_1pvq70e_296",
23
+ "icon": "_icon_1pvq70e_239",
24
+ "divider": "_divider_1pvq70e_342",
25
+ "suffix": "_suffix_1pvq70e_356",
26
+ "errorMessage": "_errorMessage_1pvq70e_376",
27
+ "errorIcon": "_errorIcon_1pvq70e_388",
28
+ "note": "_note_1pvq70e_394",
29
+ "label": "_label_1pvq70e_405"
30
30
  };
31
31
  export { styles as default };
package/lib/parts/custom-icon.js CHANGED
@@ -27,6 +27,7 @@ const CustomIcon = _ref => {
27
27
  const iconJsx = /*#__PURE__*/React.cloneElement(icon, {
28
28
  focusable: false,
29
29
  className: cn(icon.props.className, styles.icon),
30
+ 'data-render-all-sizes': true,
30
31
  ...mouseEvents.icon
31
32
  });
32
33
  return /*#__PURE__*/React.createElement("span", {
package/lib/parts/right-icons.js CHANGED
@@ -29,7 +29,8 @@ const RightIcons = _ref => {
29
29
  tabIndex: -1
30
30
  }, /*#__PURE__*/React.cloneElement(clearIcon, {
31
31
  focusable: false,
32
- className: cn(clearIcon.props.className, styles.icon)
32
+ className: cn(clearIcon.props.className, styles.icon),
33
+ 'data-render-all-sizes': true
33
34
  })));
34
35
  }
35
36
 
@@ -48,7 +49,8 @@ const RightIcons = _ref => {
48
49
  className: cn(styles.iconWrapper, styles.right)
49
50
  }, /*#__PURE__*/React.createElement(LoadingIcon, {
50
51
  "data-test": "input__busy-icon",
51
- className: styles.icon
52
+ className: styles.icon,
53
+ "data-render-all-sizes": true
52
54
  })));
53
55
  };
54
56
 
package/lib/public-api.p.css CHANGED
@@ -7,7 +7,7 @@
7
7
  --_rs-input-icon-size:20px;
8
8
  }
9
9
  &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
10
- --_rs-typography-letter-spacing:0.0045em;
10
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
11
11
  --_rs-typography-text-transform:initial;
12
12
  --_rs-typography-font-variant-numeric:initial;
13
13
  --_rs-typography-font-family:var(
@@ -44,7 +44,7 @@
44
44
  &:not(html) [data-rs-internal='input__inner'],
45
45
  &:not(html) [data-rs-internal='input__inner']::placeholder,
46
46
  &:not(html) [data-rs-internal='input__suffix']{
47
- --_rs-typography-letter-spacing:0.0045em;
47
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
48
48
  --_rs-typography-text-transform:initial;
49
49
  --_rs-typography-font-variant-numeric:initial;
50
50
  --_rs-typography-font-family:var(
@@ -78,7 +78,7 @@
78
78
  --_rs-typography-link-border-bottom-width-from-text:1px;
79
79
  }
80
80
  &:not(html) [data-rs-internal='input__bold-label']{
81
- --_rs-typography-letter-spacing:normal;
81
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
82
82
  --_rs-typography-text-transform:initial;
83
83
  --_rs-typography-font-variant-numeric:initial;
84
84
  --_rs-typography-font-family:var(
@@ -109,7 +109,7 @@
109
109
  --_rs-typography-link-border-bottom-width-from-text:2px;
110
110
  }
111
111
  &:not(html) [data-rs-internal='input__note']{
112
- --_rs-typography-letter-spacing:0.0045em;
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;
115
115
  --_rs-typography-font-family:var(
@@ -143,7 +143,7 @@
143
143
  --_rs-typography-link-border-bottom-width-from-text:1px;
144
144
  }
145
145
  &:not(html) [data-rs-internal='input__error-message']{
146
- --_rs-typography-letter-spacing:normal;
146
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
147
147
  --_rs-typography-text-transform:initial;
148
148
  --_rs-typography-font-variant-numeric:initial;
149
149
  --_rs-typography-font-family:var(
@@ -186,7 +186,7 @@
186
186
  --_rs-input-icon-size:24px;
187
187
  }
188
188
  &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
189
- --_rs-typography-letter-spacing:0.0015em;
189
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
190
190
  --_rs-typography-text-transform:initial;
191
191
  --_rs-typography-font-variant-numeric:initial;
192
192
  --_rs-typography-font-family:var(
@@ -214,21 +214,24 @@
214
214
  --_rs-typography-text-auto-offset:16px;
215
215
  --_rs-typography-ul-list-li-padding-left:22px;
216
216
  --_rs-typography-ol-list-li-padding-left:26px;
217
- --_rs-typography-list-li-margin-top-from-text:16px;
217
+ --_rs-typography-list-li-margin-top-from-text:var(
218
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
219
+ 16px
220
+ );
218
221
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
219
222
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
220
223
  --_rs-typography-link-border-bottom-width-from-text:1px;
221
224
  }
222
225
  @media screen and (max-width: 640px){
223
226
  &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
224
- --_rs-typography-list-li-margin-top-from-text:12px;
227
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
225
228
  }
226
229
  }
227
230
  &:not(html) [data-rs-internal='input__label'],
228
231
  &:not(html) [data-rs-internal='input__inner'],
229
232
  &:not(html) [data-rs-internal='input__inner']::placeholder,
230
233
  &:not(html) [data-rs-internal='input__suffix']{
231
- --_rs-typography-letter-spacing:0.0015em;
234
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
232
235
  --_rs-typography-text-transform:initial;
233
236
  --_rs-typography-font-variant-numeric:initial;
234
237
  --_rs-typography-font-family:var(
@@ -256,7 +259,10 @@
256
259
  --_rs-typography-text-auto-offset:16px;
257
260
  --_rs-typography-ul-list-li-padding-left:22px;
258
261
  --_rs-typography-ol-list-li-padding-left:26px;
259
- --_rs-typography-list-li-margin-top-from-text:16px;
262
+ --_rs-typography-list-li-margin-top-from-text:var(
263
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
264
+ 16px
265
+ );
260
266
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
261
267
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
262
268
  --_rs-typography-link-border-bottom-width-from-text:1px;
@@ -266,11 +272,11 @@
266
272
  &:not(html) [data-rs-internal='input__inner'],
267
273
  &:not(html) [data-rs-internal='input__inner']::placeholder,
268
274
  &:not(html) [data-rs-internal='input__suffix']{
269
- --_rs-typography-list-li-margin-top-from-text:12px;
275
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
270
276
  }
271
277
  }
272
278
  &:not(html) [data-rs-internal='input__bold-label']{
273
- --_rs-typography-letter-spacing:normal;
279
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
274
280
  --_rs-typography-text-transform:initial;
275
281
  --_rs-typography-font-variant-numeric:initial;
276
282
  --_rs-typography-font-family:var(
@@ -301,7 +307,7 @@
301
307
  --_rs-typography-link-border-bottom-width-from-text:2px;
302
308
  }
303
309
  &:not(html) [data-rs-internal='input__note']{
304
- --_rs-typography-letter-spacing:0.0045em;
310
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
305
311
  --_rs-typography-text-transform:initial;
306
312
  --_rs-typography-font-variant-numeric:initial;
307
313
  --_rs-typography-font-family:var(
@@ -335,7 +341,7 @@
335
341
  --_rs-typography-link-border-bottom-width-from-text:1px;
336
342
  }
337
343
  &:not(html) [data-rs-internal='input__error-message']{
338
- --_rs-typography-letter-spacing:normal;
344
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
339
345
  --_rs-typography-text-transform:initial;
340
346
  --_rs-typography-font-variant-numeric:initial;
341
347
  --_rs-typography-font-family:var(
@@ -378,7 +384,7 @@
378
384
  --_rs-input-icon-size:28px;
379
385
  }
380
386
  &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
381
- --_rs-typography-letter-spacing:normal;
387
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
382
388
  --_rs-typography-text-transform:initial;
383
389
  --_rs-typography-font-variant-numeric:initial;
384
390
  --_rs-typography-font-family:var(
@@ -406,21 +412,24 @@
406
412
  --_rs-typography-text-auto-offset:32px;
407
413
  --_rs-typography-ul-list-li-padding-left:26px;
408
414
  --_rs-typography-ol-list-li-padding-left:32px;
409
- --_rs-typography-list-li-margin-top-from-text:24px;
415
+ --_rs-typography-list-li-margin-top-from-text:var(
416
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
417
+ 24px
418
+ );
410
419
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
411
420
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
412
421
  --_rs-typography-link-border-bottom-width-from-text:1px;
413
422
  }
414
423
  @media screen and (max-width: 640px){
415
424
  &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
416
- --_rs-typography-list-li-margin-top-from-text:16px;
425
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
417
426
  }
418
427
  }
419
428
  &:not(html) [data-rs-internal='input__label'],
420
429
  &:not(html) [data-rs-internal='input__inner'],
421
430
  &:not(html) [data-rs-internal='input__inner']::placeholder,
422
431
  &:not(html) [data-rs-internal='input__suffix']{
423
- --_rs-typography-letter-spacing:normal;
432
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
424
433
  --_rs-typography-text-transform:initial;
425
434
  --_rs-typography-font-variant-numeric:initial;
426
435
  --_rs-typography-font-family:var(
@@ -448,7 +457,10 @@
448
457
  --_rs-typography-text-auto-offset:32px;
449
458
  --_rs-typography-ul-list-li-padding-left:26px;
450
459
  --_rs-typography-ol-list-li-padding-left:32px;
451
- --_rs-typography-list-li-margin-top-from-text:24px;
460
+ --_rs-typography-list-li-margin-top-from-text:var(
461
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
462
+ 24px
463
+ );
452
464
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
453
465
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
454
466
  --_rs-typography-link-border-bottom-width-from-text:1px;
@@ -458,11 +470,11 @@
458
470
  &:not(html) [data-rs-internal='input__inner'],
459
471
  &:not(html) [data-rs-internal='input__inner']::placeholder,
460
472
  &:not(html) [data-rs-internal='input__suffix']{
461
- --_rs-typography-list-li-margin-top-from-text:16px;
473
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
462
474
  }
463
475
  }
464
476
  &:not(html) [data-rs-internal='input__bold-label']{
465
- --_rs-typography-letter-spacing:normal;
477
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
466
478
  --_rs-typography-text-transform:initial;
467
479
  --_rs-typography-font-variant-numeric:initial;
468
480
  --_rs-typography-font-family:var(
@@ -493,7 +505,7 @@
493
505
  --_rs-typography-link-border-bottom-width-from-text:2px;
494
506
  }
495
507
  &:not(html) [data-rs-internal='input__note']{
496
- --_rs-typography-letter-spacing:0.0015em;
508
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
497
509
  --_rs-typography-text-transform:initial;
498
510
  --_rs-typography-font-variant-numeric:initial;
499
511
  --_rs-typography-font-family:var(
@@ -521,18 +533,21 @@
521
533
  --_rs-typography-text-auto-offset:16px;
522
534
  --_rs-typography-ul-list-li-padding-left:22px;
523
535
  --_rs-typography-ol-list-li-padding-left:26px;
524
- --_rs-typography-list-li-margin-top-from-text:16px;
536
+ --_rs-typography-list-li-margin-top-from-text:var(
537
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
538
+ 16px
539
+ );
525
540
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
526
541
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
527
542
  --_rs-typography-link-border-bottom-width-from-text:1px;
528
543
  }
529
544
  @media screen and (max-width: 640px){
530
545
  &:not(html) [data-rs-internal='input__note']{
531
- --_rs-typography-list-li-margin-top-from-text:12px;
546
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
532
547
  }
533
548
  }
534
549
  &:not(html) [data-rs-internal='input__error-message']{
535
- --_rs-typography-letter-spacing:normal;
550
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
536
551
  --_rs-typography-text-transform:initial;
537
552
  --_rs-typography-font-variant-numeric:initial;
538
553
  --_rs-typography-font-family:var(
package/lib/public-api.pcss CHANGED
@@ -7,7 +7,7 @@
7
7
  --_rs-input-icon-size:20px;
8
8
  }
9
9
  &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
10
- --_rs-typography-letter-spacing:0.0045em;
10
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
11
11
  --_rs-typography-text-transform:initial;
12
12
  --_rs-typography-font-variant-numeric:initial;
13
13
  --_rs-typography-font-family:var(
@@ -44,7 +44,7 @@
44
44
  &:not(html) [data-rs-internal='input__inner'],
45
45
  &:not(html) [data-rs-internal='input__inner']::placeholder,
46
46
  &:not(html) [data-rs-internal='input__suffix']{
47
- --_rs-typography-letter-spacing:0.0045em;
47
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
48
48
  --_rs-typography-text-transform:initial;
49
49
  --_rs-typography-font-variant-numeric:initial;
50
50
  --_rs-typography-font-family:var(
@@ -78,7 +78,7 @@
78
78
  --_rs-typography-link-border-bottom-width-from-text:1px;
79
79
  }
80
80
  &:not(html) [data-rs-internal='input__bold-label']{
81
- --_rs-typography-letter-spacing:normal;
81
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
82
82
  --_rs-typography-text-transform:initial;
83
83
  --_rs-typography-font-variant-numeric:initial;
84
84
  --_rs-typography-font-family:var(
@@ -109,7 +109,7 @@
109
109
  --_rs-typography-link-border-bottom-width-from-text:2px;
110
110
  }
111
111
  &:not(html) [data-rs-internal='input__note']{
112
- --_rs-typography-letter-spacing:0.0045em;
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;
115
115
  --_rs-typography-font-family:var(
@@ -143,7 +143,7 @@
143
143
  --_rs-typography-link-border-bottom-width-from-text:1px;
144
144
  }
145
145
  &:not(html) [data-rs-internal='input__error-message']{
146
- --_rs-typography-letter-spacing:normal;
146
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
147
147
  --_rs-typography-text-transform:initial;
148
148
  --_rs-typography-font-variant-numeric:initial;
149
149
  --_rs-typography-font-family:var(
@@ -186,7 +186,7 @@
186
186
  --_rs-input-icon-size:24px;
187
187
  }
188
188
  &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
189
- --_rs-typography-letter-spacing:0.0015em;
189
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
190
190
  --_rs-typography-text-transform:initial;
191
191
  --_rs-typography-font-variant-numeric:initial;
192
192
  --_rs-typography-font-family:var(
@@ -214,21 +214,24 @@
214
214
  --_rs-typography-text-auto-offset:16px;
215
215
  --_rs-typography-ul-list-li-padding-left:22px;
216
216
  --_rs-typography-ol-list-li-padding-left:26px;
217
- --_rs-typography-list-li-margin-top-from-text:16px;
217
+ --_rs-typography-list-li-margin-top-from-text:var(
218
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
219
+ 16px
220
+ );
218
221
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
219
222
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
220
223
  --_rs-typography-link-border-bottom-width-from-text:1px;
221
224
  }
222
225
  @media screen and (max-width: 640px){
223
226
  &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
224
- --_rs-typography-list-li-margin-top-from-text:12px;
227
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
225
228
  }
226
229
  }
227
230
  &:not(html) [data-rs-internal='input__label'],
228
231
  &:not(html) [data-rs-internal='input__inner'],
229
232
  &:not(html) [data-rs-internal='input__inner']::placeholder,
230
233
  &:not(html) [data-rs-internal='input__suffix']{
231
- --_rs-typography-letter-spacing:0.0015em;
234
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
232
235
  --_rs-typography-text-transform:initial;
233
236
  --_rs-typography-font-variant-numeric:initial;
234
237
  --_rs-typography-font-family:var(
@@ -256,7 +259,10 @@
256
259
  --_rs-typography-text-auto-offset:16px;
257
260
  --_rs-typography-ul-list-li-padding-left:22px;
258
261
  --_rs-typography-ol-list-li-padding-left:26px;
259
- --_rs-typography-list-li-margin-top-from-text:16px;
262
+ --_rs-typography-list-li-margin-top-from-text:var(
263
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
264
+ 16px
265
+ );
260
266
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
261
267
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
262
268
  --_rs-typography-link-border-bottom-width-from-text:1px;
@@ -266,11 +272,11 @@
266
272
  &:not(html) [data-rs-internal='input__inner'],
267
273
  &:not(html) [data-rs-internal='input__inner']::placeholder,
268
274
  &:not(html) [data-rs-internal='input__suffix']{
269
- --_rs-typography-list-li-margin-top-from-text:12px;
275
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
270
276
  }
271
277
  }
272
278
  &:not(html) [data-rs-internal='input__bold-label']{
273
- --_rs-typography-letter-spacing:normal;
279
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
274
280
  --_rs-typography-text-transform:initial;
275
281
  --_rs-typography-font-variant-numeric:initial;
276
282
  --_rs-typography-font-family:var(
@@ -301,7 +307,7 @@
301
307
  --_rs-typography-link-border-bottom-width-from-text:2px;
302
308
  }
303
309
  &:not(html) [data-rs-internal='input__note']{
304
- --_rs-typography-letter-spacing:0.0045em;
310
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
305
311
  --_rs-typography-text-transform:initial;
306
312
  --_rs-typography-font-variant-numeric:initial;
307
313
  --_rs-typography-font-family:var(
@@ -335,7 +341,7 @@
335
341
  --_rs-typography-link-border-bottom-width-from-text:1px;
336
342
  }
337
343
  &:not(html) [data-rs-internal='input__error-message']{
338
- --_rs-typography-letter-spacing:normal;
344
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
339
345
  --_rs-typography-text-transform:initial;
340
346
  --_rs-typography-font-variant-numeric:initial;
341
347
  --_rs-typography-font-family:var(
@@ -378,7 +384,7 @@
378
384
  --_rs-input-icon-size:28px;
379
385
  }
380
386
  &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
381
- --_rs-typography-letter-spacing:normal;
387
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
382
388
  --_rs-typography-text-transform:initial;
383
389
  --_rs-typography-font-variant-numeric:initial;
384
390
  --_rs-typography-font-family:var(
@@ -406,21 +412,24 @@
406
412
  --_rs-typography-text-auto-offset:32px;
407
413
  --_rs-typography-ul-list-li-padding-left:26px;
408
414
  --_rs-typography-ol-list-li-padding-left:32px;
409
- --_rs-typography-list-li-margin-top-from-text:24px;
415
+ --_rs-typography-list-li-margin-top-from-text:var(
416
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
417
+ 24px
418
+ );
410
419
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
411
420
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
412
421
  --_rs-typography-link-border-bottom-width-from-text:1px;
413
422
  }
414
423
  @media screen and (max-width: 640px){
415
424
  &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
416
- --_rs-typography-list-li-margin-top-from-text:16px;
425
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
417
426
  }
418
427
  }
419
428
  &:not(html) [data-rs-internal='input__label'],
420
429
  &:not(html) [data-rs-internal='input__inner'],
421
430
  &:not(html) [data-rs-internal='input__inner']::placeholder,
422
431
  &:not(html) [data-rs-internal='input__suffix']{
423
- --_rs-typography-letter-spacing:normal;
432
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
424
433
  --_rs-typography-text-transform:initial;
425
434
  --_rs-typography-font-variant-numeric:initial;
426
435
  --_rs-typography-font-family:var(
@@ -448,7 +457,10 @@
448
457
  --_rs-typography-text-auto-offset:32px;
449
458
  --_rs-typography-ul-list-li-padding-left:26px;
450
459
  --_rs-typography-ol-list-li-padding-left:32px;
451
- --_rs-typography-list-li-margin-top-from-text:24px;
460
+ --_rs-typography-list-li-margin-top-from-text:var(
461
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
462
+ 24px
463
+ );
452
464
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
453
465
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
454
466
  --_rs-typography-link-border-bottom-width-from-text:1px;
@@ -458,11 +470,11 @@
458
470
  &:not(html) [data-rs-internal='input__inner'],
459
471
  &:not(html) [data-rs-internal='input__inner']::placeholder,
460
472
  &:not(html) [data-rs-internal='input__suffix']{
461
- --_rs-typography-list-li-margin-top-from-text:16px;
473
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
462
474
  }
463
475
  }
464
476
  &:not(html) [data-rs-internal='input__bold-label']{
465
- --_rs-typography-letter-spacing:normal;
477
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
466
478
  --_rs-typography-text-transform:initial;
467
479
  --_rs-typography-font-variant-numeric:initial;
468
480
  --_rs-typography-font-family:var(
@@ -493,7 +505,7 @@
493
505
  --_rs-typography-link-border-bottom-width-from-text:2px;
494
506
  }
495
507
  &:not(html) [data-rs-internal='input__note']{
496
- --_rs-typography-letter-spacing:0.0015em;
508
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
497
509
  --_rs-typography-text-transform:initial;
498
510
  --_rs-typography-font-variant-numeric:initial;
499
511
  --_rs-typography-font-family:var(
@@ -521,18 +533,21 @@
521
533
  --_rs-typography-text-auto-offset:16px;
522
534
  --_rs-typography-ul-list-li-padding-left:22px;
523
535
  --_rs-typography-ol-list-li-padding-left:26px;
524
- --_rs-typography-list-li-margin-top-from-text:16px;
536
+ --_rs-typography-list-li-margin-top-from-text:var(
537
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
538
+ 16px
539
+ );
525
540
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
526
541
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
527
542
  --_rs-typography-link-border-bottom-width-from-text:1px;
528
543
  }
529
544
  @media screen and (max-width: 640px){
530
545
  &:not(html) [data-rs-internal='input__note']{
531
- --_rs-typography-list-li-margin-top-from-text:12px;
546
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
532
547
  }
533
548
  }
534
549
  &:not(html) [data-rs-internal='input__error-message']{
535
- --_rs-typography-letter-spacing:normal;
550
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
536
551
  --_rs-typography-text-transform:initial;
537
552
  --_rs-typography-font-variant-numeric:initial;
538
553
  --_rs-typography-font-family:var(
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "@rescui/input",
3
- "version": "0.11.9",
3
+ "version": "0.11.10-RUI-226-Update-card-cn-baacc2f1.68+baacc2f1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
7
7
  "main": "lib/index.js",
8
+ "module": "lib/index.js",
8
9
  "src:main": "src/index.ts",
9
10
  "files": [
10
11
  "lib",
@@ -23,13 +24,13 @@
23
24
  "react": ">=16.8.0 <19"
24
25
  },
25
26
  "devDependencies": {
26
- "@rescui/colors": "^0.2.6",
27
- "@rescui/icons": "^0.16.12",
28
- "@rescui/postcss-preset-library": "^0.2.2",
29
- "@rescui/scripts": "^0.3.5",
30
- "@rescui/tooltip": "^0.8.14",
31
- "@rescui/typography": "^0.19.1",
32
- "@rescui/visual-regression": "^0.1.2",
27
+ "@rescui/colors": "0.2.7-RUI-226-Update-card-cn-baacc2f1.68+baacc2f1",
28
+ "@rescui/icons": "0.16.13-RUI-226-Update-card-cn-baacc2f1.68+baacc2f1",
29
+ "@rescui/postcss-preset-library": "0.2.2",
30
+ "@rescui/scripts": "0.4.0",
31
+ "@rescui/tooltip": "0.8.15-RUI-226-Update-card-cn-baacc2f1.68+baacc2f1",
32
+ "@rescui/typography": "0.19.2-RUI-226-Update-card-cn-baacc2f1.68+baacc2f1",
33
+ "@rescui/visual-regression": "0.1.2",
33
34
  "@types/classnames": "^2.2.11"
34
35
  },
35
36
  "scripts": {
@@ -37,5 +38,5 @@
37
38
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
39
  },
39
40
  "nx": {},
40
- "gitHead": "67627f69be3de4b4c6a21244fd7de36e841f01f0"
41
+ "gitHead": "baacc2f1a9fe296e6d64d62b8b3143d09cdb70fb"
41
42
  }