@luminescent/ui 6.2.6 → 6.4.19

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 (2) hide show
  1. package/package.json +2 -2
  2. package/src/index.css +9 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luminescent/ui",
3
- "version": "6.2.6",
3
+ "version": "6.4.19",
4
4
  "description": "Luminescent UI library",
5
5
  "exports": {
6
6
  ".": "./src/index.css",
@@ -23,7 +23,7 @@
23
23
  "access": "public"
24
24
  },
25
25
  "devDependencies": {
26
- "tailwindcss": "4.1.16"
26
+ "tailwindcss": "4.1.18"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "echo \"No build script specified\" && exit 0",
package/src/index.css CHANGED
@@ -13,7 +13,8 @@
13
13
  --lum-default-alpha: 100;
14
14
  --lum-btn-p-x: 2;
15
15
  --lum-input-p-x: 1.5;
16
- --lum-border-radius: var(--radius-md);
16
+ --lum-border-radius: var(--radius-lg);
17
+ --lum-border-superellipse: 1;
17
18
  --lum-border-mix: 20%;
18
19
  --lum-depth: 0;
19
20
  --color-lum-border: var(--color-gray-300);
@@ -30,6 +31,7 @@
30
31
  /* Base color logic */
31
32
  --alpha: var(--lum-default-alpha);
32
33
  --alpha: --modifier(integer);
34
+ --bg-color: --alpha(--value([color]) / calc(var(--alpha, 100) * 1%));
33
35
  --bg-color: --alpha(--value(--color-*) / calc(var(--alpha, 100) * 1%));
34
36
  --border-color: color-mix(in oklab, var(--color-lum-border) var(--lum-border-mix), var(--bg-color));
35
37
 
@@ -67,6 +69,7 @@
67
69
  /* Base color logic */
68
70
  --alpha: var(--lum-default-alpha);
69
71
  --alpha: --modifier(integer);
72
+ --bg-color: --alpha(--value([color]) / calc(var(--alpha, 100) * 1%));
70
73
  --bg-color: --alpha(--value(--color-*) / calc(var(--alpha, 100) * 1%));
71
74
  --border-color: color-mix(in oklab, var(--color-lum-border) var(--lum-border-mix), var(--bg-color));
72
75
 
@@ -124,10 +127,12 @@
124
127
 
125
128
  @utility rounded-lum {
126
129
  border-radius: var(--lum-border-radius);
130
+ corner-shape: superellipse(var(--lum-border-superellipse));
127
131
  }
128
132
 
129
133
  @utility rounded-lum-* {
130
134
  border-radius: calc(var(--lum-border-radius) - calc(var(--spacing) * --value(integer)));
135
+ corner-shape: superellipse(var(--lum-border-superellipse));
131
136
  }
132
137
 
133
138
  @utility border-gradient-* {
@@ -162,16 +167,19 @@
162
167
  @utility lum-input {
163
168
  @apply flex motion-safe:transition duration-300 hover:duration-75 active:duration-75 ease-out disabled:opacity-50 hover:drop-shadow-lg active:drop-shadow-lg whitespace-nowrap touch-manipulation select-none lum-input-p-2 lum-bg-lum-input-bg hover:lum-bg-lum-input-hover-bg active:lum-bg-lum-input-hover-bg;
164
169
  border-radius: var(--lum-border-radius);
170
+ corner-shape: superellipse(var(--lum-border-superellipse));
165
171
  }
166
172
 
167
173
  @utility lum-btn {
168
174
  @apply flex items-center motion-safe:transition duration-300 hover:duration-75 active:duration-75 ease-out disabled:opacity-50 hover:drop-shadow-lg active:drop-shadow-lg motion-safe:active:scale-95 whitespace-nowrap touch-manipulation select-none lum-btn-p-2 text-base lum-bg-lum-input-bg hover:lum-bg-lum-input-hover-bg active:lum-bg-lum-input-hover-bg;
169
175
  border-radius: var(--lum-border-radius);
176
+ corner-shape: superellipse(var(--lum-border-superellipse));
170
177
  }
171
178
 
172
179
  @utility lum-card {
173
180
  @apply flex flex-col gap-3 whitespace-pre-wrap lum-bg-lum-card-bg p-7;
174
181
  border-radius: var(--lum-border-radius);
182
+ corner-shape: superellipse(var(--lum-border-superellipse));
175
183
  }
176
184
 
177
185
  @utility lum-hoverable {