@cypress-design/react-checkbox 0.4.2 → 0.4.4
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 +12 -0
- package/Checkbox.tsx +19 -18
- package/CheckboxReact.cy.tsx +19 -1
- package/dist/Checkbox.d.ts.map +1 -1
- package/dist/index.es.mjs +21 -18
- package/dist/index.es.mjs.map +1 -1
- package/dist/index.umd.js +21 -18
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -150,26 +150,29 @@ var Checkbox = function (_a) {
|
|
|
150
150
|
}
|
|
151
151
|
return (React__namespace.createElement("div", __assign$1({ className: clsx__default["default"](className, '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
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
153
|
+
React__namespace.createElement("label", { className: "flex items-center", htmlFor: id },
|
|
154
|
+
localChecked && (
|
|
155
|
+
// <windi-keep strokeColor="white"/>
|
|
156
|
+
React__namespace.createElement(IconCheckmarkSmall, { strokeColor: "white", className: "absolute" })),
|
|
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",
|
|
159
|
+
disabled
|
|
160
|
+
? 'border-gray-200 bg-gray-100'
|
|
161
|
+
: localChecked
|
|
162
|
+
? {
|
|
163
|
+
'border-indigo-500 bg-indigo-400': color === 'indigo',
|
|
164
|
+
'border-jade-500 bg-jade-400': color === 'jade',
|
|
165
|
+
'border-red-500 bg-red-400': color === 'red'
|
|
166
|
+
}
|
|
167
|
+
: 'border-gray-200 bg-white',
|
|
168
|
+
]) }),
|
|
169
|
+
label && (React__namespace.createElement("span", { className: clsx__default["default"]([
|
|
170
|
+
disabled ? 'text-gray-500' : 'text-gray-800',
|
|
171
|
+
'block ml-2 text-16px leading-normal font-light select-none',
|
|
172
|
+
]) }, label)))));
|
|
170
173
|
};
|
|
171
174
|
|
|
172
175
|
module.exports = Checkbox;
|
|
173
176
|
|
|
174
|
-
/* <windicss-keep class="relative flex items-center absolute inset-0 w-0 h-0 opacity-0 block border-1 rounded h-16px w-16px 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-2 text-16px leading-normal font-light select-none"> */
|
|
177
|
+
/* <windicss-keep class="relative flex items-center absolute inset-0 w-0 h-0 opacity-0 block border-1 border-solid rounded h-16px w-16px 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-2 text-16px leading-normal font-light select-none icon-dark-white"> */
|
|
175
178
|
//# sourceMappingURL=index.umd.js.map
|