@thecb/components 8.4.11-beta.6 → 8.4.11-beta.8
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/dist/index.cjs.js +9 -8
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +9 -8
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/dropdown/Dropdown.js +8 -9
- package/src/components/atoms/form-layouts/FormInput.js +3 -3
- package/src/components/atoms/form-select/FormSelect.js +1 -2
package/package.json
CHANGED
|
@@ -295,7 +295,6 @@ const Dropdown = ({
|
|
|
295
295
|
aria-labelledby={ariaLabelledby}
|
|
296
296
|
aria-describedby={ariaDescribedby}
|
|
297
297
|
aria-expanded={isOpen}
|
|
298
|
-
aria-live="polite"
|
|
299
298
|
autoComplete={autocompleteValue}
|
|
300
299
|
background={isOpen ? themeValues.hoverColor : WHITE}
|
|
301
300
|
borderRadius="2px"
|
|
@@ -391,14 +390,14 @@ const Dropdown = ({
|
|
|
391
390
|
: MINESHAFT_GREY
|
|
392
391
|
}
|
|
393
392
|
extraStyles={`padding-left: 16px;
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
393
|
+
cursor: ${
|
|
394
|
+
disabledValues.includes(choice.value)
|
|
395
|
+
? "default"
|
|
396
|
+
: "pointer"
|
|
397
|
+
};
|
|
398
|
+
white-space: nowrap;
|
|
399
|
+
overflow: hidden;
|
|
400
|
+
text-overflow: ellipsis;`}
|
|
402
401
|
>
|
|
403
402
|
{choice.text}
|
|
404
403
|
</Text>
|
|
@@ -127,7 +127,7 @@ const FormInput = ({
|
|
|
127
127
|
};
|
|
128
128
|
|
|
129
129
|
return (
|
|
130
|
-
<Stack childGap="0.25rem">
|
|
130
|
+
<Stack childGap="0.25rem" aria-live="assertive">
|
|
131
131
|
<Box padding="0">
|
|
132
132
|
{helperModal ? (
|
|
133
133
|
<Cluster justify="space-between" align="center">
|
|
@@ -194,7 +194,7 @@ const FormInput = ({
|
|
|
194
194
|
</Box>
|
|
195
195
|
)}
|
|
196
196
|
</Box>
|
|
197
|
-
<Box padding="0">
|
|
197
|
+
<Box padding="0" aria-live="assertive">
|
|
198
198
|
{formatter ? (
|
|
199
199
|
<FormattedInputField
|
|
200
200
|
aria-labelledby={createIdFromString(labelTextWhenNoError)}
|
|
@@ -249,7 +249,7 @@ const FormInput = ({
|
|
|
249
249
|
/>
|
|
250
250
|
)}
|
|
251
251
|
</Box>
|
|
252
|
-
<Stack direction="row" justify="space-between" aria-
|
|
252
|
+
<Stack direction="row" justify="space-between" aria-role="alert">
|
|
253
253
|
{(field.hasErrors && field.dirty) || (field.hasErrors && showErrors) ? (
|
|
254
254
|
<Text
|
|
255
255
|
color={ERROR_COLOR}
|
|
@@ -85,7 +85,7 @@ const FormSelect = ({
|
|
|
85
85
|
smoothScroll={smoothScroll}
|
|
86
86
|
required={options.required}
|
|
87
87
|
/>
|
|
88
|
-
<Stack direction="row" justify="space-between">
|
|
88
|
+
<Stack direction="row" justify="space-between" aria-role="alert">
|
|
89
89
|
<Text
|
|
90
90
|
color={ERROR_COLOR}
|
|
91
91
|
variant="pXS"
|
|
@@ -96,7 +96,6 @@ const FormSelect = ({
|
|
|
96
96
|
text-transform: uppercase;
|
|
97
97
|
}`}
|
|
98
98
|
id={createIdFromString(labelTextWhenNoError, "error message")}
|
|
99
|
-
aria-live="polite"
|
|
100
99
|
>
|
|
101
100
|
{(field.hasErrors && field.dirty) || (field.hasErrors && showErrors)
|
|
102
101
|
? errorMessages[field.errors[0]]
|