@thecb/components 9.2.10-beta.11 → 9.2.10-beta.13
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 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +7 -4
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/checkbox/Checkbox.js +6 -1
- package/src/components/atoms/checkbox/Checkbox.stories.js +1 -1
- package/src/components/molecules/terms-and-conditions/TermsAndConditionsControlV1.js +1 -1
- package/src/components/molecules/terms-and-conditions/TermsAndConditionsControlV2.js +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -22188,8 +22188,8 @@ var Checkbox = function Checkbox(_ref4) {
|
|
|
22188
22188
|
id: "checkbox-".concat(name),
|
|
22189
22189
|
disabled: disabled,
|
|
22190
22190
|
name: name,
|
|
22191
|
-
"aria-label": checkboxAriaLabel || "".concat(title, " checkbox"),
|
|
22192
22191
|
checked: checked,
|
|
22192
|
+
hidden: true,
|
|
22193
22193
|
onChange: onChange,
|
|
22194
22194
|
tabIndex: "-1",
|
|
22195
22195
|
"aria-invalid": error,
|
|
@@ -22209,7 +22209,9 @@ var Checkbox = function Checkbox(_ref4) {
|
|
|
22209
22209
|
errorStyles: themeValues.errorStyles,
|
|
22210
22210
|
disabledStyles: themeValues.disabledStyles,
|
|
22211
22211
|
disabledCheckedStyles: themeValues.disabledCheckedStyles,
|
|
22212
|
-
focusedStyles: themeValues.focusedStyles
|
|
22212
|
+
focusedStyles: themeValues.focusedStyles,
|
|
22213
|
+
"aria-describedby": error ? "".concat(name, "-error-message") : "",
|
|
22214
|
+
"aria-labelledby": !checkboxAriaLabel ? "".concat(name, "_checkbox_title") : undefined
|
|
22213
22215
|
}, checkboxProps), /*#__PURE__*/React__default.createElement(CheckboxIcon, {
|
|
22214
22216
|
viewBox: "0 0 24 24",
|
|
22215
22217
|
disabled: disabled,
|
|
@@ -22219,6 +22221,7 @@ var Checkbox = function Checkbox(_ref4) {
|
|
|
22219
22221
|
points: "20 6 9 17 4 12"
|
|
22220
22222
|
})))), title && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
22221
22223
|
variant: "p",
|
|
22224
|
+
id: "".concat(name, "_checkbox_title"),
|
|
22222
22225
|
weight: themeValues.textFontWeight,
|
|
22223
22226
|
color: themeValues.textColor,
|
|
22224
22227
|
extraStyles: textExtraStyles ? "".concat(textExtraStyles, " ").concat(disabled && "color: #6e727e; background-color: #f7f7f7;", " ") : "margin-left: 1rem ".concat(disabled && "color: #6e727e; background-color: #f7f7f7;")
|
|
@@ -47885,7 +47888,7 @@ var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
|
|
|
47885
47888
|
error: error,
|
|
47886
47889
|
checked: isChecked,
|
|
47887
47890
|
onChange: onCheck,
|
|
47888
|
-
|
|
47891
|
+
checkboxAriaLabel: checkboxAriaLabel
|
|
47889
47892
|
}), /*#__PURE__*/React__default.createElement(Box, {
|
|
47890
47893
|
padding: "0 0 0 58px"
|
|
47891
47894
|
}, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(Box, {
|
|
@@ -47967,7 +47970,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
47967
47970
|
onChange: onCheck,
|
|
47968
47971
|
checkboxMargin: checkboxMargin,
|
|
47969
47972
|
extraStyles: "align-self: flex-start;",
|
|
47970
|
-
|
|
47973
|
+
checkboxAriaLabel: checkboxAriaLabel
|
|
47971
47974
|
}), /*#__PURE__*/React__default.createElement(Stack, {
|
|
47972
47975
|
childGap: "0.25rem",
|
|
47973
47976
|
fullHeight: true
|