@rescui/input 0.10.2 → 0.10.3-RUI-198-Support-different-hardness-for-headings-in-mixins-api-48b1e9e1.18

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 (11) hide show
  1. package/lib/_virtual/close.js +37 -0
  2. package/lib/_virtual/index.css.js +10 -0
  3. package/lib/_virtual/loading.js +45 -0
  4. package/lib/_virtual/warning.js +37 -0
  5. package/lib/index.css +349 -211
  6. package/lib/input.js +6 -2
  7. package/lib/input.p.module.css.js +28 -27
  8. package/lib/parts/right-icons.js +1 -1
  9. package/lib/public-api.p.css +118 -11
  10. package/lib/public-api.pcss +118 -11
  11. package/package.json +10 -9
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));
package/lib/input.p.module.css.js CHANGED
@@ -1,30 +1,31 @@
1
1
  var styles = {
2
- "light": "_light_frib4w_8",
3
- "dark": "_dark_frib4w_11",
4
- "sizeS": "_sizeS_frib4w_15",
5
- "sizeM": "_sizeM_frib4w_18",
6
- "sizeL": "_sizeL_frib4w_21",
7
- "classic": "_classic_frib4w_25",
8
- "rock": "_rock_frib4w_28",
9
- "container": "_container_frib4w_32",
10
- "wrapper": "_wrapper_frib4w_39",
11
- "disabled": "_disabled_frib4w_51",
12
- "error": "_error_frib4w_57",
13
- "enabled": "_enabled_frib4w_63",
14
- "filled": "_filled_frib4w_63",
15
- "focused": "_focused_frib4w_75",
16
- "field": "_field_frib4w_101",
17
- "inner": "_inner_frib4w_114",
18
- "offSystemMicroelements": "_offSystemMicroelements_frib4w_229",
19
- "iconWrapper": "_iconWrapper_frib4w_239",
20
- "action": "_action_frib4w_254",
21
- "right": "_right_frib4w_292",
22
- "left": "_left_frib4w_296",
23
- "icon": "_icon_frib4w_239",
24
- "divider": "_divider_frib4w_342",
25
- "suffix": "_suffix_frib4w_356",
26
- "errorMessage": "_errorMessage_frib4w_376",
27
- "note": "_note_frib4w_383",
28
- "label": "_label_frib4w_396"
2
+ "light": "_light_165qcku_8",
3
+ "dark": "_dark_165qcku_11",
4
+ "sizeS": "_sizeS_165qcku_15",
5
+ "sizeM": "_sizeM_165qcku_18",
6
+ "sizeL": "_sizeL_165qcku_21",
7
+ "classic": "_classic_165qcku_25",
8
+ "rock": "_rock_165qcku_28",
9
+ "container": "_container_165qcku_32",
10
+ "wrapper": "_wrapper_165qcku_39",
11
+ "disabled": "_disabled_165qcku_51",
12
+ "error": "_error_165qcku_57",
13
+ "enabled": "_enabled_165qcku_63",
14
+ "filled": "_filled_165qcku_63",
15
+ "focused": "_focused_165qcku_75",
16
+ "field": "_field_165qcku_101",
17
+ "inner": "_inner_165qcku_114",
18
+ "offSystemMicroelements": "_offSystemMicroelements_165qcku_229",
19
+ "iconWrapper": "_iconWrapper_165qcku_239",
20
+ "action": "_action_165qcku_254",
21
+ "right": "_right_165qcku_292",
22
+ "left": "_left_165qcku_296",
23
+ "icon": "_icon_165qcku_239",
24
+ "divider": "_divider_165qcku_342",
25
+ "suffix": "_suffix_165qcku_356",
26
+ "errorMessage": "_errorMessage_165qcku_376",
27
+ "errorIcon": "_errorIcon_165qcku_388",
28
+ "note": "_note_165qcku_394",
29
+ "label": "_label_165qcku_405"
29
30
  };
30
31
  export { styles as default };
package/lib/parts/right-icons.js CHANGED
@@ -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
 
package/lib/public-api.p.css CHANGED
@@ -196,9 +196,12 @@
196
196
  );
197
197
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
198
198
  --_rs-typography-base-color:var(
199
+ --_rs-typography-heading-hardness-color,
200
+ var(
199
201
  --rs-color-hard,
200
202
  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))
