@dorsk/tsumikit 0.1.0 → 0.1.1
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.
|
@@ -51,7 +51,11 @@
|
|
|
51
51
|
text-align: left;
|
|
52
52
|
white-space: normal;
|
|
53
53
|
}
|
|
54
|
-
|
|
54
|
+
/* Hover only restyles UNselected cards. Excluding `.sel` matters because this
|
|
55
|
+
rule is (0,4,0) — the `:not(:disabled)` pseudo-class pushes it above
|
|
56
|
+
`.btn.opt-btn.sel` (0,3,0) — so without the guard it would strip a selected
|
|
57
|
+
card's accent border + tint on hover, leaving a half-styled card. */
|
|
58
|
+
:global(.btn.opt-btn:hover:not(:disabled):not(.sel)) {
|
|
55
59
|
border-color: var(--border-strong);
|
|
56
60
|
background: var(--bg);
|
|
57
61
|
}
|
|
@@ -69,6 +73,14 @@
|
|
|
69
73
|
background: color-mix(in srgb, var(--oc) 14%, var(--bg));
|
|
70
74
|
color: var(--oc);
|
|
71
75
|
}
|
|
76
|
+
/* Reassert the accent on a hovered selected card. Button's `.btn-ghost:hover`
|
|
77
|
+
(0,3,0) ties with `.sel` and wins on source order, repainting the card with
|
|
78
|
+
the neutral elevated hover bg + transparent border; this rule (0,5,0) beats
|
|
79
|
+
it so the selection stays visible, slightly brightened for hover affordance. */
|
|
80
|
+
:global(.btn.opt-btn.sel:hover:not(:disabled)) {
|
|
81
|
+
border-color: var(--oc);
|
|
82
|
+
background: color-mix(in srgb, var(--oc) 20%, var(--bg));
|
|
83
|
+
}
|
|
72
84
|
/* The slotted hint text (a global `.faint`) tints toward the accent too. */
|
|
73
85
|
:global(.btn.opt-btn.sel .faint) {
|
|
74
86
|
color: color-mix(in srgb, var(--oc) 70%, var(--text-muted));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dorsk/tsumikit",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Minimal, dependency-free Svelte 5 + pure-CSS UI kit. Token-driven atoms, molecules & layouts with theming out of the box.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"homepage": "https://dorskfr.github.io/tsumikit",
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
11
|
-
"url": "git+https://github.com/
|
|
11
|
+
"url": "git+https://github.com/DorskFR/tsumikit.git"
|
|
12
12
|
},
|
|
13
13
|
"keywords": [
|
|
14
14
|
"svelte",
|
|
@@ -38,7 +38,8 @@
|
|
|
38
38
|
"./styles/variables.css": "./dist/styles/variables.css"
|
|
39
39
|
},
|
|
40
40
|
"publishConfig": {
|
|
41
|
-
"access": "public"
|
|
41
|
+
"access": "public",
|
|
42
|
+
"provenance": true
|
|
42
43
|
},
|
|
43
44
|
"scripts": {
|
|
44
45
|
"dev": "vite dev",
|