@blinkdotnew/ui 0.1.7 → 0.2.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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/themes/glass.css +11 -0
  3. package/src/themes/linear.css +11 -0
  4. package/src/themes/midnight.css +11 -0
  5. package/src/themes/minimal.css +11 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blinkdotnew/ui",
3
- "version": "0.1.7",
3
+ "version": "0.2.1",
4
4
  "description": "Blink UI SDK — production-quality React component library for SaaS apps",
5
5
  "keywords": [
6
6
  "blink",
package/src/themes/glass.css CHANGED
@@ -67,6 +67,14 @@
67
67
  --radius-xl: 1.75rem;
68
68
  --radius-full: 9999px;
69
69
 
70
+ /* ── Shadow tokens (granular) ────────────────── */
71
+ --shadow-color: 220 60% 60%;
72
+ --shadow-opacity: 0.12;
73
+ --shadow-blur: 16px;
74
+ --shadow-spread: 0px;
75
+ --shadow-offset-x: 0px;
76
+ --shadow-offset-y: 4px;
77
+
70
78
  /* ── Shadows (diffuse, color-tinted) ─────────── */
71
79
  --shadow-sm: 0 2px 8px 0 rgba(100, 130, 200, 0.08);
72
80
  --shadow-md: 0 4px 16px 0 rgba(100, 130, 200, 0.12), 0 1px 4px rgba(100, 130, 200, 0.08);
@@ -116,6 +124,9 @@
116
124
  --glass-bg: rgba(15, 20, 40, 0.72);
117
125
  --glass-border: rgba(255, 255, 255, 0.06);
118
126
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);
127
+
128
+ --shadow-color: 0 0% 0%;
129
+ --shadow-opacity: 0.35;
119
130
  --shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
120
131
  --shadow-md: 0 4px 16px 0 rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
121
132
  --shadow-lg: 0 8px 32px 0 rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3);
package/src/themes/linear.css CHANGED
@@ -61,6 +61,14 @@
61
61
  --radius-xl: 0.5rem;
62
62
  --radius-full: 9999px;
63
63
 
64
+ /* ── Shadow tokens (granular) ────────────────── */
65
+ --shadow-color: 0 0% 0%;
66
+ --shadow-opacity: 0.06;
67
+ --shadow-blur: 3px;
68
+ --shadow-spread: 0px;
69
+ --shadow-offset-x: 0px;
70
+ --shadow-offset-y: 1px;
71
+
64
72
  /* ── Shadows (crisp, directional, no spread) ─ */
65
73
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
66
74
  --shadow-md: 0 1px 3px 0 rgb(0 0 0 / 0.08), 0 1px 2px -1px rgb(0 0 0 / 0.06);
@@ -97,6 +105,9 @@
97
105
  --border: 0 0% 14.9%;
98
106
  --input: 0 0% 14.9%;
99
107
  --ring: 0 0% 83.1%;
108
+
109
+ --shadow-color: 0 0% 0%;
110
+ --shadow-opacity: 0.35;
100
111
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
101
112
  --shadow-md: 0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.3);
102
113
  --shadow-lg: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);
package/src/themes/midnight.css CHANGED
@@ -66,6 +66,14 @@
66
66
  --radius-xl: 1rem;
67
67
  --radius-full: 9999px;
68
68
 
69
+ /* ── Shadow tokens (granular) ────────────────── */
70
+ --shadow-color: 0 0% 0%;
71
+ --shadow-opacity: 0.5;
72
+ --shadow-blur: 8px;
73
+ --shadow-spread: 0px;
74
+ --shadow-offset-x: 0px;
75
+ --shadow-offset-y: 2px;
76
+
69
77
  /* ── Shadows (neon glow) ─────────────────────── */
70
78
  --shadow-sm: 0 1px 4px 0 rgb(0 0 0 / 0.5);
71
79
  --shadow-md: 0 2px 8px 0 rgb(0 0 0 / 0.6), 0 0 0 1px hsl(var(--border));
@@ -105,6 +113,9 @@
105
113
  --input: 240 10% 85%;
106
114
  --ring: 263 70% 50%;
107
115
  --neon-glow: none;
116
+
117
+ --shadow-color: 0 0% 0%;
118
+ --shadow-opacity: 0.06;
108
119
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.06);
109
120
  --shadow-md: 0 2px 8px 0 rgb(0 0 0 / 0.08);
110
121
  --shadow-card: 0 0 0 1px hsl(var(--border));
package/src/themes/minimal.css CHANGED
@@ -61,6 +61,14 @@
61
61
  --radius-xl: 1.5rem;
62
62
  --radius-full: 9999px;
63
63
 
64
+ /* ── Shadow tokens (granular) ────────────────── */
65
+ --shadow-color: 25 40% 30%;
66
+ --shadow-opacity: 0.08;
67
+ --shadow-blur: 8px;
68
+ --shadow-spread: 0px;
69
+ --shadow-offset-x: 0px;
70
+ --shadow-offset-y: 2px;
71
+
64
72
  /* ── Shadows (warm, barely-there) ────────────── */
65
73
  --shadow-sm: 0 1px 3px 0 rgba(120, 80, 40, 0.06);
66
74
  --shadow-md: 0 2px 8px 0 rgba(120, 80, 40, 0.08), 0 0 0 1px rgba(120, 80, 40, 0.04);
@@ -95,6 +103,9 @@
95
103
  --border: 25 12% 18%;
96
104
  --input: 25 12% 18%;
97
105
  --ring: 25 95% 58%;
106
+
107
+ --shadow-color: 0 0% 0%;
108
+ --shadow-opacity: 0.3;
98
109
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.25);
99
110
  --shadow-md: 0 2px 8px 0 rgb(0 0 0 / 0.35);
100
111
  --shadow-lg: 0 4px 16px 0 rgb(0 0 0 / 0.4);