@krizaka/tailwind 3.34.0 → 3.36.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/index.css +44 -10
- package/package.json +6 -6
package/index.css
CHANGED
|
@@ -46,30 +46,46 @@
|
|
|
46
46
|
--color-success-soft: var(--kz-success-soft);
|
|
47
47
|
--color-warning-soft: var(--kz-warning-soft);
|
|
48
48
|
--color-danger-soft: var(--kz-danger-soft);
|
|
49
|
-
/* le verre (BRAND.md §6) : bg-glass + border-glass-border
|
|
49
|
+
/* le verre (BRAND.md §6) : bg-glass + border-glass-border — Cahier (ADR-004) : une feuille opaque, sans flou */
|
|
50
50
|
--color-glass: var(--kz-glass-bg);
|
|
51
51
|
--color-glass-border: var(--kz-glass-border);
|
|
52
|
+
/* le cahier (ADR-004) : la réglure, la marge, l'étiquette de spécimen */
|
|
53
|
+
--color-rule-major: var(--kz-paper-rule-major);
|
|
54
|
+
--color-rule-minor: var(--kz-paper-rule-minor);
|
|
55
|
+
--color-margin: var(--kz-paper-rule-margin);
|
|
56
|
+
--color-tag: var(--kz-paper-tag);
|
|
57
|
+
--color-tag-edge: var(--kz-paper-tag-edge);
|
|
58
|
+
--color-fg-tag: var(--kz-paper-tag-ink);
|
|
52
59
|
|
|
60
|
+
/* Cahier (ADR-004): every Tailwind radius reads a token, so no default 16–24 px corner slips through. */
|
|
61
|
+
--radius-xs: var(--kz-radius-xs);
|
|
53
62
|
--radius-sm: var(--kz-radius-sm);
|
|
54
63
|
--radius-md: var(--kz-radius-md);
|
|
55
64
|
--radius-lg: var(--kz-radius-lg);
|
|
56
65
|
--radius-xl: var(--kz-radius-xl);
|
|
66
|
+
--radius-2xl: var(--kz-radius-2xl);
|
|
67
|
+
--radius-3xl: var(--kz-radius-2xl);
|
|
68
|
+
--radius-4xl: var(--kz-radius-2xl);
|
|
57
69
|
--radius-full: var(--kz-radius-full);
|
|
58
70
|
|
|
59
71
|
--shadow-sm: var(--kz-shadow-sm);
|
|
60
72
|
--shadow-md: var(--kz-shadow-md);
|
|
61
73
|
--shadow-lg: var(--kz-shadow-lg);
|
|
74
|
+
--shadow-xl: var(--kz-shadow-overlay);
|
|
75
|
+
--shadow-2xl: var(--kz-shadow-overlay);
|
|
62
76
|
/* la signature (BRAND.md §6) : ombres d'encre multi-couches, et la lueur de la marque sous ce qui agit — composée ici
|
|
63
77
|
pour que var(--kz-accent) se lise sur l'élément (une section .brand-<id> a sa propre lueur) */
|
|
64
78
|
--shadow-raised: var(--kz-shadow-raised);
|
|
65
79
|
--shadow-floating: var(--kz-shadow-floating);
|
|
66
80
|
--shadow-overlay: var(--kz-shadow-overlay);
|
|
67
|
-
|
|
68
|
-
--shadow-glow
|
|
81
|
+
/* Cahier (ADR-004): no glow. What acts sits on a solid offset of its own ink, like a stamp pressed on paper. */
|
|
82
|
+
--shadow-glow: 0 1px 0 color-mix(in oklab, var(--kz-accent) 40%, transparent);
|
|
83
|
+
--shadow-glow-lg: 3px 4px 0 -1px color-mix(in oklab, var(--kz-accent) 35%, transparent);
|
|
69
84
|
/* les arêtes : le haut d'une surface surélevée capte la lumière, un puits (champ, piste) se creuse */
|
|
70
85
|
--inset-shadow-edge: inset 0 1px 0 0 var(--kz-edge-light);
|
|
71
86
|
--inset-shadow-edge-fill: inset 0 1px 0 0 var(--kz-edge-on-fill);
|
|
72
|
-
--inset-shadow-well: inset 0 1px
|
|
87
|
+
--inset-shadow-well: inset 0 1px 0 0 var(--kz-edge-well);
|
|
88
|
+
--ease-ink: var(--kz-ease);
|
|
73
89
|
|
|
74
90
|
--font-sans: var(--kz-font-sans);
|
|
75
91
|
--font-text: var(--kz-font-text);
|
|
@@ -109,16 +125,32 @@
|
|
|
109
125
|
@utility bg-fill-shade {
|
|
110
126
|
background-image: linear-gradient(to bottom, transparent 35%, var(--kz-fill-shade));
|
|
111
127
|
}
|
|
112
|
-
/*
|
|
128
|
+
/* Retiré (Cahier, ADR-004) : le halo radial devient un filet d'encre en haut de la surface (la carte « en avant »). */
|
|
113
129
|
@utility bg-halo {
|
|
114
|
-
background-image:
|
|
130
|
+
background-image: linear-gradient(var(--kz-accent), var(--kz-accent));
|
|
131
|
+
background-size: 100% 2px;
|
|
132
|
+
background-position: top;
|
|
133
|
+
background-repeat: no-repeat;
|
|
115
134
|
}
|
|
116
|
-
/*
|
|
135
|
+
/* Ce qui flotte (Cahier, ADR-004) : une feuille opaque et son contour ; plus de verre dépoli. */
|
|
117
136
|
@utility glass {
|
|
118
137
|
background-color: var(--kz-glass-bg);
|
|
119
138
|
border-color: var(--kz-glass-border);
|
|
120
|
-
|
|
121
|
-
|
|
139
|
+
}
|
|
140
|
+
/* La réglure Seyès (ADR-004) : le grand carreau de 32 px (une ligne forte), ses trois lignes fines, les verticales. */
|
|
141
|
+
@utility ruled {
|
|
142
|
+
background-image:
|
|
143
|
+
linear-gradient(to bottom, var(--kz-paper-rule-major) 1px, transparent 1px),
|
|
144
|
+
linear-gradient(to bottom, var(--kz-paper-rule-minor) 1px, transparent 1px),
|
|
145
|
+
linear-gradient(to right, var(--kz-paper-rule-minor) 1px, transparent 1px);
|
|
146
|
+
background-size: 100% var(--kz-paper-module), 100% var(--kz-paper-line), var(--kz-paper-module) 100%;
|
|
147
|
+
}
|
|
148
|
+
/* Les seules lignes horizontales, sans les verticales (une page à lire). */
|
|
149
|
+
@utility ruled-lines {
|
|
150
|
+
background-image:
|
|
151
|
+
linear-gradient(to bottom, var(--kz-paper-rule-major) 1px, transparent 1px),
|
|
152
|
+
linear-gradient(to bottom, var(--kz-paper-rule-minor) 1px, transparent 1px);
|
|
153
|
+
background-size: 100% var(--kz-paper-module), 100% var(--kz-paper-line);
|
|
122
154
|
}
|
|
123
155
|
/* L'anneau de focus signature : net (--kz-ring), décollé de l'élément, dans un halo de la même couleur. L'outline suit
|
|
124
156
|
les coins (y compris les coins coupés), le halo s'ajoute aux ombres de l'élément sans les effacer. */
|
|
@@ -148,7 +180,7 @@
|
|
|
148
180
|
}
|
|
149
181
|
@utility node-lit {
|
|
150
182
|
background-color: var(--kz-accent);
|
|
151
|
-
box-shadow: 0 0 0 3px color-mix(in oklab, var(--kz-accent) 22%, transparent)
|
|
183
|
+
box-shadow: 0 0 0 3px color-mix(in oklab, var(--kz-accent) 22%, transparent);
|
|
152
184
|
}
|
|
153
185
|
|
|
154
186
|
/* Variantes de thème : réservées aux illustrations et aux images. Interdites par lint dans les produits
|
|
@@ -169,5 +201,7 @@
|
|
|
169
201
|
:focus:not(:focus-visible) { outline: none; }
|
|
170
202
|
:focus-visible { outline: var(--kz-ring-width) solid var(--kz-ring); outline-offset: var(--kz-ring-offset); }
|
|
171
203
|
button:not(:disabled), [role="button"]:not(:disabled) { cursor: pointer; }
|
|
204
|
+
/* The display face has one weight (Young Serif, ADR-004): a bold heading is never faked by the browser. */
|
|
205
|
+
html { font-synthesis-weight: none; }
|
|
172
206
|
::placeholder { color: var(--kz-text-muted); }
|
|
173
207
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@krizaka/tailwind",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.36.0",
|
|
4
4
|
"description": "The Krizaka Tailwind CSS v4 preset: the semantic --kz-* tokens as utilities (bg-surface-1, text-fg-secondary, border-border-default, text-accent, rounded-xl…), illustration-only light/dark variants and the Krizaka easing.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"krizaka",
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"sideEffects": true,
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"tailwindcss": "^4.1",
|
|
40
|
-
"@krizaka/tokens": "^3.
|
|
41
|
-
"@krizaka/ui": "^3.
|
|
40
|
+
"@krizaka/tokens": "^3.36.0",
|
|
41
|
+
"@krizaka/ui": "^3.36.0"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@size-limit/file": "^14.2.0",
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
"typescript": "^5.9.0",
|
|
53
53
|
"vitest": "^4.1.11",
|
|
54
54
|
"@krizaka/config": "0.4.1",
|
|
55
|
-
"@krizaka/tokens": "^3.
|
|
56
|
-
"@krizaka/ui": "^3.
|
|
55
|
+
"@krizaka/tokens": "^3.36.0",
|
|
56
|
+
"@krizaka/ui": "^3.36.0"
|
|
57
57
|
},
|
|
58
58
|
"engines": {
|
|
59
59
|
"node": ">=22"
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
{
|
|
66
66
|
"name": ".",
|
|
67
67
|
"path": "index.css",
|
|
68
|
-
"limit": "3.
|
|
68
|
+
"limit": "3.65 kB",
|
|
69
69
|
"gzip": true
|
|
70
70
|
}
|
|
71
71
|
],
|