@kungal/ui-tokens 1.9.1 → 1.9.2
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/package.json +1 -1
- package/src/base.css +1 -1
- package/src/tokens.css +5 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @kungal/ui-tokens
|
|
2
2
|
|
|
3
|
+
## 1.9.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- b673935: fix(tokens,vue): softer neutral hairline + bordered cards by default
|
|
8
|
+
|
|
9
|
+
- KunCard shows a faint hairline border by default again (it was borderless during
|
|
10
|
+
the filled-surface work) — with the lighter page and softer shadows, a hairline
|
|
11
|
+
delineates the card better than shadow alone.
|
|
12
|
+
- The shared neutral border token (`--color-kun-border` / the `border-kun` utility)
|
|
13
|
+
drops from `default-200` to `default-100` — a lighter hairline that delineates a
|
|
14
|
+
surface without framing it. Every consumer softens at once: inputs, textarea,
|
|
15
|
+
select & other controls, accordion, tabs, dividers, drawer rules, etc. Error
|
|
16
|
+
borders (danger) and focus rings are unaffected.
|
|
17
|
+
|
|
3
18
|
## 1.9.1
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/package.json
CHANGED
package/src/base.css
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
::file-selector-button {
|
|
20
20
|
/* Global default border color = the canonical neutral border token, so a
|
|
21
21
|
* bare `border` (no explicit color) matches `border-kun` everywhere. */
|
|
22
|
-
border-color: var(--color-kun-border, var(--color-default-
|
|
22
|
+
border-color: var(--color-kun-border, var(--color-default-100, currentColor));
|
|
23
23
|
color: var(--color-foreground);
|
|
24
24
|
}
|
|
25
25
|
|
package/src/tokens.css
CHANGED
|
@@ -303,8 +303,9 @@
|
|
|
303
303
|
|
|
304
304
|
/* Canonical neutral border — the SINGLE source of truth for every structural
|
|
305
305
|
* hairline (inputs, cards, dividers, popovers, tabs, tables…). Defaults to the
|
|
306
|
-
* `default-
|
|
307
|
-
*
|
|
306
|
+
* `default-100` step — a very light hairline that just delineates a surface
|
|
307
|
+
* without framing it — which already flips light↔dark, so one utility stays
|
|
308
|
+
* consistent across modes AND
|
|
308
309
|
* components — no more per-component `border-default/20` + `dark:border-…`
|
|
309
310
|
* juggling that only coincidentally matched. Retheme every border at once by
|
|
310
311
|
* overriding `--color-kun-border` (set it in `.kun-dark-mode` too if you give
|
|
@@ -316,10 +317,10 @@
|
|
|
316
317
|
* / `focus:border-*` still win (apply `border-kun` only in the non-error branch
|
|
317
318
|
* so two plain border-color utilities never fight over source order). */
|
|
318
319
|
:root {
|
|
319
|
-
--color-kun-border: oklch(var(--default-
|
|
320
|
+
--color-kun-border: oklch(var(--default-100));
|
|
320
321
|
}
|
|
321
322
|
@utility border-kun {
|
|
322
|
-
border-color: var(--color-kun-border, oklch(var(--default-
|
|
323
|
+
border-color: var(--color-kun-border, oklch(var(--default-100)));
|
|
323
324
|
}
|
|
324
325
|
|
|
325
326
|
/* Duration utilities bound to the motion scale, so component transitions route
|