@alexandregme/zljs 1.13.1 → 1.14.0
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 +24 -1
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,28 @@ A change that needs action in an app has a **Migration** note. When updating, re
|
|
|
8
8
|
|
|
9
9
|
## [Unreleased]
|
|
10
10
|
|
|
11
|
+
## [1.14.0] - 2026-11-02
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- The box of a `Checkbox` with `variant="card"` is centered on the height of its content, instead of sitting at the top. With several lines, it is no longer beside the first one
|
|
16
|
+
|
|
17
|
+
### Fixed
|
|
18
|
+
|
|
19
|
+
- A checked `Checkbox` uses the theme's `primary` color. It had `text-blue-600`, which does nothing on a native checkbox, so it kept the browser's own color, and an app's theme only reached the border of a `card`
|
|
20
|
+
|
|
21
|
+
#### Migration
|
|
22
|
+
|
|
23
|
+
Every `Checkbox` with `variant="card"` looks different, so check those screens. Code only needs a change if it forces the alignment from outside, or if a test asserts `items-start` on the card. To find them, run the commands below from the app's root. The first also finds other components named `Checkbox` and any `variant`, and the last also finds `items-start` set by the app, and those stay as they are:
|
|
24
|
+
|
|
25
|
+
```sh
|
|
26
|
+
grep -rnE -A6 "<Checkbox([[:space:]/>]|$)" . --include='*.tsx' --exclude-dir=node_modules --exclude-dir=.next | grep -E "variant="
|
|
27
|
+
grep -rnE "\[&_label\]:items-" . --include='*.ts' --include='*.tsx' --exclude-dir=node_modules --exclude-dir=.next
|
|
28
|
+
grep -rnE "items-start" . --include='*.test.*' --exclude-dir=node_modules --exclude-dir=.next
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
Remove a wrapper that only sets `[&_label]:items-center`, and the test that asserts it. In tests, replace `items-start` with `items-center`.
|
|
32
|
+
|
|
11
33
|
## [1.13.0] - 2026-11-02
|
|
12
34
|
|
|
13
35
|
### Added
|
|
@@ -162,7 +184,8 @@ Replace the shade with the class of the `color` being tested, for example `/(^|\
|
|
|
162
184
|
|
|
163
185
|
The message of `Error` is `text-zl-danger`. `none` and `ghost` didn't change.
|
|
164
186
|
|
|
165
|
-
[Unreleased]: https://github.com/alexandregme/zljs/compare/v1.
|
|
187
|
+
[Unreleased]: https://github.com/alexandregme/zljs/compare/v1.14.0...HEAD
|
|
188
|
+
[1.14.0]: https://github.com/alexandregme/zljs/compare/v1.13.0...v1.14.0
|
|
166
189
|
[1.13.0]: https://github.com/alexandregme/zljs/compare/v1.12.0...v1.13.0
|
|
167
190
|
[1.12.0]: https://github.com/alexandregme/zljs/compare/v1.11.0...v1.12.0
|
|
168
191
|
[1.11.0]: https://github.com/alexandregme/zljs/compare/v1.10.0...v1.11.0
|
package/dist/index.js
CHANGED
|
@@ -224,7 +224,7 @@ var innerWrapper = tv2({
|
|
|
224
224
|
variants: {
|
|
225
225
|
variant: {
|
|
226
226
|
default: "w-fit items-center gap-2",
|
|
227
|
-
card: "items-
|
|
227
|
+
card: "items-center gap-3 rounded-lg border border-gray-500 p-3 has-checked:border-zl-primary has-checked:ring-1 has-checked:ring-zl-primary has-disabled:bg-gray-100"
|
|
228
228
|
}
|
|
229
229
|
},
|
|
230
230
|
defaultVariants: {
|
|
@@ -232,7 +232,7 @@ var innerWrapper = tv2({
|
|
|
232
232
|
}
|
|
233
233
|
});
|
|
234
234
|
var checkbox = tv2({
|
|
235
|
-
base: "shrink-0
|
|
235
|
+
base: "shrink-0 accent-zl-primary border-gray-300 rounded focus:ring-2 focus:ring-blue-500 disabled:cursor-not-allowed",
|
|
236
236
|
variants: {
|
|
237
237
|
size: {
|
|
238
238
|
sm: "w-3.5 h-3.5",
|