@jetbrains/ring-ui 5.0.81 → 5.0.82

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.
@@ -19,6 +19,8 @@
19
19
  min-height: calc(var(--ring-input-padding-inline) * 3);
20
20
  padding: var(--ring-input-padding-block) var(--ring-input-padding-inline);
21
21
 
22
+ transition: border-color var(--ring-ease);
23
+
22
24
  border: 1px solid var(--ring-borders-color);
23
25
  border-radius: var(--ring-border-radius);
24
26
 
@@ -28,6 +30,34 @@
28
30
  & * {
29
31
  box-sizing: border-box;
30
32
  }
33
+
34
+ &:hover {
35
+ transition: none;
36
+
37
+ border-color: var(--ring-border-hover-color);
38
+ }
39
+
40
+ &:focus-within {
41
+ transition: none;
42
+
43
+ border-color: var(--ring-main-color);
44
+ }
45
+
46
+ /*
47
+ Kill yellow/blue webkit autocomplete
48
+ https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/
49
+ */
50
+ &:-webkit-autofill {
51
+ &,
52
+ &:hover,
53
+ &:focus {
54
+ transition: background-color 50000s ease-in-out 0s;
55
+ }
56
+ }
57
+
58
+ @nest .error & {
59
+ border-color: var(--ring-icon-error-color);
60
+ }
31
61
  }
32
62
 
33
63
  .queryAssistDisabled {
@@ -67,9 +97,10 @@
67
97
  }
68
98
 
69
99
  .input {
70
- overflow: auto;
100
+ overflow: hidden;
101
+
102
+ flex-grow: 1;
71
103
 
72
- width: 100%;
73
104
  margin: 0;
74
105
 
75
106
  cursor: text;
@@ -85,34 +116,6 @@
85
116
  scrollbar-width: none;
86
117
 
87
118
  caret-color: var(--ring-main-color);
88
-
89
- &:hover {
90
- transition: none;
91
-
92
- border-color: var(--ring-border-hover-color);
93
- }
94
-
95
- @nest .error & {
96
- border-color: var(--ring-icon-error-color);
97
- }
98
-
99
- &:focus {
100
- transition: none;
101
-
102
- border-color: var(--ring-main-color);
103
- }
104
-
105
- /*
106
- Kill yellow/blue webkit autocomplete
107
- https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/
108
- */
109
- &:-webkit-autofill {
110
- &,
111
- &:hover,
112
- &:focus {
113
- transition: background-color 50000s ease-in-out 0s;
114
- }
115
- }
116
119
  }
117
120
 
118
121
  .letter-text {
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import List from '../list/list.js';
3
3
 
4
- var modules_da7ab055 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"var(--ring-button-height)","loaderWidth":"64px","overInputZIndex":"2","inputGap":"24px","light":"light_rui_d22e","heightS":"heightS_rui_d22e","heightM":"heightM_rui_d22e","heightL":"heightL_rui_d22e","button":"button_rui_d22e","active":"active_rui_d22e","withIcon":"withIcon_rui_d22e","icon":"icon_rui_d22e","primary":"primary_rui_d22e","loader":"loader_rui_d22e","loaderBackground":"loaderBackground_rui_d22e","danger":"danger_rui_d22e","text":"text_rui_d22e","content":"content_rui_d22e","text-loading":"text-loading_rui_d22e","inline":"inline_rui_d22e","withNormalIcon":"withNormalIcon_rui_d22e","withDangerIcon":"withDangerIcon_rui_d22e","progress":"progress_rui_d22e","delayed":"delayed_rui_d22e","short":"short_rui_d22e","dropdownIcon":"dropdownIcon_rui_d22e","queryAssist":"queryAssist_rui_d22e","queryAssistDisabled":"queryAssistDisabled_rui_d22e","huge":"huge_rui_d22e","actions":"actions_rui_d22e","placeholder":"placeholder_rui_d22e resetButton_rui_8bff","input":"input_rui_d22e","error":"error_rui_d22e","letter-text":"letter-text_rui_d22e","letterDefault":"letterDefault_rui_d22e","letter-field-name":"letter-field-name_rui_d22e","letter-field-value":"letter-field-value_rui_d22e","letter-operator":"letter-operator_rui_d22e","letter-error":"letter-error_rui_d22e","highlight":"highlight_rui_d22e","service":"service_rui_d22e","letter":"letter_rui_d22e","rightSearchButton":"rightSearchButton_rui_d22e","clear":"clear_rui_d22e","loaderOnTheRight":"loaderOnTheRight_rui_d22e","withoutGlass":"withoutGlass_rui_d22e"};
4
+ var modules_da7ab055 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"var(--ring-button-height)","loaderWidth":"64px","overInputZIndex":"2","inputGap":"24px","light":"light_rui_d22e","heightS":"heightS_rui_d22e","heightM":"heightM_rui_d22e","heightL":"heightL_rui_d22e","button":"button_rui_d22e","active":"active_rui_d22e","withIcon":"withIcon_rui_d22e","icon":"icon_rui_d22e","primary":"primary_rui_d22e","loader":"loader_rui_d22e","loaderBackground":"loaderBackground_rui_d22e","danger":"danger_rui_d22e","text":"text_rui_d22e","content":"content_rui_d22e","text-loading":"text-loading_rui_d22e","inline":"inline_rui_d22e","withNormalIcon":"withNormalIcon_rui_d22e","withDangerIcon":"withDangerIcon_rui_d22e","progress":"progress_rui_d22e","delayed":"delayed_rui_d22e","short":"short_rui_d22e","dropdownIcon":"dropdownIcon_rui_d22e","queryAssist":"queryAssist_rui_d22e","error":"error_rui_d22e","queryAssistDisabled":"queryAssistDisabled_rui_d22e","huge":"huge_rui_d22e","actions":"actions_rui_d22e","placeholder":"placeholder_rui_d22e resetButton_rui_8bff","input":"input_rui_d22e","letter-text":"letter-text_rui_d22e","letterDefault":"letterDefault_rui_d22e","letter-field-name":"letter-field-name_rui_d22e","letter-field-value":"letter-field-value_rui_d22e","letter-operator":"letter-operator_rui_d22e","letter-error":"letter-error_rui_d22e","highlight":"highlight_rui_d22e","service":"service_rui_d22e","letter":"letter_rui_d22e","rightSearchButton":"rightSearchButton_rui_d22e","clear":"clear_rui_d22e","loaderOnTheRight":"loaderOnTheRight_rui_d22e","withoutGlass":"withoutGlass_rui_d22e"};
5
5
 
6
6
  const ICON_ID_LENGTH = 44;
7
7
  class QueryAssistSuggestions {