@rescui/input 0.10.4 → 0.11.1

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.
package/lib/input.js CHANGED
@@ -16,9 +16,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
16
16
 
17
17
  import * as React from 'react';
18
18
  import PropTypes from 'prop-types';
19
- import { CloseIcon } from '@rescui/icons';
20
19
  import cn from 'classnames';
21
20
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
21
+ import CloseIcon from './_virtual/close.js';
22
+ import WarningIcon from './_virtual/warning.js';
22
23
  import styles from './input.p.module.css.js';
23
24
  import { RightIcons } from './parts/right-icons.js';
24
25
  import { CustomIcon } from './parts/custom-icon.js';
@@ -182,7 +183,10 @@ function (_ref, ref) {
182
183
  className: styles.errorMessage,
183
184
  "data-test": "input__error-message",
184
185
  "data-rs-internal": "input__error-message"
185
- }, error), note && /*#__PURE__*/React.createElement("div", {
186
+ }, /*#__PURE__*/React.createElement(WarningIcon, {
187
+ className: styles.errorIcon,
188
+ "data-rs-internal": "input__error-icon"
189
+ }), /*#__PURE__*/React.createElement("span", null, error)), note && /*#__PURE__*/React.createElement("div", {
186
190
  className: styles.note,
187
191
  "data-rs-internal": "input__note"
188
192
  }, note));
@@ -1,30 +1,31 @@
1
1
  var styles = {
2
- "light": "_light_1x2g98v_8",
3
- "dark": "_dark_1x2g98v_11",
4
- "sizeS": "_sizeS_1x2g98v_15",
5
- "sizeM": "_sizeM_1x2g98v_18",
6
- "sizeL": "_sizeL_1x2g98v_21",
7
- "classic": "_classic_1x2g98v_25",
8
- "rock": "_rock_1x2g98v_28",
9
- "container": "_container_1x2g98v_32",
10
- "wrapper": "_wrapper_1x2g98v_39",
11
- "disabled": "_disabled_1x2g98v_51",
12
- "error": "_error_1x2g98v_57",
13
- "enabled": "_enabled_1x2g98v_63",
14
- "filled": "_filled_1x2g98v_63",
15
- "focused": "_focused_1x2g98v_75",
16
- "field": "_field_1x2g98v_101",
17
- "inner": "_inner_1x2g98v_114",
18
- "offSystemMicroelements": "_offSystemMicroelements_1x2g98v_229",
19
- "iconWrapper": "_iconWrapper_1x2g98v_239",
20
- "action": "_action_1x2g98v_254",
21
- "right": "_right_1x2g98v_292",
22
- "left": "_left_1x2g98v_296",
23
- "icon": "_icon_1x2g98v_239",
24
- "divider": "_divider_1x2g98v_342",
25
- "suffix": "_suffix_1x2g98v_356",
26
- "errorMessage": "_errorMessage_1x2g98v_376",
27
- "note": "_note_1x2g98v_383",
28
- "label": "_label_1x2g98v_396"
2
+ "light": "_light_u0nlur_8",
3
+ "dark": "_dark_u0nlur_11",
4
+ "sizeS": "_sizeS_u0nlur_15",
5
+ "sizeM": "_sizeM_u0nlur_18",
6
+ "sizeL": "_sizeL_u0nlur_21",
7
+ "classic": "_classic_u0nlur_25",
8
+ "rock": "_rock_u0nlur_28",
9
+ "container": "_container_u0nlur_32",
10
+ "wrapper": "_wrapper_u0nlur_39",
11
+ "disabled": "_disabled_u0nlur_51",
12
+ "error": "_error_u0nlur_57",
13
+ "enabled": "_enabled_u0nlur_63",
14
+ "filled": "_filled_u0nlur_63",
15
+ "focused": "_focused_u0nlur_75",
16
+ "field": "_field_u0nlur_101",
17
+ "inner": "_inner_u0nlur_114",
18
+ "offSystemMicroelements": "_offSystemMicroelements_u0nlur_229",
19
+ "iconWrapper": "_iconWrapper_u0nlur_239",
20
+ "action": "_action_u0nlur_254",
21
+ "right": "_right_u0nlur_292",
22
+ "left": "_left_u0nlur_296",
23
+ "icon": "_icon_u0nlur_239",
24
+ "divider": "_divider_u0nlur_342",
25
+ "suffix": "_suffix_u0nlur_356",
26
+ "errorMessage": "_errorMessage_u0nlur_376",
27
+ "errorIcon": "_errorIcon_u0nlur_388",
28
+ "note": "_note_u0nlur_394",
29
+ "label": "_label_u0nlur_407"
29
30
  };
