@thecb/components 8.4.11-beta.18 → 8.4.11-beta.19
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 +7 -11
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +7 -11
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/checkbox/Checkbox.js +0 -2
- package/src/components/atoms/country-dropdown/CountryDropdown.stories.js +0 -1
- package/src/components/atoms/dropdown/Dropdown.js +4 -4
- package/src/components/atoms/form-select/FormSelect.js +4 -5
package/dist/index.cjs.js
CHANGED
|
@@ -22150,9 +22150,7 @@ var Checkbox = function Checkbox(_ref4) {
|
|
|
22150
22150
|
"aria-label": name,
|
|
22151
22151
|
checked: checked,
|
|
22152
22152
|
onChange: onChange,
|
|
22153
|
-
tabIndex: "-1"
|
|
22154
|
-
"aria-invalid": error,
|
|
22155
|
-
"aria-describedby": error ? "".concat(name, "-error-message") : ""
|
|
22153
|
+
tabIndex: "-1"
|
|
22156
22154
|
}), /*#__PURE__*/React__default.createElement(StyledCheckbox, {
|
|
22157
22155
|
error: error,
|
|
22158
22156
|
disabled: disabled,
|
|
@@ -23985,15 +23983,15 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
23985
23983
|
width: "100%"
|
|
23986
23984
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
23987
23985
|
as: "input",
|
|
23988
|
-
role: "combobox",
|
|
23989
23986
|
"aria-multiline": "false",
|
|
23987
|
+
autoComplete: autocompleteValue,
|
|
23988
|
+
"aria-controls": "".concat(ariaLabelledby, "_listbox"),
|
|
23990
23989
|
"aria-activedescendant": "focused_option",
|
|
23991
23990
|
"aria-owns": "".concat(ariaLabelledby, "_listbox"),
|
|
23992
|
-
"aria-controls": "".concat(ariaLabelledby, "_listbox"),
|
|
23993
23991
|
"aria-haspopup": "listbox",
|
|
23994
23992
|
"aria-labelledby": ariaLabelledby,
|
|
23995
23993
|
"aria-describedby": ariaDescribedby,
|
|
23996
|
-
|
|
23994
|
+
"aria-expanded": isOpen,
|
|
23997
23995
|
background: isOpen ? themeValues.hoverColor : WHITE,
|
|
23998
23996
|
borderRadius: "2px",
|
|
23999
23997
|
borderSize: "1px",
|
|
@@ -24004,7 +24002,6 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
24004
24002
|
minHeight: "48px",
|
|
24005
24003
|
minWidth: "100%",
|
|
24006
24004
|
name: autocompleteValue,
|
|
24007
|
-
"aria-expanded": isOpen,
|
|
24008
24005
|
onChange: function onChange(e) {
|
|
24009
24006
|
// support autofill and copy/paste
|
|
24010
24007
|
if (e.target.value !== inputValue) {
|
|
@@ -24014,6 +24011,7 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
24014
24011
|
},
|
|
24015
24012
|
padding: "12px",
|
|
24016
24013
|
placeholder: getSelection(),
|
|
24014
|
+
role: "combobox",
|
|
24017
24015
|
themeValues: themeValues,
|
|
24018
24016
|
title: hasTitles ? getSelection() : null,
|
|
24019
24017
|
type: "text",
|
|
@@ -24214,7 +24212,7 @@ var FormSelect = function FormSelect(_ref) {
|
|
|
24214
24212
|
id: createIdFromString(labelTextWhenNoError)
|
|
24215
24213
|
}, labelTextWhenNoError))), /*#__PURE__*/React__default.createElement(Dropdown$1, {
|
|
24216
24214
|
ariaLabelledby: createIdFromString(labelTextWhenNoError),
|
|
24217
|
-
|
|
24215
|
+
"aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
|
|
24218
24216
|
maxHeight: dropdownMaxHeight,
|
|
24219
24217
|
hasTitles: hasTitles,
|
|
24220
24218
|
placeholder: options[0] ? options[0].text : "",
|
|
@@ -24236,9 +24234,7 @@ var FormSelect = function FormSelect(_ref) {
|
|
|
24236
24234
|
"aria-disabled": disabled,
|
|
24237
24235
|
autocompleteValue: autocompleteValue,
|
|
24238
24236
|
smoothScroll: smoothScroll,
|
|
24239
|
-
required: options.required
|
|
24240
|
-
"aria-required": options.required,
|
|
24241
|
-
id: "".concat(createIdFromString(labelTextWhenNoError), "-input")
|
|
24237
|
+
required: options.required
|
|
24242
24238
|
}), /*#__PURE__*/React__default.createElement(Stack, {
|
|
24243
24239
|
direction: "row",
|
|
24244
24240
|
justify: "space-between"
|