201
- );
203
+ )
204
+ );
202
205
  --_rs-typography-text-auto-offset:0;
203
206
  --_rs-typography-ul-list-li-padding-left:initial;
204
207
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -207,8 +210,7 @@
207
210
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
208
211
  --_rs-typography-link-border-bottom-width-from-text:2px;
209
212
  }
210
- &:not(html) [data-rs-internal='input__note'],
211
- &:not(html) [data-rs-internal='input__error-message']{
213
+ &:not(html) [data-rs-internal='input__note']{
212
214
  --_rs-typography-letter-spacing:0.0045em;
213
215
  --_rs-typography-text-transform:initial;
214
216
  --_rs-typography-font-variant-numeric:initial;
@@ -242,6 +244,40 @@
242
244
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
243
245
  --_rs-typography-link-border-bottom-width-from-text:1px;
244
246
  }
247
+ &:not(html) [data-rs-internal='input__error-message']{
248
+ --_rs-typography-letter-spacing:normal;
249
+ --_rs-typography-text-transform:initial;
250
+ --_rs-typography-font-variant-numeric:initial;
251
+ --_rs-typography-font-family:var(
252
+ --rs-font-family-ui,
253
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
254
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
255
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
256
+ );
257
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
258
+ --_rs-typography-font-weight:var(
259
+ --rs-font-weight-semi-bold,
260
+ 600
261
+ );
262
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
263
+ --_rs-typography-base-color:var(
264
+ --_rs-typography-heading-hardness-color,
265
+ var(
266
+ --rs-color-hard,
267
+ 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))
268
+ )
269
+ );
270
+ --_rs-typography-text-auto-offset:0;
271
+ --_rs-typography-ul-list-li-padding-left:initial;
272
+ --_rs-typography-ol-list-li-padding-left:initial;
273
+ --_rs-typography-list-li-margin-top-from-text:initial;
274
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
275
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
276
+ --_rs-typography-link-border-bottom-width-from-text:2px;
277
+ }
278
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
279
+ --_rs-icons-height:20px;
280
+ }
245
281
  }
246
282
  @define-mixin rs-input-size-m{
247
283
  &:not(html){
@@ -469,9 +505,12 @@
469
505
  );
470
506
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
471
507
  --_rs-typography-base-color:var(
508
+ --_rs-typography-heading-hardness-color,
509
+ var(
472
510
  --rs-color-hard,
473
511
  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))
474
- );
512
+ )
513
+ );
475
514
  --_rs-typography-text-auto-offset:0;
476
515
  --_rs-typography-ul-list-li-padding-left:initial;
477
516
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -480,8 +519,7 @@
480
519
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
481
520
  --_rs-typography-link-border-bottom-width-from-text:2px;
482
521
  }
483
- &:not(html) [data-rs-internal='input__note'],
484
- &:not(html) [data-rs-internal='input__error-message']{
522
+ &:not(html) [data-rs-internal='input__note']{
485
523
  --_rs-typography-letter-spacing:0.0045em;
486
524
  --_rs-typography-text-transform:initial;
487
525
  --_rs-typography-font-variant-numeric:initial;
@@ -515,6 +553,40 @@
515
553
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
516
554
  --_rs-typography-link-border-bottom-width-from-text:1px;
517
555
  }
556
+ &:not(html) [data-rs-internal='input__error-message']{
557
+ --_rs-typography-letter-spacing:normal;
558
+ --_rs-typography-text-transform:initial;
559
+ --_rs-typography-font-variant-numeric:initial;
560
+ --_rs-typography-font-family:var(
561
+ --rs-font-family-ui,
562
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
563
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
564
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
565
+ );
566
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
567
+ --_rs-typography-font-weight:var(
568
+ --rs-font-weight-semi-bold,
569
+ 600
570
+ );
571
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
572
+ --_rs-typography-base-color:var(
573
+ --_rs-typography-heading-hardness-color,
574
+ var(
575
+ --rs-color-hard,
576
+ 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))
577
+ )
578
+ );
579
+ --_rs-typography-text-auto-offset:0;
580
+ --_rs-typography-ul-list-li-padding-left:initial;
581
+ --_rs-typography-ol-list-li-padding-left:initial;
582
+ --_rs-typography-list-li-margin-top-from-text:initial;
583
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
584
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
585
+ --_rs-typography-link-border-bottom-width-from-text:2px;
586
+ }
587
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
588
+ --_rs-icons-height:20px;
589
+ }
518
590
  }
