@sats-group/ui-lib 75.10.0 → 75.10.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/package.json
CHANGED
|
@@ -162,22 +162,30 @@
|
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
-
&__help
|
|
165
|
+
&__help,
|
|
166
|
+
&__error {
|
|
166
167
|
display: flex;
|
|
167
|
-
align-items: center;
|
|
168
168
|
gap: spacing.$xs;
|
|
169
169
|
margin-top: spacing.$xxs;
|
|
170
|
-
|
|
170
|
+
|
|
171
|
+
> * {
|
|
172
|
+
align-self: flex-start;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
&__help {
|
|
177
|
+
color: light.$on-surface-primary-disabled;
|
|
171
178
|
}
|
|
172
179
|
|
|
173
180
|
&__error {
|
|
174
|
-
display: flex;
|
|
175
|
-
align-items: center;
|
|
176
|
-
gap: spacing.$xs;
|
|
177
|
-
margin-top: spacing.$xxs;
|
|
178
181
|
color: light.$on-surface-error;
|
|
179
182
|
}
|
|
180
183
|
|
|
184
|
+
&__help-icon,
|
|
185
|
+
&__error-icon {
|
|
186
|
+
flex-shrink: 0;
|
|
187
|
+
}
|
|
188
|
+
|
|
181
189
|
&__asterisk {
|
|
182
190
|
color: light.$on-surface-featured;
|
|
183
191
|
margin-left: spacing.$xs;
|
|
@@ -99,14 +99,18 @@ const RefTextInput = React.forwardRef<HTMLInputElement, Props>(
|
|
|
99
99
|
|
|
100
100
|
{helpText ? (
|
|
101
101
|
<div className="text-input__help">
|
|
102
|
-
<
|
|
102
|
+
<div className="text-input__help-icon">
|
|
103
|
+
<SvgInfo />
|
|
104
|
+
</div>
|
|
103
105
|
<Text size={Text.sizes.interface}>{helpText}</Text>
|
|
104
106
|
</div>
|
|
105
107
|
) : null}
|
|
106
108
|
{/* NOTE: This is aria-hidden because reporting of validation errors is handled by the browser */}
|
|
107
109
|
{error ? (
|
|
108
110
|
<div aria-hidden="true" className="text-input__error">
|
|
109
|
-
<
|
|
111
|
+
<div className="text-input__error-icon">
|
|
112
|
+
<SvgError />
|
|
113
|
+
</div>
|
|
110
114
|
<Text size={Text.sizes.interface}>{error}</Text>
|
|
111
115
|
</div>
|
|
112
116
|
) : null}
|