@transferwise/components 0.0.0-experimental-4ba8514 → 0.0.0-experimental-2ea09db
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/build/i18n/en.json +0 -1
- package/build/i18n/en.json.js +0 -1
- package/build/i18n/en.json.js.map +1 -1
- package/build/i18n/en.json.mjs +0 -1
- package/build/i18n/en.json.mjs.map +1 -1
- package/build/inputs/SelectInput.js +0 -4
- package/build/inputs/SelectInput.js.map +1 -1
- package/build/inputs/SelectInput.mjs +0 -4
- package/build/inputs/SelectInput.mjs.map +1 -1
- package/build/main.css +210 -210
- package/build/moneyInput/MoneyInput.js +1 -8
- package/build/moneyInput/MoneyInput.js.map +1 -1
- package/build/moneyInput/MoneyInput.messages.js +0 -3
- package/build/moneyInput/MoneyInput.messages.js.map +1 -1
- package/build/moneyInput/MoneyInput.messages.mjs +0 -3
- package/build/moneyInput/MoneyInput.messages.mjs.map +1 -1
- package/build/moneyInput/MoneyInput.mjs +1 -8
- package/build/moneyInput/MoneyInput.mjs.map +1 -1
- package/build/styles/main.css +210 -210
- package/build/styles/uploadInput/UploadInput.css +13 -81
- package/build/styles/uploadInput/uploadButton/UploadButton.css +78 -31
- package/build/styles/uploadInput/uploadItem/UploadItem.css +130 -109
- package/build/types/inputs/SelectInput.d.ts +1 -3
- package/build/types/inputs/SelectInput.d.ts.map +1 -1
- package/build/types/moneyInput/MoneyInput.d.ts.map +1 -1
- package/build/types/moneyInput/MoneyInput.messages.d.ts +0 -5
- package/build/types/moneyInput/MoneyInput.messages.d.ts.map +1 -1
- package/build/types/uploadInput/UploadInput.d.ts.map +1 -1
- package/build/types/uploadInput/uploadButton/UploadButton.d.ts +5 -0
- package/build/types/uploadInput/uploadButton/UploadButton.d.ts.map +1 -1
- package/build/types/uploadInput/uploadItem/UploadItem.d.ts.map +1 -1
- package/build/uploadInput/UploadInput.js +30 -20
- package/build/uploadInput/UploadInput.js.map +1 -1
- package/build/uploadInput/UploadInput.mjs +30 -20
- package/build/uploadInput/UploadInput.mjs.map +1 -1
- package/build/uploadInput/uploadButton/UploadButton.js +25 -32
- package/build/uploadInput/uploadButton/UploadButton.js.map +1 -1
- package/build/uploadInput/uploadButton/UploadButton.mjs +25 -32
- package/build/uploadInput/uploadButton/UploadButton.mjs.map +1 -1
- package/build/uploadInput/uploadItem/UploadItem.js +32 -38
- package/build/uploadInput/uploadItem/UploadItem.js.map +1 -1
- package/build/uploadInput/uploadItem/UploadItem.mjs +33 -39
- package/build/uploadInput/uploadItem/UploadItem.mjs.map +1 -1
- package/build/uploadInput/uploadItem/UploadItemLink.js +2 -1
- package/build/uploadInput/uploadItem/UploadItemLink.js.map +1 -1
- package/build/uploadInput/uploadItem/UploadItemLink.mjs +2 -1
- package/build/uploadInput/uploadItem/UploadItemLink.mjs.map +1 -1
- package/package.json +2 -2
- package/src/i18n/en.json +0 -1
- package/src/inputs/SelectInput.tsx +3 -8
- package/src/main.css +210 -210
- package/src/moneyInput/MoneyInput.messages.ts +0 -5
- package/src/moneyInput/MoneyInput.rtl.spec.tsx +0 -47
- package/src/moneyInput/MoneyInput.spec.js +11 -0
- package/src/moneyInput/MoneyInput.story.tsx +7 -10
- package/src/moneyInput/MoneyInput.tsx +1 -8
- package/src/uploadInput/UploadInput.css +13 -81
- package/src/uploadInput/UploadInput.less +18 -80
- package/src/uploadInput/UploadInput.tests.story.tsx +5 -5
- package/src/uploadInput/UploadInput.tsx +43 -32
- package/src/uploadInput/uploadButton/UploadButton.css +78 -31
- package/src/uploadInput/uploadButton/UploadButton.less +78 -35
- package/src/uploadInput/uploadButton/UploadButton.tsx +37 -26
- package/src/uploadInput/uploadItem/UploadItem.css +130 -109
- package/src/uploadInput/uploadItem/UploadItem.less +130 -118
- package/src/uploadInput/uploadItem/UploadItem.tsx +26 -28
- package/src/uploadInput/uploadItem/UploadItemLink.tsx +3 -3
- package/src/withId/withId.story.tsx +0 -1
- package/src/moneyInput/MoneyInput.docs.mdx +0 -34
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { Meta } from '@storybook/blocks';
|
|
2
|
-
|
|
3
|
-
<Meta title="Forms/MoneyInput/Known issues" />
|
|
4
|
-
|
|
5
|
-
# Known accessibility issues
|
|
6
|
-
|
|
7
|
-
There are few issues reported by Axe that are not fixable or safe to ignore at this point in time.
|
|
8
|
-
|
|
9
|
-
## Form elements should have a visible label / Form elements must have labels
|
|
10
|
-
|
|
11
|
-
While this requirement is normally considered as very serious, it's missing the fact that the input is wrapped by a labelled element with `role="group"`. We’ve tested it in NVDA on Windows and VoiceOver on MacOS, and discovered that if we were to satisfy Axe’s requirements, the screen reader would read out the label twice, something similar to `{Label Text} group, {Label Text} editable` (depending on the SR and the browser) which would result in an unnecessary noise. While the rule is valid, in this particular case the group label seems sufficient.
|
|
12
|
-
|
|
13
|
-
#### Further resources
|
|
14
|
-
|
|
15
|
-
- [Deque reference 1](https://dequeuniversity.com/rules/axe/4.9/label?application=axeAPI)
|
|
16
|
-
- [Deque reference 2](https://dequeuniversity.com/rules/axe/4.9/label-title-only?application=axeAPI)
|
|
17
|
-
- ['Group Labels Do Not Guarantee… Uniquity?' by Adrian Roselli](https://adrianroselli.com/2019/06/group-labels-do-not-guarantee-uniquity.html)
|
|
18
|
-
|
|
19
|
-
## Buttons must have discernible text
|
|
20
|
-
|
|
21
|
-
This affects HTML buttons with `role="combobox"` and deeply nested label text, not being discoverable by Axe. It is a known false-positive.
|
|
22
|
-
|
|
23
|
-
#### Further resources
|
|
24
|
-
|
|
25
|
-
- [Deque reference](https://dequeuniversity.com/rules/axe/4.9/button-name?application=axeAPI)
|
|
26
|
-
- [axe-core github issue](https://github.com/dequelabs/axe-core/issues/4472)
|
|
27
|
-
|
|
28
|
-
## ARIA hidden element must not be focusable or contain focusable elements
|
|
29
|
-
|
|
30
|
-
This is a genuine problem – according to the accessibility guidelines, no element with `aria-hidden="true"` should have any focusable children. This issue is caused by the `SelectInput`'s third party dependency (`Headless UI`) and, by extension, is visible in few other places. Work is planned to address it.
|
|
31
|
-
|
|
32
|
-
#### Further resources
|
|
33
|
-
|
|
34
|
-
- [Deque reference](https://dequeuniversity.com/rules/axe/4.9/aria-hidden-focus?application=axeAPI)
|