519
591
  @define-mixin rs-input-size-l{
520
592
  &:not(html){
@@ -742,9 +814,12 @@
742
814
  );
743
815
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
744
816
  --_rs-typography-base-color:var(
817
+ --_rs-typography-heading-hardness-color,
818
+ var(
745
819
  --rs-color-hard,
746
820
  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))
747
- );
821
+ )
822
+ );
748
823
  --_rs-typography-text-auto-offset:0;
749
824
  --_rs-typography-ul-list-li-padding-left:initial;
750
825
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -753,8 +828,7 @@
753
828
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
754
829
  --_rs-typography-link-border-bottom-width-from-text:2px;
755
830
  }
756
- &:not(html) [data-rs-internal='input__note'],
757
- &:not(html) [data-rs-internal='input__error-message']{
831
+ &:not(html) [data-rs-internal='input__note']{
758
832
  --_rs-typography-letter-spacing:0.0015em;
759
833
  --_rs-typography-text-transform:initial;
760
834
  --_rs-typography-font-variant-numeric:initial;
@@ -789,11 +863,44 @@
789
863
  --_rs-typography-link-border-bottom-width-from-text:1px;
790
864
  }
791
865
  @media screen and (max-width: 640px){
792
- &:not(html) [data-rs-internal='input__note'],
793
- &:not(html) [data-rs-internal='input__error-message']{
866
+ &:not(html) [data-rs-internal='input__note']{
794
867
  --_rs-typography-list-li-margin-top-from-text:12px;
795
868
  }
796
869
  }
870
+ &:not(html) [data-rs-internal='input__error-message']{
871
+ --_rs-typography-letter-spacing:normal;
872
+ --_rs-typography-text-transform:initial;
873
+ --_rs-typography-font-variant-numeric:initial;
874
+ --_rs-typography-font-family:var(
875
+ --rs-font-family-ui,
876
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
877
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
878
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
879
+ );
880
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
881
+ --_rs-typography-font-weight:var(
882
+ --rs-font-weight-semi-bold,
883
+ 600
884
+ );
885
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
886
+ --_rs-typography-base-color:var(
887
+ --_rs-typography-heading-hardness-color,
888
+ var(
889
+ --rs-color-hard,
890
+ 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))
891
+ )
892
+ );
893
+ --_rs-typography-text-auto-offset:0;
894
+ --_rs-typography-ul-list-li-padding-left:initial;
895
+ --_rs-typography-ol-list-li-padding-left:initial;
896
+ --_rs-typography-list-li-margin-top-from-text:initial;
897
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
898
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
899
+ --_rs-typography-link-border-bottom-width-from-text:2px;
900
+ }
901
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
902
+ --_rs-icons-height:24px;
903
+ }
797
904
  }
798
905
  @define-mixin rs-input-mode-classic{
799
906
  &:not(html){
package/lib/public-api.pcss CHANGED
@@ -196,9 +196,12 @@
196
196
  );
197
197
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
198
198
  --_rs-typography-base-color:var(
199
+ --_rs-typography-heading-hardness-color,
200
+ var(
199
201
  --rs-color-hard,
200
202
  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))
201
- );
203
+ )
204
+ );
202
205
  --_rs-typography-text-auto-offset:0;
203
206
  --_rs-typography-ul-list-li-padding-left:initial;
204
207
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -207,8 +210,7 @@
207
210
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
208
211
  --_rs-typography-link-border-bottom-width-from-text:2px;
209
212
  }
