@cypress-design/react-checkbox 0.4.3 → 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.
Files changed (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/Checkbox.tsx +2 -1
  3. package/dist/Checkbox.d.ts.map +1 -1
  4. package/dist/index.es.mjs +5 -3
  5. package/dist/index.es.mjs.map +1 -1
  6. package/dist/index.umd.js +5 -3
  7. package/dist/index.umd.js.map +1 -1
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @cypress-design/react-checkbox
2
2
 
3
+ ## 0.4.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#101](https://github.com/cypress-io/cypress-design/pull/101) [`1630e4c`](https://github.com/cypress-io/cypress-design/commit/1630e4c4200944cf6414cee9e92dcce6b4d8a576) Thanks [@mapsandapps](https://github.com/mapsandapps)! - Fix styles for Checkbox
8
+
3
9
  ## 0.4.3
4
10
 
5
11
  ### Patch Changes
package/Checkbox.tsx CHANGED
@@ -73,11 +73,12 @@ export const Checkbox: FunctionComponent<CheckboxProps> = ({
73
73
  />
74
74
  <label className="flex items-center" htmlFor={id}>
75
75
  {localChecked && (
76
+ // <windi-keep strokeColor="white"/>
76
77
  <IconCheckmarkSmall strokeColor="white" className="absolute" />
77
78
  )}
78
79
  <span
79
80
  className={clsx([
80
- `block border-1 rounded h-16px w-16px flex items-center text-white`,
81
+ `block border-1 border-solid rounded h-16px w-16px flex items-center text-white`,
81
82
  disabled
82
83
  ? 'border-gray-200 bg-gray-100'
83
84
  : localChecked
package/dist/Checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGpE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACtE;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC/D;AAQD,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CA6DrD,CAAA;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGpE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACtE;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC/D;AAQD,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CA8DrD,CAAA;AAED,eAAe,QAAQ,CAAA"}
package/dist/index.es.mjs CHANGED
@@ -126,9 +126,11 @@ var Checkbox = function (_a) {
126
126
  return (React.createElement("div", __assign$1({ className: clsx(className, 'relative flex items-center') }, rest),
127
127
  React.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 }),
128
128
  React.createElement("label", { className: "flex items-center", htmlFor: id },
129
- localChecked && (React.createElement(IconCheckmarkSmall, { strokeColor: "white", className: "absolute" })),
129
+ localChecked && (
130
+ // <windi-keep strokeColor="white"/>
131
+ React.createElement(IconCheckmarkSmall, { strokeColor: "white", className: "absolute" })),
130
132
  React.createElement("span", { className: clsx([
131
- "block border-1 rounded h-16px w-16px flex items-center text-white",
133
+ "block border-1 border-solid rounded h-16px w-16px flex items-center text-white",
132
134
  disabled
133
135
  ? 'border-gray-200 bg-gray-100'
134
136
  : localChecked
@@ -147,5 +149,5 @@ var Checkbox = function (_a) {
147
149
 
148
150
  export { Checkbox as default };
149
151
 
150
- /* <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"> */
152
+ /* <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"> */
151
153
  //# sourceMappingURL=index.es.mjs.map