(WIP) Fix description text not read on hover by NVDA #4310
matyasfpr-validation.yml
on: pull_request
Lint commit msg + code
4m 33s
Vitest unit tests
5m 58s
Cypress component tests
7m 32s
Legacy unit tests
4m 29s
Annotations
10 errors
|
packages/ui-checkbox/src/CheckboxGroup/__new-tests__/CheckboxGroup.test.tsx > <CheckboxGroup /> > displays description message inside the legend:
packages/ui-checkbox/src/CheckboxGroup/__new-tests__/CheckboxGroup.test.tsx#L103
Error: expect(received).toBeInTheDocument()
received value must be an HTMLElement or an SVGElement.
❯ packages/ui-checkbox/src/CheckboxGroup/__new-tests__/CheckboxGroup.test.tsx:103:20
|
|
packages/ui-color-picker/src/ColorMixer/__new-tests__/ColorMixer.test.tsx > <ColorMixer /> > labels are displayed: > should render input labels:
packages/ui-color-picker/src/ColorMixer/__new-tests__/ColorMixer.test.tsx#L116
AssertionError: expected 8 to be 4 // Object.is equality
- Expected
+ Received
- 4
+ 8
❯ packages/ui-color-picker/src/ColorMixer/__new-tests__/ColorMixer.test.tsx:116:35
|
|
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx > <ColorPicker /> > simple input mode > should display success message when contrast is met [contrastStrength=min]:
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx#L271
TestingLibraryElementError: Found multiple elements with the text: I am a contrast success message
Here are the matching elements:
Ignored nodes: comments, script, style
<span
class="css-nuzh3o-formFieldMessage"
>
I am a contrast success message
</span>
Ignored nodes: comments, script, style
<span
class="css-nuzh3o-formFieldMessage"
>
I am a contrast success message
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="css-1yl295c-colorPicker"
data-cid="ColorPicker"
>
<label
aria-describedby="TextInput-messages_10"
aria-labelledby="FormFieldLayout_10"
class="css-10inoki-formFieldLayout"
data-cid="TextInput"
for="TextInput_10"
style="width: 22.5rem;"
>
<span
class="css-d89gko-grid"
>
<span
class="css-1r50q5-gridRow"
>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-10gayoi-formFieldLabel"
id="FormFieldLayout_10"
>
Color Input
<span
class="css-r9cwls-screenReaderContent"
>
<span
class="css-11dupdy-formFieldMessages"
>
<span
class="css-17y8lv1-formFieldMessages__message"
>
<span
class="css-k008qs"
>
<span
class="css-nuzh3o-formFieldMessage"
>
I am a contrast success message
</span>
</span>
</span>
</span>
</span>
</span>
</span>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-jwt7s2-textInput__facade"
>
<span
class="css-11xfyoy-textInput__layout"
>
<div
class="css-gksna-colorPicker__simpleColorContainer"
>
<div
class="css-p7wm05-colorIndicator"
data-cid="ColorIndicator"
/>
<div
class="css-v10i9-colorPicker__hashMarkContainer"
>
#
</div>
</div>
<span
class="css-hm9jts-textInput__inputLayout"
>
<input
aria-describedby="TextInput-messages_10"
class="css-di2vv6-textInput"
id="TextInput_10"
placeholder="Enter HEX"
type="text"
value="394B58"
width="22.5rem"
/>
<span
class="css-1yxwkr6-textInput__afterElement"
>
<div
class="css-1g0u01u-colorPicker__successIcon"
>
<svg
aria-hidden="true"
class="css-1uh2md0-inlineSVG-svgIcon"
data-cid="InlineSVG SVGIcon"
focusable="false"
height="1em"
name="IconCheckDark"
role="presentation"
rotate="0"
style="width: 1em; height: 1em;"
viewBox="0 0 1920 1920"
width="1em"
>
<g
role="presenta
|
|
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx > <ColorPicker /> > simple input mode > should display error message when contrast is not met [contrastStrength=min, isStrict=false]:
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx#L299
TestingLibraryElementError: Found multiple elements with the text: I am a contrast warning message
Here are the matching elements:
Ignored nodes: comments, script, style
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast warning message
</span>
Ignored nodes: comments, script, style
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast warning message
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="css-1yl295c-colorPicker"
data-cid="ColorPicker"
>
<label
aria-describedby="TextInput-messages_11"
aria-labelledby="FormFieldLayout_11"
class="css-10inoki-formFieldLayout"
data-cid="TextInput"
for="TextInput_11"
style="width: 22.5rem;"
>
<span
class="css-d89gko-grid"
>
<span
class="css-1r50q5-gridRow"
>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-10gayoi-formFieldLabel"
id="FormFieldLayout_11"
>
Color Input
<span
class="css-r9cwls-screenReaderContent"
>
<span
class="css-11dupdy-formFieldMessages"
>
<span
class="css-17y8lv1-formFieldMessages__message"
>
<span
class="css-k008qs"
>
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast warning message
</span>
</span>
</span>
</span>
</span>
</span>
</span>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-1c3cf3n-textInput__facade"
>
<span
class="css-11xfyoy-textInput__layout"
>
<div
class="css-gksna-colorPicker__simpleColorContainer"
>
<div
class="css-oowujg-colorIndicator"
data-cid="ColorIndicator"
/>
<div
class="css-v10i9-colorPicker__hashMarkContainer"
>
#
</div>
</div>
<span
class="css-hm9jts-textInput__inputLayout"
>
<input
aria-describedby="TextInput-messages_11"
aria-invalid="true"
class="css-di2vv6-textInput"
id="TextInput_11"
placeholder="Enter HEX"
type="text"
value="F5F5F5"
width="22.5rem"
/>
<span
class="css-1yxwkr6-textInput__afterElement"
>
<div
class="css-zeg07-colorPicker__errorIcons"
>
<svg
aria-hidden="true"
class="css-1uh2md0-inlineSVG-svgIcon"
data-cid="InlineSVG SVGIcon"
focusable="false"
height="1em"
name="IconWarning"
role="presentation"
rotate="0"
style="width: 1em; height: 1em;"
viewBox="0 0 1920 1920"
width="1em"
>
<g
|
|
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx > <ColorPicker /> > simple input mode > should display error message when contrast is not met [contrastStrength=min, isStrict=true]:
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx#L327
TestingLibraryElementError: Found multiple elements with the text: I am a contrast error message
Here are the matching elements:
Ignored nodes: comments, script, style
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast error message
</span>
Ignored nodes: comments, script, style
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast error message
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="css-1yl295c-colorPicker"
data-cid="ColorPicker"
>
<label
aria-describedby="TextInput-messages_12"
aria-labelledby="FormFieldLayout_12"
class="css-10inoki-formFieldLayout"
data-cid="TextInput"
for="TextInput_12"
style="width: 22.5rem;"
>
<span
class="css-d89gko-grid"
>
<span
class="css-1r50q5-gridRow"
>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-10gayoi-formFieldLabel"
id="FormFieldLayout_12"
>
Color Input
<span
class="css-r9cwls-screenReaderContent"
>
<span
class="css-11dupdy-formFieldMessages"
>
<span
class="css-17y8lv1-formFieldMessages__message"
>
<span
class="css-k008qs"
>
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast error message
</span>
</span>
</span>
</span>
</span>
</span>
</span>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-1c3cf3n-textInput__facade"
>
<span
class="css-11xfyoy-textInput__layout"
>
<div
class="css-gksna-colorPicker__simpleColorContainer"
>
<div
class="css-oowujg-colorIndicator"
data-cid="ColorIndicator"
/>
<div
class="css-v10i9-colorPicker__hashMarkContainer"
>
#
</div>
</div>
<span
class="css-hm9jts-textInput__inputLayout"
>
<input
aria-describedby="TextInput-messages_12"
aria-invalid="true"
class="css-di2vv6-textInput"
id="TextInput_12"
placeholder="Enter HEX"
type="text"
value="F5F5F5"
width="22.5rem"
/>
<span
class="css-1yxwkr6-textInput__afterElement"
>
<div
class="css-uw11sg-colorPicker__errorIcons"
>
<svg
aria-hidden="true"
class="css-1uh2md0-inlineSVG-svgIcon"
data-cid="InlineSVG SVGIcon"
focusable="false"
height="1em"
name="IconTrouble"
role="presentation"
rotate="0"
style="width: 1em; height: 1em;"
viewBox="0 0 1920 1920"
width="1em"
>
<g
|
|
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx > <ColorPicker /> > simple input mode > should display success message when contrast is met [contrastStrength=mid]:
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx#L271
TestingLibraryElementError: Found multiple elements with the text: I am a contrast success message
Here are the matching elements:
Ignored nodes: comments, script, style
<span
class="css-nuzh3o-formFieldMessage"
>
I am a contrast success message
</span>
Ignored nodes: comments, script, style
<span
class="css-nuzh3o-formFieldMessage"
>
I am a contrast success message
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="css-1yl295c-colorPicker"
data-cid="ColorPicker"
>
<label
aria-describedby="TextInput-messages_16"
aria-labelledby="FormFieldLayout_16"
class="css-10inoki-formFieldLayout"
data-cid="TextInput"
for="TextInput_16"
style="width: 22.5rem;"
>
<span
class="css-d89gko-grid"
>
<span
class="css-1r50q5-gridRow"
>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-10gayoi-formFieldLabel"
id="FormFieldLayout_16"
>
Color Input
<span
class="css-r9cwls-screenReaderContent"
>
<span
class="css-11dupdy-formFieldMessages"
>
<span
class="css-17y8lv1-formFieldMessages__message"
>
<span
class="css-k008qs"
>
<span
class="css-nuzh3o-formFieldMessage"
>
I am a contrast success message
</span>
</span>
</span>
</span>
</span>
</span>
</span>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-jwt7s2-textInput__facade"
>
<span
class="css-11xfyoy-textInput__layout"
>
<div
class="css-gksna-colorPicker__simpleColorContainer"
>
<div
class="css-p7wm05-colorIndicator"
data-cid="ColorIndicator"
/>
<div
class="css-v10i9-colorPicker__hashMarkContainer"
>
#
</div>
</div>
<span
class="css-hm9jts-textInput__inputLayout"
>
<input
aria-describedby="TextInput-messages_16"
class="css-di2vv6-textInput"
id="TextInput_16"
placeholder="Enter HEX"
type="text"
value="394B58"
width="22.5rem"
/>
<span
class="css-1yxwkr6-textInput__afterElement"
>
<div
class="css-1g0u01u-colorPicker__successIcon"
>
<svg
aria-hidden="true"
class="css-1uh2md0-inlineSVG-svgIcon"
data-cid="InlineSVG SVGIcon"
focusable="false"
height="1em"
name="IconCheckDark"
role="presentation"
rotate="0"
style="width: 1em; height: 1em;"
viewBox="0 0 1920 1920"
width="1em"
>
<g
role="presenta
|
|
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx > <ColorPicker /> > simple input mode > should display error message when contrast is not met [contrastStrength=mid, isStrict=false]:
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx#L299
TestingLibraryElementError: Found multiple elements with the text: I am a contrast warning message
Here are the matching elements:
Ignored nodes: comments, script, style
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast warning message
</span>
Ignored nodes: comments, script, style
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast warning message
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="css-1yl295c-colorPicker"
data-cid="ColorPicker"
>
<label
aria-describedby="TextInput-messages_17"
aria-labelledby="FormFieldLayout_17"
class="css-10inoki-formFieldLayout"
data-cid="TextInput"
for="TextInput_17"
style="width: 22.5rem;"
>
<span
class="css-d89gko-grid"
>
<span
class="css-1r50q5-gridRow"
>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-10gayoi-formFieldLabel"
id="FormFieldLayout_17"
>
Color Input
<span
class="css-r9cwls-screenReaderContent"
>
<span
class="css-11dupdy-formFieldMessages"
>
<span
class="css-17y8lv1-formFieldMessages__message"
>
<span
class="css-k008qs"
>
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast warning message
</span>
</span>
</span>
</span>
</span>
</span>
</span>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-1c3cf3n-textInput__facade"
>
<span
class="css-11xfyoy-textInput__layout"
>
<div
class="css-gksna-colorPicker__simpleColorContainer"
>
<div
class="css-oowujg-colorIndicator"
data-cid="ColorIndicator"
/>
<div
class="css-v10i9-colorPicker__hashMarkContainer"
>
#
</div>
</div>
<span
class="css-hm9jts-textInput__inputLayout"
>
<input
aria-describedby="TextInput-messages_17"
aria-invalid="true"
class="css-di2vv6-textInput"
id="TextInput_17"
placeholder="Enter HEX"
type="text"
value="F5F5F5"
width="22.5rem"
/>
<span
class="css-1yxwkr6-textInput__afterElement"
>
<div
class="css-zeg07-colorPicker__errorIcons"
>
<svg
aria-hidden="true"
class="css-1uh2md0-inlineSVG-svgIcon"
data-cid="InlineSVG SVGIcon"
focusable="false"
height="1em"
name="IconWarning"
role="presentation"
rotate="0"
style="width: 1em; height: 1em;"
viewBox="0 0 1920 1920"
width="1em"
>
<g
|
|
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx > <ColorPicker /> > simple input mode > should display error message when contrast is not met [contrastStrength=mid, isStrict=true]:
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx#L327
TestingLibraryElementError: Found multiple elements with the text: I am a contrast error message
Here are the matching elements:
Ignored nodes: comments, script, style
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast error message
</span>
Ignored nodes: comments, script, style
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast error message
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="css-1yl295c-colorPicker"
data-cid="ColorPicker"
>
<label
aria-describedby="TextInput-messages_18"
aria-labelledby="FormFieldLayout_18"
class="css-10inoki-formFieldLayout"
data-cid="TextInput"
for="TextInput_18"
style="width: 22.5rem;"
>
<span
class="css-d89gko-grid"
>
<span
class="css-1r50q5-gridRow"
>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-10gayoi-formFieldLabel"
id="FormFieldLayout_18"
>
Color Input
<span
class="css-r9cwls-screenReaderContent"
>
<span
class="css-11dupdy-formFieldMessages"
>
<span
class="css-17y8lv1-formFieldMessages__message"
>
<span
class="css-k008qs"
>
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast error message
</span>
</span>
</span>
</span>
</span>
</span>
</span>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-1c3cf3n-textInput__facade"
>
<span
class="css-11xfyoy-textInput__layout"
>
<div
class="css-gksna-colorPicker__simpleColorContainer"
>
<div
class="css-oowujg-colorIndicator"
data-cid="ColorIndicator"
/>
<div
class="css-v10i9-colorPicker__hashMarkContainer"
>
#
</div>
</div>
<span
class="css-hm9jts-textInput__inputLayout"
>
<input
aria-describedby="TextInput-messages_18"
aria-invalid="true"
class="css-di2vv6-textInput"
id="TextInput_18"
placeholder="Enter HEX"
type="text"
value="F5F5F5"
width="22.5rem"
/>
<span
class="css-1yxwkr6-textInput__afterElement"
>
<div
class="css-uw11sg-colorPicker__errorIcons"
>
<svg
aria-hidden="true"
class="css-1uh2md0-inlineSVG-svgIcon"
data-cid="InlineSVG SVGIcon"
focusable="false"
height="1em"
name="IconTrouble"
role="presentation"
rotate="0"
style="width: 1em; height: 1em;"
viewBox="0 0 1920 1920"
width="1em"
>
<g
|
|
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx > <ColorPicker /> > simple input mode > should display success message when contrast is met [contrastStrength=max]:
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx#L271
TestingLibraryElementError: Found multiple elements with the text: I am a contrast success message
Here are the matching elements:
Ignored nodes: comments, script, style
<span
class="css-nuzh3o-formFieldMessage"
>
I am a contrast success message
</span>
Ignored nodes: comments, script, style
<span
class="css-nuzh3o-formFieldMessage"
>
I am a contrast success message
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="css-1yl295c-colorPicker"
data-cid="ColorPicker"
>
<label
aria-describedby="TextInput-messages_22"
aria-labelledby="FormFieldLayout_22"
class="css-10inoki-formFieldLayout"
data-cid="TextInput"
for="TextInput_22"
style="width: 22.5rem;"
>
<span
class="css-d89gko-grid"
>
<span
class="css-1r50q5-gridRow"
>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-10gayoi-formFieldLabel"
id="FormFieldLayout_22"
>
Color Input
<span
class="css-r9cwls-screenReaderContent"
>
<span
class="css-11dupdy-formFieldMessages"
>
<span
class="css-17y8lv1-formFieldMessages__message"
>
<span
class="css-k008qs"
>
<span
class="css-nuzh3o-formFieldMessage"
>
I am a contrast success message
</span>
</span>
</span>
</span>
</span>
</span>
</span>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-jwt7s2-textInput__facade"
>
<span
class="css-11xfyoy-textInput__layout"
>
<div
class="css-gksna-colorPicker__simpleColorContainer"
>
<div
class="css-p7wm05-colorIndicator"
data-cid="ColorIndicator"
/>
<div
class="css-v10i9-colorPicker__hashMarkContainer"
>
#
</div>
</div>
<span
class="css-hm9jts-textInput__inputLayout"
>
<input
aria-describedby="TextInput-messages_22"
class="css-di2vv6-textInput"
id="TextInput_22"
placeholder="Enter HEX"
type="text"
value="394B58"
width="22.5rem"
/>
<span
class="css-1yxwkr6-textInput__afterElement"
>
<div
class="css-1g0u01u-colorPicker__successIcon"
>
<svg
aria-hidden="true"
class="css-1uh2md0-inlineSVG-svgIcon"
data-cid="InlineSVG SVGIcon"
focusable="false"
height="1em"
name="IconCheckDark"
role="presentation"
rotate="0"
style="width: 1em; height: 1em;"
viewBox="0 0 1920 1920"
width="1em"
>
<g
role="presenta
|
|
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx > <ColorPicker /> > simple input mode > should display error message when contrast is not met [contrastStrength=max, isStrict=false]:
packages/ui-color-picker/src/ColorPicker/__new-tests__/ColorPicker.test.tsx#L299
TestingLibraryElementError: Found multiple elements with the text: I am a contrast warning message
Here are the matching elements:
Ignored nodes: comments, script, style
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast warning message
</span>
Ignored nodes: comments, script, style
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast warning message
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="css-1yl295c-colorPicker"
data-cid="ColorPicker"
>
<label
aria-describedby="TextInput-messages_23"
aria-labelledby="FormFieldLayout_23"
class="css-10inoki-formFieldLayout"
data-cid="TextInput"
for="TextInput_23"
style="width: 22.5rem;"
>
<span
class="css-d89gko-grid"
>
<span
class="css-1r50q5-gridRow"
>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-10gayoi-formFieldLabel"
id="FormFieldLayout_23"
>
Color Input
<span
class="css-r9cwls-screenReaderContent"
>
<span
class="css-11dupdy-formFieldMessages"
>
<span
class="css-17y8lv1-formFieldMessages__message"
>
<span
class="css-k008qs"
>
<span
class="css-f6ehvp-formFieldMessage"
>
I am a contrast warning message
</span>
</span>
</span>
</span>
</span>
</span>
</span>
<span
class="css-1iqa4xu-gridCol"
>
<span
class="css-1c3cf3n-textInput__facade"
>
<span
class="css-11xfyoy-textInput__layout"
>
<div
class="css-gksna-colorPicker__simpleColorContainer"
>
<div
class="css-oowujg-colorIndicator"
data-cid="ColorIndicator"
/>
<div
class="css-v10i9-colorPicker__hashMarkContainer"
>
#
</div>
</div>
<span
class="css-hm9jts-textInput__inputLayout"
>
<input
aria-describedby="TextInput-messages_23"
aria-invalid="true"
class="css-di2vv6-textInput"
id="TextInput_23"
placeholder="Enter HEX"
type="text"
value="F5F5F5"
width="22.5rem"
/>
<span
class="css-1yxwkr6-textInput__afterElement"
>
<div
class="css-zeg07-colorPicker__errorIcons"
>
<svg
aria-hidden="true"
class="css-1uh2md0-inlineSVG-svgIcon"
data-cid="InlineSVG SVGIcon"
focusable="false"
height="1em"
name="IconWarning"
role="presentation"
rotate="0"
style="width: 1em; height: 1em;"
viewBox="0 0 1920 1920"
width="1em"
>
<g
|