@rescui/input 0.11.13-RUI-230-Update-icons-7e73b1a0.23 → 0.11.13-RUI-230-Update-icons-1bfaa24e.31

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 +66 -36
  2. package/lib/_virtual/index.css.js +12 -7
  3. package/lib/_virtual/loading.js +82 -52
  4. package/lib/_virtual/warning.js +66 -36
  5. package/lib/index.css +188 -137
  6. package/lib/input.js +2 -1
  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 +25 -10
  11. package/lib/public-api.pcss +25 -10
  12. package/package.json +6 -6
package/lib/input.js CHANGED
@@ -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_1gqphho_8",
3
- "dark": "_dark_1gqphho_11",
4
- "sizeS": "_sizeS_1gqphho_15",
5
- "sizeM": "_sizeM_1gqphho_18",
6
- "sizeL": "_sizeL_1gqphho_21",
7
- "classic": "_classic_1gqphho_25",
8
- "rock": "_rock_1gqphho_28",
9
- "container": "_container_1gqphho_32",
10
- "wrapper": "_wrapper_1gqphho_39",
11
- "disabled": "_disabled_1gqphho_51",
12
- "error": "_error_1gqphho_57",
13
- "enabled": "_enabled_1gqphho_63",
14
- "filled": "_filled_1gqphho_63",
15
- "focused": "_focused_1gqphho_75",
16
- "field": "_field_1gqphho_101",
17
- "inner": "_inner_1gqphho_114",
18
- "offSystemMicroelements": "_offSystemMicroelements_1gqphho_229",
19
- "iconWrapper": "_iconWrapper_1gqphho_239",
20
- "action": "_action_1gqphho_254",
21
- "right": "_right_1gqphho_292",
22
- "left": "_left_1gqphho_296",
23
- "icon": "_icon_1gqphho_239",
24
- "divider": "_divider_1gqphho_342",
25
- "suffix": "_suffix_1gqphho_356",
26
- "errorMessage": "_errorMessage_1gqphho_376",
27
- "errorIcon": "_errorIcon_1gqphho_388",
28
- "note": "_note_1gqphho_394",
29
- "label": "_label_1gqphho_405"
2
+ "light": "_light_fkgvzv_8",
3
+ "dark": "_dark_fkgvzv_11",
4
+ "sizeS": "_sizeS_fkgvzv_15",
5
+ "sizeM": "_sizeM_fkgvzv_18",
6
+ "sizeL": "_sizeL_fkgvzv_21",
7
+ "classic": "_classic_fkgvzv_25",
8
+ "rock": "_rock_fkgvzv_28",
9
+ "container": "_container_fkgvzv_32",
10
+ "wrapper": "_wrapper_fkgvzv_39",
11
+ "disabled": "_disabled_fkgvzv_51",
12
+ "error": "_error_fkgvzv_57",
13
+ "enabled": "_enabled_fkgvzv_63",
14
+ "filled": "_filled_fkgvzv_63",
15
+ "focused": "_focused_fkgvzv_75",
16
+ "field": "_field_fkgvzv_101",
17
+ "inner": "_inner_fkgvzv_114",
18
+ "offSystemMicroelements": "_offSystemMicroelements_fkgvzv_229",
19
+ "iconWrapper": "_iconWrapper_fkgvzv_239",
20
+ "action": "_action_fkgvzv_254",
21
+ "right": "_right_fkgvzv_292",
22
+ "left": "_left_fkgvzv_296",
23
+ "icon": "_icon_fkgvzv_239",
24
+ "divider": "_divider_fkgvzv_342",
25
+ "suffix": "_suffix_fkgvzv_356",
26
+ "errorMessage": "_errorMessage_fkgvzv_376",
27
+ "errorIcon": "_errorIcon_fkgvzv_388",
28
+ "note": "_note_fkgvzv_394",
29
+ "label": "_label_fkgvzv_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
@@ -214,14 +214,17 @@
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'],
@@ -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,7 +272,7 @@
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']{
@@ -406,14 +412,17 @@
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'],
@@ -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,7 +470,7 @@
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']{
@@ -521,14 +533,17 @@
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']{
package/lib/public-api.pcss CHANGED
@@ -214,14 +214,17 @@
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'],
@@ -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,7 +272,7 @@
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']{
@@ -406,14 +412,17 @@
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'],
@@ -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,7 +470,7 @@
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']{
@@ -521,14 +533,17 @@
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']{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/input",
3
- "version": "0.11.13-RUI-230-Update-icons-7e73b1a0.23+7e73b1a0",
3
+ "version": "0.11.13-RUI-230-Update-icons-1bfaa24e.31+1bfaa24e",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -24,12 +24,12 @@
24
24
  "react": ">=16.8.0 <19"
25
25
  },
26
26
  "devDependencies": {
27
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-7e73b1a0.47+7e73b1a0",
28
- "@rescui/icons": "0.16.15-RUI-230-Update-icons-7e73b1a0.23+7e73b1a0",
27
+ "@rescui/colors": "0.2.7-RUI-230-Update-icons-1bfaa24e.55+1bfaa24e",
28
+ "@rescui/icons": "0.16.15-RUI-230-Update-icons-1bfaa24e.31+1bfaa24e",
29
29
  "@rescui/postcss-preset-library": "0.2.2",
30
30
  "@rescui/scripts": "0.3.5",
31
- "@rescui/tooltip": "0.9.3-RUI-230-Update-icons-7e73b1a0.23+7e73b1a0",
32
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-7e73b1a0.23+7e73b1a0",
31
+ "@rescui/tooltip": "0.9.3-RUI-230-Update-icons-1bfaa24e.31+1bfaa24e",
32
+ "@rescui/typography": "0.21.1-RUI-230-Update-icons-1bfaa24e.31+1bfaa24e",
33
33
  "@rescui/visual-regression": "0.1.2",
34
34
  "@types/classnames": "^2.2.11"
35
35
  },
@@ -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": "7e73b1a086335930a7a71b61e7d6c150a187d045"
41
+ "gitHead": "1bfaa24e81b1a94b625304e660d29d1b3eb3d71d"
42
42
  }