30
31
  export { styles as default };
@@ -1,7 +1,7 @@
1
1
  import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
2
2
  import * as React from 'react';
3
3
  import cn from 'classnames';
4
- import { LoadingIcon } from '@rescui/icons';
4
+ import LoadingIcon from '../_virtual/loading.js';
5
5
  import styles from '../input.p.module.css.js';
6
6
  import { CustomIcon } from './custom-icon.js'; // eslint-disable-next-line complexity
7
7
 
@@ -207,8 +207,7 @@
207
207
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
208
208
  --_rs-typography-link-border-bottom-width-from-text:2px;
209
209
  }
210
- &:not(html) [data-rs-internal='input__note'],
211
- &:not(html) [data-rs-internal='input__error-message']{
210
+ &:not(html) [data-rs-internal='input__note']{
212
211
  --_rs-typography-letter-spacing:0.0045em;
213
212
  --_rs-typography-text-transform:initial;
214
213
  --_rs-typography-font-variant-numeric:initial;
@@ -242,6 +241,37 @@
242
241
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
243
242
  --_rs-typography-link-border-bottom-width-from-text:1px;
244
243
  }
244
+ &:not(html) [data-rs-internal='input__error-message']{
245
+ --_rs-typography-letter-spacing:normal;
246
+ --_rs-typography-text-transform:initial;
247
+ --_rs-typography-font-variant-numeric:initial;
248
+ --_rs-typography-font-family:var(
249
+ --rs-font-family-ui,
250
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
251
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
252
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
253
+ );
254
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
255
+ --_rs-typography-font-weight:var(
256
+ --rs-font-weight-semi-bold,
257
+ 600
258
+ );
259
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
260
+ --_rs-typography-base-color:var(
261
+ --rs-color-hard,
262
+ 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))
263
+ );
264
+ --_rs-typography-text-auto-offset:0;
265
+ --_rs-typography-ul-list-li-padding-left:initial;
266
+ --_rs-typography-ol-list-li-padding-left:initial;
267
+ --_rs-typography-list-li-margin-top-from-text:initial;
268
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
269
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
270
+ --_rs-typography-link-border-bottom-width-from-text:2px;
271
+ }
272
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
273
+ --_rs-icons-height:20px;
274
+ }
245
275
  }
246
276
  @define-mixin rs-input-size-m{
247
277
  &:not(html){
@@ -480,8 +510,7 @@
480
510
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
481
511
  --_rs-typography-link-border-bottom-width-from-text:2px;
482
512
  }
483
- &:not(html) [data-rs-internal='input__note'],
484
- &:not(html) [data-rs-internal='input__error-message']{
513
+ &:not(html) [data-rs-internal='input__note']{
485
514
  --_rs-typography-letter-spacing:0.0045em;
486
515
  --_rs-typography-text-transform:initial;
487
516
  --_rs-typography-font-variant-numeric:initial;
@@ -515,6 +544,37 @@
515
544
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
516
545
  --_rs-typography-link-border-bottom-width-from-text:1px;
517
546
  }
547
+ &:not(html) [data-rs-internal='input__error-message']{
548
+ --_rs-typography-letter-spacing:normal;
549
+ --_rs-typography-text-transform:initial;
550
+ --_rs-typography-font-variant-numeric:initial;
551
+ --_rs-typography-font-family:var(
552
+ --rs-font-family-ui,
553
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
554
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
555
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
556
+ );
557
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
558
+ --_rs-typography-font-weight:var(
559
+ --rs-font-weight-semi-bold,
560
+ 600
561
+ );
562
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
563
+ --_rs-typography-base-color:var(
564
+ --rs-color-hard,
565
+ 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))
566
+ );
567
+ --_rs-typography-text-auto-offset:0;
568
+ --_rs-typography-ul-list-li-padding-left:initial;
569
+ --_rs-typography-ol-list-li-padding-left:initial;
570
+ --_rs-typography-list-li-margin-top-from-text:initial;
571
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
572
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
573
+ --_rs-typography-link-border-bottom-width-from-text:2px;
574
+ }
575
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
576
+ --_rs-icons-height:20px;
577
+ }
518
578
  }
