@thecb/components 9.2.10-beta.12 → 9.2.10-beta.14
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 +6 -12
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +6 -12
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/checkbox/Checkbox.js +2 -9
- package/src/components/atoms/checkbox/Checkbox.stories.js +0 -5
- package/src/components/molecules/terms-and-conditions/TermsAndConditionsControlV2.js +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -22107,7 +22107,7 @@ var HiddenCheckbox = styled__default.input.attrs({
|
|
|
22107
22107
|
}).withConfig({
|
|
22108
22108
|
displayName: "Checkbox__HiddenCheckbox",
|
|
22109
22109
|
componentId: "sc-36kqbv-3"
|
|
22110
|
-
})(["border:0;clip:rect(0 0 0 0);
|
|
22110
|
+
})(["border:0;clip:rect(0 0 0 0);clippath:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;"]);
|
|
22111
22111
|
var StyledCheckbox = styled__default.div.withConfig({
|
|
22112
22112
|
displayName: "Checkbox__StyledCheckbox",
|
|
22113
22113
|
componentId: "sc-36kqbv-4"
|
|
@@ -22161,10 +22161,6 @@ var Checkbox = function Checkbox(_ref4) {
|
|
|
22161
22161
|
}
|
|
22162
22162
|
};
|
|
22163
22163
|
|
|
22164
|
-
var checkboxProps = _objectSpread2({}, checkboxAriaLabel ? {
|
|
22165
|
-
"aria-label": checkboxAriaLabel
|
|
22166
|
-
} : {});
|
|
22167
|
-
|
|
22168
22164
|
return /*#__PURE__*/React__default.createElement(Box, {
|
|
22169
22165
|
padding: "0",
|
|
22170
22166
|
tabIndex: "0",
|
|
@@ -22194,13 +22190,10 @@ var Checkbox = function Checkbox(_ref4) {
|
|
|
22194
22190
|
tabIndex: "-1",
|
|
22195
22191
|
"aria-invalid": error,
|
|
22196
22192
|
"aria-describedby": error ? "".concat(name, "-error-message") : ""
|
|
22197
|
-
}), /*#__PURE__*/React__default.createElement(StyledCheckbox,
|
|
22193
|
+
}), /*#__PURE__*/React__default.createElement(StyledCheckbox, {
|
|
22198
22194
|
role: "checkbox",
|
|
22199
|
-
name: name,
|
|
22200
22195
|
error: error,
|
|
22201
|
-
"aria-invalid": error,
|
|
22202
22196
|
disabled: disabled,
|
|
22203
|
-
"aria-disabled": disabled,
|
|
22204
22197
|
checked: checked,
|
|
22205
22198
|
"aria-checked": checked,
|
|
22206
22199
|
focused: focused,
|
|
@@ -22209,8 +22202,9 @@ var Checkbox = function Checkbox(_ref4) {
|
|
|
22209
22202
|
errorStyles: themeValues.errorStyles,
|
|
22210
22203
|
disabledStyles: themeValues.disabledStyles,
|
|
22211
22204
|
disabledCheckedStyles: themeValues.disabledCheckedStyles,
|
|
22212
|
-
focusedStyles: themeValues.focusedStyles
|
|
22213
|
-
|
|
22205
|
+
focusedStyles: themeValues.focusedStyles,
|
|
22206
|
+
"aria-label": checkboxAriaLabel || "".concat(title, " checkbox")
|
|
22207
|
+
}, /*#__PURE__*/React__default.createElement(CheckboxIcon, {
|
|
22214
22208
|
viewBox: "0 0 24 24",
|
|
22215
22209
|
disabled: disabled,
|
|
22216
22210
|
disabledCheckColor: themeValues.disabledCheckColor,
|
|
@@ -47967,7 +47961,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
47967
47961
|
onChange: onCheck,
|
|
47968
47962
|
checkboxMargin: checkboxMargin,
|
|
47969
47963
|
extraStyles: "align-self: flex-start;",
|
|
47970
|
-
|
|
47964
|
+
"aria-label": checkboxAriaLabel
|
|
47971
47965
|
}), /*#__PURE__*/React__default.createElement(Stack, {
|
|
47972
47966
|
childGap: "0.25rem",
|
|
47973
47967
|
fullHeight: true
|