@cypress-design/react-checkbox 0.4.4 → 0.4.6
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/CHANGELOG.md +15 -0
- package/Checkbox.tsx +7 -4
- package/CheckboxReact.cy.tsx +12 -0
- package/dist/Checkbox.d.ts.map +1 -1
- package/dist/index.es.mjs +5 -5
- package/dist/index.es.mjs.map +1 -1
- package/dist/index.umd.js +5 -5
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -113,7 +113,7 @@ var compileReactIconProperties = function (_a) {
|
|
|
113
113
|
}
|
|
114
114
|
return newAttributes;
|
|
115
115
|
}, {});
|
|
116
|
-
var componentProps = __assign({ width: size, height: size, fill: 'none', dangerouslySetInnerHTML: {
|
|
116
|
+
var componentProps = __assign({ width: size, height: size, viewBox: "0 0 " + size + " " + size, fill: 'none', dangerouslySetInnerHTML: {
|
|
117
117
|
__html: body
|
|
118
118
|
} }, filteredAttributes);
|
|
119
119
|
if (attributes.className) {
|
|
@@ -148,14 +148,14 @@ var Checkbox = function (_a) {
|
|
|
148
148
|
setChecked(!localChecked);
|
|
149
149
|
onChange(event);
|
|
150
150
|
}
|
|
151
|
-
return (React__namespace.createElement("
|
|
151
|
+
return (React__namespace.createElement("span", __assign$1({ className: clsx__default["default"](className, 'block relative flex items-center') }, rest),
|
|
152
152
|
React__namespace.createElement("input", { id: id, className: "absolute inset-0 w-0 h-0 opacity-0", "aria-describedby": id + "-description", name: name || id, type: "checkbox", onChange: onChangeInput, disabled: disabled, checked: localChecked }),
|
|
153
153
|
React__namespace.createElement("label", { className: "flex items-center", htmlFor: id },
|
|
154
154
|
localChecked && (
|
|
155
155
|
// <windi-keep strokeColor="white"/>
|
|
156
156
|
React__namespace.createElement(IconCheckmarkSmall, { strokeColor: "white", className: "absolute" })),
|
|
157
157
|
React__namespace.createElement("span", { className: clsx__default["default"]([
|
|
158
|
-
"block border-1 border-solid rounded h-16px w-16px flex items-center text-white",
|
|
158
|
+
"block border-1 border-solid rounded h-16px w-16px flex flex-shrink-0 items-center text-white",
|
|
159
159
|
disabled
|
|
160
160
|
? 'border-gray-200 bg-gray-100'
|
|
161
161
|
: localChecked
|
|
@@ -168,11 +168,11 @@ var Checkbox = function (_a) {
|
|
|
168
168
|
]) }),
|
|
169
169
|
label && (React__namespace.createElement("span", { className: clsx__default["default"]([
|
|
170
170
|
disabled ? 'text-gray-500' : 'text-gray-800',
|
|
171
|
-
'block ml-
|
|
171
|
+
'block ml-8px text-16px leading-24px font-light select-none',
|
|
172
172
|
]) }, label)))));
|
|
173
173
|
};
|
|
174
174
|
|
|
175
175
|
module.exports = Checkbox;
|
|
176
176
|
|
|
177
|
-
/* <windicss-keep class="relative flex items-center absolute inset-0 w-0 h-0 opacity-0
|
|
177
|
+
/* <windicss-keep class="block relative flex items-center absolute inset-0 w-0 h-0 opacity-0 border-1 border-solid rounded h-16px w-16px flex-shrink-0 text-white border-gray-200 bg-gray-100 border-indigo-500 bg-indigo-400 border-jade-500 bg-jade-400 border-red-500 bg-red-400 bg-white text-gray-500 text-gray-800 ml-8px text-16px leading-24px font-light select-none icon-dark-white"> */
|
|
178
178
|
//# sourceMappingURL=index.umd.js.map
|