@almadar/ui 5.146.3 → 5.147.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/dist/avl/index.cjs +266 -33
- package/dist/avl/index.js +266 -33
- package/dist/{cn-BdGFhYe3.d.cts → cn-BAn68sNO.d.cts} +92 -2
- package/dist/{cn-DNkqAWZK.d.ts → cn-CWxxLkri.d.ts} +92 -2
- package/dist/components/index.cjs +267 -34
- package/dist/components/index.d.cts +93 -175
- package/dist/components/index.d.ts +93 -175
- package/dist/components/index.js +267 -34
- package/dist/lib/index.cjs +104 -0
- package/dist/lib/index.d.cts +2 -1
- package/dist/lib/index.d.ts +2 -1
- package/dist/lib/index.js +104 -1
- package/dist/providers/index.cjs +266 -33
- package/dist/providers/index.js +266 -33
- package/dist/runtime/index.cjs +266 -33
- package/dist/runtime/index.js +266 -33
- package/package.json +6 -6
- package/themes/bloomberg-dense.css +266 -229
- package/themes/retro.css +30 -30
package/themes/retro.css
CHANGED
|
@@ -13,16 +13,16 @@
|
|
|
13
13
|
* LIGHT MODE
|
|
14
14
|
* ========================================================================== */
|
|
15
15
|
[data-theme="retro-light"] {
|
|
16
|
-
/* Shadows - Hard offset
|
|
17
|
-
--shadow-main: 4px 4px 0 0 rgba(
|
|
18
|
-
--shadow-sm: 2px 2px 0 0 rgba(
|
|
16
|
+
/* Shadows - Hard offset arcade silhouette, toned-down opacity */
|
|
17
|
+
--shadow-main: 4px 4px 0 0 rgba(196, 36, 107, 0.4);
|
|
18
|
+
--shadow-sm: 2px 2px 0 0 rgba(196, 36, 107, 0.3);
|
|
19
19
|
--shadow-lg:
|
|
20
|
-
6px 6px 0 0 rgba(
|
|
20
|
+
6px 6px 0 0 rgba(196, 36, 107, 0.4);
|
|
21
21
|
--shadow-inner: inset 2px 2px 0 0 rgba(109, 40, 217, 0.12);
|
|
22
22
|
--shadow-none: none;
|
|
23
23
|
--shadow-hover:
|
|
24
|
-
6px 6px 0 0 rgba(0,
|
|
25
|
-
--shadow-active: 1px 1px 0 0 rgba(
|
|
24
|
+
6px 6px 0 0 rgba(0, 152, 170, 0.45);
|
|
25
|
+
--shadow-active: 1px 1px 0 0 rgba(196, 36, 107, 0.4);
|
|
26
26
|
|
|
27
27
|
/* Border radius - Sharp arcade corners */
|
|
28
28
|
--radius-none: 0px;
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
--border-width-thick: 3px;
|
|
39
39
|
|
|
40
40
|
/* Colors - Lavender day-shift over deep indigo ink */
|
|
41
|
-
--color-primary: #
|
|
42
|
-
--color-primary-hover: #
|
|
41
|
+
--color-primary: #d12368;
|
|
42
|
+
--color-primary-hover: #b81a57;
|
|
43
43
|
--color-primary-foreground: #ffffff;
|
|
44
44
|
|
|
45
45
|
--color-secondary: #e9d5ff;
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
--color-card: #ffffff;
|
|
58
58
|
--color-card-foreground: #2a1650;
|
|
59
59
|
--color-surface: #e9d5ff;
|
|
60
|
-
--color-border: rgba(
|
|
61
|
-
--color-input: rgba(0,
|
|
62
|
-
--color-ring: #
|
|
60
|
+
--color-border: rgba(196, 36, 107, 0.3);
|
|
61
|
+
--color-input: rgba(0, 152, 170, 0.35);
|
|
62
|
+
--color-ring: #0098aa;
|
|
63
63
|
|
|
64
64
|
/* Semantic colors */
|
|
65
65
|
--color-error: #dc2626;
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
|
|
83
83
|
/* Icon styling - Chunky strokes */
|
|
84
84
|
--icon-stroke-width: 2.5;
|
|
85
|
-
--icon-color: #
|
|
85
|
+
--icon-color: #d12368;
|
|
86
86
|
|
|
87
87
|
/* Transitions - Snappy, mechanical, linear */
|
|
88
88
|
--transition-fast: 50ms;
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
/* Focus ring */
|
|
101
101
|
--focus-ring-width: 2px;
|
|
102
102
|
--focus-ring-offset: 2px;
|
|
103
|
-
--focus-ring-color: #
|
|
103
|
+
--focus-ring-color: #0098aa;
|
|
104
104
|
|
|
105
105
|
/* Layer 1 — backfill (preserves current visual output, see themes/_contract.md) */
|
|
106
106
|
/* Density axis — spacing scale */
|
|
@@ -213,16 +213,16 @@
|
|
|
213
213
|
* DARK MODE
|
|
214
214
|
* ========================================================================== */
|
|
215
215
|
[data-theme="retro-dark"] {
|
|
216
|
-
/* Shadows - Hard offset,
|
|
217
|
-
--shadow-main: 4px 4px 0 0 rgba(
|
|
218
|
-
--shadow-sm: 2px 2px 0 0 rgba(
|
|
216
|
+
/* Shadows - Hard offset arcade silhouette, toned-down neon opacity */
|
|
217
|
+
--shadow-main: 4px 4px 0 0 rgba(58, 201, 216, 0.4);
|
|
218
|
+
--shadow-sm: 2px 2px 0 0 rgba(58, 201, 216, 0.3);
|
|
219
219
|
--shadow-lg:
|
|
220
|
-
6px 6px 0 0 rgba(
|
|
221
|
-
--shadow-inner: inset 2px 2px 0 0 rgba(
|
|
220
|
+
6px 6px 0 0 rgba(58, 201, 216, 0.4);
|
|
221
|
+
--shadow-inner: inset 2px 2px 0 0 rgba(224, 76, 138, 0.18);
|
|
222
222
|
--shadow-none: none;
|
|
223
223
|
--shadow-hover:
|
|
224
|
-
6px 6px 0 0 rgba(
|
|
225
|
-
--shadow-active: 1px 1px 0 0 rgba(
|
|
224
|
+
6px 6px 0 0 rgba(224, 76, 138, 0.4);
|
|
225
|
+
--shadow-active: 1px 1px 0 0 rgba(58, 201, 216, 0.4);
|
|
226
226
|
|
|
227
227
|
/* Border radius - Sharp arcade corners */
|
|
228
228
|
--radius-none: 0px;
|
|
@@ -237,16 +237,16 @@
|
|
|
237
237
|
--border-width-thin: 1px;
|
|
238
238
|
--border-width-thick: 3px;
|
|
239
239
|
|
|
240
|
-
/* Colors - Deep indigo-purple vaporwave night */
|
|
241
|
-
--color-primary: #
|
|
242
|
-
--color-primary-hover: #
|
|
240
|
+
/* Colors - Deep indigo-purple vaporwave night, softened neon */
|
|
241
|
+
--color-primary: #e04c8a;
|
|
242
|
+
--color-primary-hover: #ec6a9f;
|
|
243
243
|
--color-primary-foreground: #2b0216;
|
|
244
244
|
|
|
245
245
|
--color-secondary: #2d1b4e;
|
|
246
246
|
--color-secondary-hover: #3b2566;
|
|
247
247
|
--color-secondary-foreground: #efe3ff;
|
|
248
248
|
|
|
249
|
-
--color-accent: #
|
|
249
|
+
--color-accent: #3ac9d8;
|
|
250
250
|
--color-accent-foreground: #00252b;
|
|
251
251
|
|
|
252
252
|
--color-muted: #2d1b4e;
|
|
@@ -257,9 +257,9 @@
|
|
|
257
257
|
--color-card: #241242;
|
|
258
258
|
--color-card-foreground: #efe3ff;
|
|
259
259
|
--color-surface: #2d1b4e;
|
|
260
|
-
--color-border: rgba(
|
|
261
|
-
--color-input: rgba(
|
|
262
|
-
--color-ring: #
|
|
260
|
+
--color-border: rgba(224, 76, 138, 0.32);
|
|
261
|
+
--color-input: rgba(58, 201, 216, 0.34);
|
|
262
|
+
--color-ring: #3ac9d8;
|
|
263
263
|
|
|
264
264
|
/* Semantic colors - Neon-bright for dark mode */
|
|
265
265
|
--color-error: #ff5252;
|
|
@@ -268,7 +268,7 @@
|
|
|
268
268
|
--color-success-foreground: #00290f;
|
|
269
269
|
--color-warning: #ffb300;
|
|
270
270
|
--color-warning-foreground: #2a1a00;
|
|
271
|
-
--color-info: #
|
|
271
|
+
--color-info: #3ac9d8;
|
|
272
272
|
--color-info-foreground: #00252b;
|
|
273
273
|
|
|
274
274
|
/* Typography - Mono body, pixel display, wide tracking */
|
|
@@ -282,7 +282,7 @@
|
|
|
282
282
|
|
|
283
283
|
/* Icon styling - Chunky strokes */
|
|
284
284
|
--icon-stroke-width: 2.5;
|
|
285
|
-
--icon-color: #
|
|
285
|
+
--icon-color: #3ac9d8;
|
|
286
286
|
|
|
287
287
|
/* Transitions - Snappy, mechanical, linear */
|
|
288
288
|
--transition-fast: 50ms;
|
|
@@ -300,7 +300,7 @@
|
|
|
300
300
|
/* Focus ring */
|
|
301
301
|
--focus-ring-width: 2px;
|
|
302
302
|
--focus-ring-offset: 2px;
|
|
303
|
-
--focus-ring-color: #
|
|
303
|
+
--focus-ring-color: #3ac9d8;
|
|
304
304
|
|
|
305
305
|
/* Layer 1 — backfill (preserves current visual output, see themes/_contract.md) */
|
|
306
306
|
/* Density axis — spacing scale */
|