@thecb/components 8.4.11-beta.22 → 8.4.11-beta.23

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "8.4.11-beta.22",
3
+ "version": "8.4.11-beta.23",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "typings": "dist/index.d.ts",
@@ -332,6 +332,7 @@ const Dropdown = ({
332
332
  value={inputValue}
333
333
  width="100%"
334
334
  dataQa={placeholder}
335
+ data-qa={placeholder}
335
336
  required={options.required}
336
337
  />
337
338
  <IconWrapper open={isOpen} onClick={onClick}>
@@ -217,6 +217,7 @@ const FormInput = ({
217
217
  formatter={formatter}
218
218
  showErrors={showErrors}
219
219
  dataQa={labelTextWhenNoError}
220
+ data-qa={labelTextWhenNoError}
220
221
  themeValues={themeValues}
221
222
  $customHeight={customHeight}
222
223
  $extraStyles={extraStyles}
@@ -242,6 +243,7 @@ const FormInput = ({
242
243
  field={field}
243
244
  showErrors={showErrors}
244
245
  dataQa={labelTextWhenNoError}
246
+ data-qa={labelTextWhenNoError}
245
247
  themeValues={themeValues}
246
248
  background={background}
247
249
  $customHeight={customHeight}
@@ -256,6 +258,7 @@ const FormInput = ({
256
258
  justify="space-between"
257
259
  aria-live="polite"
258
260
  aria-atomic={true}
261
+ data-qa={"Errors container"}
259
262
  >
260
263
  {(field.hasErrors && field.dirty) || (field.hasErrors && showErrors) ? (
261
264
  <Text
@@ -47,6 +47,7 @@ const EmailForm = ({
47
47
  onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
48
48
  isEmail
49
49
  autoComplete="email"
50
+ data-qa="Email address"
50
51
  />
51
52
  {showWalletCheckbox && (
52
53
  <Checkbox
@@ -42,6 +42,7 @@ const PhoneForm = ({
42
42
  onKeyUp={e => e.key === "Enter" && handleSubmit(e)}
43
43
  autocomplete="tel"
44
44
  isPhone={true}
45
+ data-qa={"Phone number"}
45
46
  />
46
47
  {showWalletCheckbox && (
47
48
  <Checkbox