@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/dist/index.cjs.js
CHANGED
|
@@ -23993,7 +23993,6 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
23993
23993
|
"aria-labelledby": ariaLabelledby,
|
|
23994
23994
|
"aria-describedby": ariaDescribedby,
|
|
23995
23995
|
"aria-expanded": isOpen,
|
|
23996
|
-
"aria-live": "polite",
|
|
23997
23996
|
autoComplete: autocompleteValue,
|
|
23998
23997
|
background: isOpen ? themeValues.hoverColor : WHITE,
|
|
23999
23998
|
borderRadius: "2px",
|
|
@@ -24066,7 +24065,7 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
24066
24065
|
}, /*#__PURE__*/React__default.createElement(Text$1, {
|
|
24067
24066
|
variant: "p",
|
|
24068
24067
|
color: choice.value === value ? WHITE : disabledValues.includes(choice.value) ? STORM_GREY : MINESHAFT_GREY,
|
|
24069
|
-
extraStyles: "padding-left: 16px; \n
|
|
24068
|
+
extraStyles: "padding-left: 16px; \n cursor: ".concat(disabledValues.includes(choice.value) ? "default" : "pointer", "; \n white-space: nowrap; \n overflow: hidden; \n text-overflow: ellipsis;")
|
|
24070
24069
|
}, choice.text));
|
|
24071
24070
|
}))) : /*#__PURE__*/React__default.createElement(React.Fragment, null)));
|
|
24072
24071
|
};
|
|
@@ -24234,14 +24233,14 @@ var FormSelect = function FormSelect(_ref) {
|
|
|
24234
24233
|
required: options.required
|
|
24235
24234
|
}), /*#__PURE__*/React__default.createElement(Stack, {
|
|
24236
24235
|
direction: "row",
|
|
24237
|
-
justify: "space-between"
|
|
24236
|
+
justify: "space-between",
|
|
24237
|
+
"aria-role": "alert"
|
|
24238
24238
|
}, /*#__PURE__*/React__default.createElement(Text$1, {
|
|
24239
24239
|
color: ERROR_COLOR,
|
|
24240
24240
|
variant: "pXS",
|
|
24241
24241
|
weight: themeValues.fontWeight,
|
|
24242
24242
|
extraStyles: "word-break: break-word;\n font-family: Public Sans;\n &::first-letter {\n text-transform: uppercase;\n }",
|
|
24243
|
-
id: createIdFromString(labelTextWhenNoError, "error message")
|
|
24244
|
-
"aria-live": "polite"
|
|
24243
|
+
id: createIdFromString(labelTextWhenNoError, "error message")
|
|
24245
24244
|
}, field.hasErrors && field.dirty || field.hasErrors && showErrors ? errorMessages[field.errors[0]] : "")));
|
|
24246
24245
|
};
|
|
24247
24246
|
|
|
@@ -25955,7 +25954,8 @@ var FormInput = function FormInput(_ref15) {
|
|
|
25955
25954
|
};
|
|
25956
25955
|
|
|
25957
25956
|
return /*#__PURE__*/React__default.createElement(Stack, {
|
|
25958
|
-
childGap: "0.25rem"
|
|
25957
|
+
childGap: "0.25rem",
|
|
25958
|
+
"aria-live": "assertive"
|
|
25959
25959
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
25960
25960
|
padding: "0"
|
|
25961
25961
|
}, helperModal ? /*#__PURE__*/React__default.createElement(Cluster, {
|
|
@@ -26002,7 +26002,8 @@ var FormInput = function FormInput(_ref15) {
|
|
|
26002
26002
|
}, showPassword ? "Hide" : "Show"), isMobile && decorator && /*#__PURE__*/React__default.createElement(Box, {
|
|
26003
26003
|
padding: "0 0 0 auto"
|
|
26004
26004
|
}, decorator)))), /*#__PURE__*/React__default.createElement(Box, {
|
|
26005
|
-
padding: "0"
|
|
26005
|
+
padding: "0",
|
|
26006
|
+
"aria-live": "assertive"
|
|
26006
26007
|
}, formatter ? /*#__PURE__*/React__default.createElement(FormattedInputField, _extends({
|
|
26007
26008
|
"aria-labelledby": createIdFromString(labelTextWhenNoError),
|
|
26008
26009
|
"aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
|
|
@@ -26044,7 +26045,7 @@ var FormInput = function FormInput(_ref15) {
|
|
|
26044
26045
|
}, props))), /*#__PURE__*/React__default.createElement(Stack, {
|
|
26045
26046
|
direction: "row",
|
|
26046
26047
|
justify: "space-between",
|
|
26047
|
-
"aria-
|
|
26048
|
+
"aria-role": "alert"
|
|
26048
26049
|
}, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26049
26050
|
color: ERROR_COLOR,
|
|
26050
26051
|
variant: "pXS",
|