@dimaan/ui 0.0.30 → 0.0.32
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/dist/index.cjs +219 -180
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +16 -6
- package/dist/index.d.ts +16 -6
- package/dist/index.js +219 -180
- package/dist/index.js.map +1 -1
- package/dist/preset.css +29 -5
- package/package.json +1 -1
package/dist/preset.css
CHANGED
|
@@ -116,6 +116,12 @@
|
|
|
116
116
|
--color-muted: oklch(0.97 0.005 264);
|
|
117
117
|
--color-muted-foreground: oklch(0.55 0.025 264);
|
|
118
118
|
|
|
119
|
+
/* Panel / section header tint — a faint OPAQUE teal wash shared by the data-table
|
|
120
|
+
header and the list-page filter-panel header, so stacked panels read as one
|
|
121
|
+
family. Mixed into --color-card (not transparent) so it stays opaque under a
|
|
122
|
+
sticky table header, and auto-adapts to dark via --color-primary/--color-card. */
|
|
123
|
+
--color-panel-header: color-mix(in oklab, var(--color-primary) 6%, var(--color-card));
|
|
124
|
+
|
|
119
125
|
/* Feedback */
|
|
120
126
|
--color-destructive: oklch(0.577 0.245 27.325);
|
|
121
127
|
--color-destructive-foreground: oklch(0.985 0 0);
|
|
@@ -124,11 +130,11 @@
|
|
|
124
130
|
--color-warning: oklch(0.78 0.16 80);
|
|
125
131
|
--color-warning-foreground: oklch(0.205 0 0);
|
|
126
132
|
|
|
127
|
-
/* Soft-badge text —
|
|
128
|
-
--color-primary-soft-foreground: oklch(0.
|
|
129
|
-
--color-success-soft-foreground: oklch(0.
|
|
130
|
-
--color-warning-soft-foreground: oklch(0.
|
|
131
|
-
--color-destructive-soft-foreground: oklch(0.
|
|
133
|
+
/* Soft-badge text — modern, saturated status colours (kept AA-readable) on a translucent /15 tint */
|
|
134
|
+
--color-primary-soft-foreground: oklch(0.5 0.12 200);
|
|
135
|
+
--color-success-soft-foreground: oklch(0.5 0.16 148);
|
|
136
|
+
--color-warning-soft-foreground: oklch(0.5 0.13 68);
|
|
137
|
+
--color-destructive-soft-foreground: oklch(0.52 0.21 25);
|
|
132
138
|
|
|
133
139
|
/* ── Bold gradient + glow — signature moments only ───────────── */
|
|
134
140
|
--gradient-primary: linear-gradient(
|
|
@@ -137,6 +143,14 @@
|
|
|
137
143
|
oklch(0.55 0.25 270) 55%,
|
|
138
144
|
oklch(0.62 0.2 230)
|
|
139
145
|
);
|
|
146
|
+
/* Table brand accent — teal→blue signature line (top of the data-table card)
|
|
147
|
+
and the paginator's current-page emphasis. Additive; buttons keep --gradient-primary. */
|
|
148
|
+
--gradient-table: linear-gradient(
|
|
149
|
+
120deg,
|
|
150
|
+
oklch(0.66 0.14 195),
|
|
151
|
+
oklch(0.55 0.12 235) 55%,
|
|
152
|
+
oklch(0.56 0.15 275)
|
|
153
|
+
);
|
|
140
154
|
--color-primary-glow: oklch(0.55 0.1 195 / 0.4);
|
|
141
155
|
|
|
142
156
|
/* Primary button "tactile" depth — colored bloom follows --color-primary-glow */
|
|
@@ -258,6 +272,13 @@
|
|
|
258
272
|
oklch(0.62 0.22 270) 55%,
|
|
259
273
|
oklch(0.66 0.18 230)
|
|
260
274
|
);
|
|
275
|
+
/* Table brand accent — brighter to pop on dark surfaces */
|
|
276
|
+
--gradient-table: linear-gradient(
|
|
277
|
+
120deg,
|
|
278
|
+
oklch(0.72 0.14 195),
|
|
279
|
+
oklch(0.62 0.13 235) 55%,
|
|
280
|
+
oklch(0.64 0.15 275)
|
|
281
|
+
);
|
|
261
282
|
--color-primary-glow: oklch(0.6 0.1 195 / 0.5);
|
|
262
283
|
|
|
263
284
|
/* Glass — dark frosted surfaces */
|
|
@@ -389,6 +410,9 @@
|
|
|
389
410
|
@utility bg-gradient-primary {
|
|
390
411
|
background-image: var(--gradient-primary);
|
|
391
412
|
}
|
|
413
|
+
@utility bg-gradient-table {
|
|
414
|
+
background-image: var(--gradient-table);
|
|
415
|
+
}
|
|
392
416
|
|
|
393
417
|
@utility glass {
|
|
394
418
|
background-color: var(--glass-bg);
|