210
- &:not(html) [data-rs-internal='input__note'],
211
- &:not(html) [data-rs-internal='input__error-message']{
213
+ &:not(html) [data-rs-internal='input__note']{
212
214
  --_rs-typography-letter-spacing:0.0045em;
213
215
  --_rs-typography-text-transform:initial;
214
216
  --_rs-typography-font-variant-numeric:initial;
@@ -242,6 +244,40 @@
242
244
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
243
245
  --_rs-typography-link-border-bottom-width-from-text:1px;
244
246
  }
247
+ &:not(html) [data-rs-internal='input__error-message']{
248
+ --_rs-typography-letter-spacing:normal;
249
+ --_rs-typography-text-transform:initial;
250
+ --_rs-typography-font-variant-numeric:initial;
251
+ --_rs-typography-font-family:var(
252
+ --rs-font-family-ui,
253
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
254
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
255
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
256
+ );
257
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
258
+ --_rs-typography-font-weight:var(
259
+ --rs-font-weight-semi-bold,
260
+ 600
261
+ );
262
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
263
+ --_rs-typography-base-color:var(
264
+ --_rs-typography-heading-hardness-color,
265
+ var(
266
+ --rs-color-hard,
267
+ 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))
268
+ )
269
+ );
270
+ --_rs-typography-text-auto-offset:0;
271
+ --_rs-typography-ul-list-li-padding-left:initial;
272
+ --_rs-typography-ol-list-li-padding-left:initial;
273
+ --_rs-typography-list-li-margin-top-from-text:initial;
274
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
275
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
276
+ --_rs-typography-link-border-bottom-width-from-text:2px;
277
+ }
278
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
279
+ --_rs-icons-height:20px;
280
+ }
245
281
  }
246
282
  @define-mixin rs-input-size-m{
247
283
  &:not(html){
@@ -469,9 +505,12 @@
469
505
  );
470
506
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
471
507
  --_rs-typography-base-color:var(
508
+ --_rs-typography-heading-hardness-color,
509
+ var(
472
510
  --rs-color-hard,
473
511
  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))
474
- );
512
+ )
513
+ );
475
514
  --_rs-typography-text-auto-offset:0;
476
515
  --_rs-typography-ul-list-li-padding-left:initial;
477
516
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -480,8 +519,7 @@
480
519
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
481
520
  --_rs-typography-link-border-bottom-width-from-text:2px;
482
521
  }
483
- &:not(html) [data-rs-internal='input__note'],
484
- &:not(html) [data-rs-internal='input__error-message']{
522
+ &:not(html) [data-rs-internal='input__note']{
485
523
  --_rs-typography-letter-spacing:0.0045em;
486
524
  --_rs-typography-text-transform:initial;
487
525
  --_rs-typography-font-variant-numeric:initial;
@@ -515,6 +553,40 @@
515
553
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
516
554
  --_rs-typography-link-border-bottom-width-from-text:1px;
517
555
  }
556
+ &:not(html) [data-rs-internal='input__error-message']{
557
+ --_rs-typography-letter-spacing:normal;
558
+ --_rs-typography-text-transform:initial;
559
+ --_rs-typography-font-variant-numeric:initial;
560
+ --_rs-typography-font-family:var(
561
+ --rs-font-family-ui,
562
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
563
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
564
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
565
+ );
566
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
567
+ --_rs-typography-font-weight:var(
568
+ --rs-font-weight-semi-bold,
569
+ 600
570
+ );
571
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
572
+ --_rs-typography-base-color:var(
573
+ --_rs-typography-heading-hardness-color,
574
+ var(
575
+ --rs-color-hard,
576
+ 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))
577
+ )
578
+ );
579
+ --_rs-typography-text-auto-offset:0;
580
+ --_rs-typography-ul-list-li-padding-left:initial;
581
+ --_rs-typography-ol-list-li-padding-left:initial;
582
+ --_rs-typography-list-li-margin-top-from-text:initial;
583
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
584
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
585
+ --_rs-typography-link-border-bottom-width-from-text:2px;
586
+ }
587
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
588
+ --_rs-icons-height:20px;
589
+ }
518
590
  }
519
591
  @define-mixin rs-input-size-l{
520
592
  &:not(html){
@@ -742,9 +814,12 @@
742
814
  );
743
815
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
744
816
  --_rs-typography-base-color:var(
817
+ --_rs-typography-heading-hardness-color,
818
+ var(
745
819
  --rs-color-hard,
746
820
  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))
747
- );
821
+ )
822
+ );
748
823
  --_rs-typography-text-auto-offset:0;
749
824
  --_rs-typography-ul-list-li-padding-left:initial;
750
825
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -753,8 +828,7 @@
753
828
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
754
829
  --_rs-typography-link-border-bottom-width-from-text:2px;
755
830
  }