519
579
  @define-mixin rs-input-size-l{
520
580
  &:not(html){
@@ -753,8 +813,7 @@
753
813
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
754
814
  --_rs-typography-link-border-bottom-width-from-text:2px;
755
815
  }
756
- &:not(html) [data-rs-internal='input__note'],
757
- &:not(html) [data-rs-internal='input__error-message']{
816
+ &:not(html) [data-rs-internal='input__note']{
758
817
  --_rs-typography-letter-spacing:0.0015em;
759
818
  --_rs-typography-text-transform:initial;
760
819
  --_rs-typography-font-variant-numeric:initial;
@@ -789,11 +848,41 @@
789
848
  --_rs-typography-link-border-bottom-width-from-text:1px;
790
849
  }
791
850
  @media screen and (max-width: 640px){
792
- &:not(html) [data-rs-internal='input__note'],
793
- &:not(html) [data-rs-internal='input__error-message']{
851
+ &:not(html) [data-rs-internal='input__note']{
794
852
  --_rs-typography-list-li-margin-top-from-text:12px;
795
853
  }
796
854
  }
855
+ &:not(html) [data-rs-internal='input__error-message']{
856
+ --_rs-typography-letter-spacing:normal;
857
+ --_rs-typography-text-transform:initial;
858
+ --_rs-typography-font-variant-numeric:initial;
859
+ --_rs-typography-font-family:var(
860
+ --rs-font-family-ui,
861
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
862
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
863
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
864
+ );
865
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
866
+ --_rs-typography-font-weight:var(
867
+ --rs-font-weight-semi-bold,
868
+ 600
869
+ );
870
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
871
+ --_rs-typography-base-color:var(
872
+ --rs-color-hard,
873
+ 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))
874
+ );
875
+ --_rs-typography-text-auto-offset:0;
876
+ --_rs-typography-ul-list-li-padding-left:initial;
877
+ --_rs-typography-ol-list-li-padding-left:initial;
878
+ --_rs-typography-list-li-margin-top-from-text:initial;
879
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
880
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
881
+ --_rs-typography-link-border-bottom-width-from-text:2px;
882
+ }
883
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
884
+ --_rs-icons-height:24px;
885
+ }
797
886
  }
798
887
  @define-mixin rs-input-mode-classic{
799
888
  &:not(html){
@@ -207,8 +207,7 @@
207
207
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
208
208
  --_rs-typography-link-border-bottom-width-from-text:2px;
209
209
  }
210
- &:not(html) [data-rs-internal='input__note'],
211
- &:not(html) [data-rs-internal='input__error-message']{
210
+ &:not(html) [data-rs-internal='input__note']{
212
211
  --_rs-typography-letter-spacing:0.0045em;
213
212
  --_rs-typography-text-transform:initial;
214
213
  --_rs-typography-font-variant-numeric:initial;
@@ -242,6 +241,37 @@
242
241
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
243
242
  --_rs-typography-link-border-bottom-width-from-text:1px;
244
243
  }
244
+ &:not(html) [data-rs-internal='input__error-message']{
245
+ --_rs-typography-letter-spacing:normal;
246
+ --_rs-typography-text-transform:initial;
247
+ --_rs-typography-font-variant-numeric:initial;
248
+ --_rs-typography-font-family:var(
249
+ --rs-font-family-ui,
250
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
251
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
252
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
253
+ );
254
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
255
+ --_rs-typography-font-weight:var(
256
+ --rs-font-weight-semi-bold,
257
+ 600
258
+ );
259
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
260
+ --_rs-typography-base-color:var(
261
+ --rs-color-hard,
262
+ 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))
263
+ );
264
+ --_rs-typography-text-auto-offset:0;
265
+ --_rs-typography-ul-list-li-padding-left:initial;
266
+ --_rs-typography-ol-list-li-padding-left:initial;
267
+ --_rs-typography-list-li-margin-top-from-text:initial;
268
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
269
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
270
+ --_rs-typography-link-border-bottom-width-from-text:2px;
271
+ }
272
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
273
+ --_rs-icons-height:20px;
274
+ }
245
275
  }
