@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/package.json
CHANGED
|
@@ -33,7 +33,7 @@ const CheckboxIcon = styled.svg`
|
|
|
33
33
|
const HiddenCheckbox = styled.input.attrs({ type: "checkbox" })`
|
|
34
34
|
border: 0;
|
|
35
35
|
clip: rect(0 0 0 0);
|
|
36
|
-
|
|
36
|
+
clippath: inset(50%);
|
|
37
37
|
height: 1px;
|
|
38
38
|
margin: -1px;
|
|
39
39
|
overflow: hidden;
|
|
@@ -106,10 +106,6 @@ const Checkbox = ({
|
|
|
106
106
|
}
|
|
107
107
|
};
|
|
108
108
|
|
|
109
|
-
const checkboxProps = {
|
|
110
|
-
...(checkboxAriaLabel ? { "aria-label": checkboxAriaLabel } : {})
|
|
111
|
-
};
|
|
112
|
-
|
|
113
109
|
return (
|
|
114
110
|
<Box
|
|
115
111
|
padding="0"
|
|
@@ -136,11 +132,8 @@ const Checkbox = ({
|
|
|
136
132
|
/>
|
|
137
133
|
<StyledCheckbox
|
|
138
134
|
role="checkbox"
|
|
139
|
-
name={name}
|
|
140
135
|
error={error}
|
|
141
|
-
aria-invalid={error}
|
|
142
136
|
disabled={disabled}
|
|
143
|
-
aria-disabled={disabled}
|
|
144
137
|
checked={checked}
|
|
145
138
|
aria-checked={checked}
|
|
146
139
|
focused={focused}
|
|
@@ -150,7 +143,7 @@ const Checkbox = ({
|
|
|
150
143
|
disabledStyles={themeValues.disabledStyles}
|
|
151
144
|
disabledCheckedStyles={themeValues.disabledCheckedStyles}
|
|
152
145
|
focusedStyles={themeValues.focusedStyles}
|
|
153
|
-
{
|
|
146
|
+
aria-label={checkboxAriaLabel || `${title} checkbox`}
|
|
154
147
|
>
|
|
155
148
|
<CheckboxIcon
|
|
156
149
|
viewBox="0 0 24 24"
|
|
@@ -19,11 +19,6 @@ export const checkbox = () => (
|
|
|
19
19
|
error={boolean("error", false, "props")}
|
|
20
20
|
disabled={boolean("disabled", false, "props")}
|
|
21
21
|
focused={boolean("focused", false, "props")}
|
|
22
|
-
checkboxAriaLabel={text(
|
|
23
|
-
"checkboxAriaLabel",
|
|
24
|
-
"CheckboxAriaLabel Prop",
|
|
25
|
-
groupId
|
|
26
|
-
)}
|
|
27
22
|
/>
|
|
28
23
|
);
|
|
29
24
|
|
|
@@ -59,7 +59,7 @@ const TermsAndConditionsControlV2 = ({
|
|
|
59
59
|
onChange={onCheck}
|
|
60
60
|
checkboxMargin={checkboxMargin}
|
|
61
61
|
extraStyles={`align-self: flex-start;`}
|
|
62
|
-
|
|
62
|
+
aria-label={checkboxAriaLabel}
|
|
63
63
|
/>
|
|
64
64
|
)}
|
|
65
65
|
<Stack childGap="0.25rem" fullHeight>
|