756
- &:not(html) [data-rs-internal='input__note'],
757
- &:not(html) [data-rs-internal='input__error-message']{
831
+ &:not(html) [data-rs-internal='input__note']{
758
832
  --_rs-typography-letter-spacing:0.0015em;
759
833
  --_rs-typography-text-transform:initial;
760
834
  --_rs-typography-font-variant-numeric:initial;
@@ -789,11 +863,44 @@
789
863
  --_rs-typography-link-border-bottom-width-from-text:1px;
790
864
  }
791
865
  @media screen and (max-width: 640px){
792
- &:not(html) [data-rs-internal='input__note'],
793
- &:not(html) [data-rs-internal='input__error-message']{
866
+ &:not(html) [data-rs-internal='input__note']{
794
867
  --_rs-typography-list-li-margin-top-from-text:12px;
795
868
  }
796
869
  }
870
+ &:not(html) [data-rs-internal='input__error-message']{
871
+ --_rs-typography-letter-spacing:normal;
872
+ --_rs-typography-text-transform:initial;
873
+ --_rs-typography-font-variant-numeric:initial;
874
+ --_rs-typography-font-family:var(
875
+ --rs-font-family-ui,
876
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
877
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
878
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
879
+ );
880
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
881
+ --_rs-typography-font-weight:var(
882
+ --rs-font-weight-semi-bold,
883
+ 600
884
+ );
885
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
886
+ --_rs-typography-base-color:var(
887
+ --_rs-typography-heading-hardness-color,
888
+ var(
889
+ --rs-color-hard,
890
+ 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))
891
+ )
892
+ );
893
+ --_rs-typography-text-auto-offset:0;
894
+ --_rs-typography-ul-list-li-padding-left:initial;
895
+ --_rs-typography-ol-list-li-padding-left:initial;
896
+ --_rs-typography-list-li-margin-top-from-text:initial;
897
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
898
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
899
+ --_rs-typography-link-border-bottom-width-from-text:2px;
900
+ }
901
+ &:not(html) [data-rs-internal='input__error-icon']:not(html){
902
+ --_rs-icons-height:24px;
903
+ }
797
904
  }
798
905
  @define-mixin rs-input-mode-classic{
799
906
  &:not(html){
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/input",
3
- "version": "0.10.2",
3
+ "version": "0.10.3-RUI-198-Support-different-hardness-for-headings-in-mixins-api-48b1e9e1.18+48b1e9e1",
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.2",
19
18
  "classnames": "^2.2.6",
20
19
  "core-js": "^3.9.1"
21
20
  },
@@ -25,17 +24,19 @@
25
24
  "react": ">=16.8.0 <19"
26
25
  },
27
26
  "devDependencies": {
28
- "@rescui/colors": "^0.2.0",
29
- "@rescui/postcss-preset-library": "^0.2.0",
30
- "@rescui/scripts": "^0.3.0",
31
- "@rescui/tooltip": "^0.8.2",
32
- "@rescui/typography": "^0.16.2",
33
- "@rescui/visual-regression": "^0.1.1",
27
+ "@rescui/colors": "0.2.1-RUI-198-Support-different-hardness-for-headings-in-mixins-api-48b1e9e1.41+48b1e9e1",
28
+ "@rescui/icons": "0.16.3-RUI-198-Support-different-hardness-for-headings-in-mixins-api-48b1e9e1.18+48b1e9e1",
29
+ "@rescui/postcss-preset-library": "0.2.1",
30
+ "@rescui/scripts": "0.3.2",
31
+ "@rescui/tooltip": "0.8.3-RUI-198-Support-different-hardness-for-headings-in-mixins-api-48b1e9e1.18+48b1e9e1",
32
+ "@rescui/typography": "0.16.3-RUI-198-Support-different-hardness-for-headings-in-mixins-api-48b1e9e1.18+48b1e9e1",
33
+ "@rescui/visual-regression": "0.1.2",
34
34
  "@types/classnames": "^2.2.11"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "rescui-scripts build && yarn run build-pcss-api",
38
38
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
39
39
  },
40
- "gitHead": "a2e1fabd391841605a1f7d06800f60fb82a50feb"
40
+ "nx": {},
41
+ "gitHead": "48b1e9e1ea4e38ec28a5bc9f9be82e5b69f7fe44"
41
42
  }