246
276
  @define-mixin rs-input-size-m{
247
277
  &:not(html){
@@ -480,8 +510,7 @@
480
510
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
481
511
  --_rs-typography-link-border-bottom-width-from-text:2px;
482
512
  }
483
- &:not(html) [data-rs-internal='input__note'],
484
- &:not(html) [data-rs-internal='input__error-message']{
513
+ &:not(html) [data-rs-internal='input__note']{
485
514
  --_rs-typography-letter-spacing:0.0045em;
486
515
  --_rs-typography-text-transform:initial;
487
516
  --_rs-typography-font-variant-numeric:initial;
@@ -515,6 +544,37 @@
515
544
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
516
545
  --_rs-typography-link-border-bottom-width-from-text:1px;
517
546
  }
547
+ &:not(html) [data-rs-internal='input__error-message']{
548
+ --_rs-typography-letter-spacing:normal;
549
+ --_rs-typography-text-transform:initial;
550
+ --_rs-typography-font-variant-numeric:initial;
551
+ --_rs-typography-font-family:var(
552
+ --rs-font-family-ui,
553
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
554
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
555
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
556
+ );
557
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
558
+ --_rs-typography-font-weight:var(
559
+ --rs-font-weight-semi-bold,
560
+ 600
561
+ );
562
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
563
+ --_rs-typography-base-color:var(
564
+ --rs-color-hard,
565
+ 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))
566
+ );
567
+ --_rs-typography-text-auto-offset:0;
568
+ --_rs-typography-ul-list-li-padding-left:initial;
569
+ --_rs-typography-ol-list-li-padding-left:initial;
570
+ --_rs-typography-list-li-margin-top-from-text:initial;
571
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
572
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
573
+ --_rs-typography-link-border-bottom-width-from-text:2px;
574
+ }
575
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
576
+ --_rs-icons-height:20px;
577
+ }
518
578
  }
519
579
  @define-mixin rs-input-size-l{
520
580
  &:not(html){
@@ -753,8 +813,7 @@
753
813
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
754
814
  --_rs-typography-link-border-bottom-width-from-text:2px;
755
815
  }
756
- &:not(html) [data-rs-internal='input__note'],
757
- &:not(html) [data-rs-internal='input__error-message']{
816
+ &:not(html) [data-rs-internal='input__note']{
758
817
  --_rs-typography-letter-spacing:0.0015em;
759
818
  --_rs-typography-text-transform:initial;
760
819
  --_rs-typography-font-variant-numeric:initial;
@@ -789,11 +848,41 @@
789
848
  --_rs-typography-link-border-bottom-width-from-text:1px;
790
849
  }
791
850
  @media screen and (max-width: 640px){
792
- &:not(html) [data-rs-internal='input__note'],
793
- &:not(html) [data-rs-internal='input__error-message']{
851
+ &:not(html) [data-rs-internal='input__note']{
794
852
  --_rs-typography-list-li-margin-top-from-text:12px;
795
853
  }
796
854
  }
855
+ &:not(html) [data-rs-internal='input__error-message']{
856
+ --_rs-typography-letter-spacing:normal;
857
+ --_rs-typography-text-transform:initial;
858
+ --_rs-typography-font-variant-numeric:initial;
859
+ --_rs-typography-font-family:var(
860
+ --rs-font-family-ui,
861
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
862
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
863
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
864
+ );
865
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
866
+ --_rs-typography-font-weight:var(
867
+ --rs-font-weight-semi-bold,
868
+ 600
869
+ );
870
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
871
+ --_rs-typography-base-color:var(
872
+ --rs-color-hard,
873
+ 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))
874
+ );
875
+ --_rs-typography-text-auto-offset:0;
876
+ --_rs-typography-ul-list-li-padding-left:initial;
877
+ --_rs-typography-ol-list-li-padding-left:initial;
878
+ --_rs-typography-list-li-margin-top-from-text:initial;
879
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
880
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
881
+ --_rs-typography-link-border-bottom-width-from-text:2px;
882
+ }
883
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
884
+ --_rs-icons-height:24px;
885
+ }
797
886
  }
798
887
  @define-mixin rs-input-mode-classic{
799
888
  &:not(html){
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/input",
3
- "version": "0.10.4",
3
+ "version": "0.11.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,7 +15,6 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/icons": "^0.16.3",
19
18
  "classnames": "^2.2.6",
20
19
  "core-js": "^3.9.1"
21
20
  },
@@ -25,11 +24,12 @@
25
24
  "react": ">=16.8.0 <19"
26
25
  },
27
26
  "devDependencies": {
28
- "@rescui/colors": "^0.2.1",
27
+ "@rescui/colors": "^0.2.3",
28
+ "@rescui/icons": "^0.16.5",
29
29
  "@rescui/postcss-preset-library": "^0.2.1",
30
- "@rescui/scripts": "^0.3.1",
31
- "@rescui/tooltip": "^0.8.4",
32
- "@rescui/typography": "^0.16.3",
30
+ "@rescui/scripts": "^0.3.3",
31
+ "@rescui/tooltip": "^0.8.6",
32
+ "@rescui/typography": "^0.17.0",
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": "9b42a63bb114f68fdb468a7c20e8c8b62e008e4d"
41
+ "gitHead": "b422496bacb5df4a601008c646abfb08cebe461c"
42
42
  }