@korioinc/next-core 2.0.54 → 2.0.55

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 (3) hide show
  1. package/LICENSE +1 -1
  2. package/dist/styles/globals.css +90 -72
  3. package/package.json +3 -3
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2025 Korio Inc.
3
+ Copyright (c) 2026 Korio Inc.
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
package/dist/styles/globals.css CHANGED
@@ -124,47 +124,47 @@
124
124
  /************************************************************/
125
125
  /* liquid glass surface inputs (light) */
126
126
  /************************************************************/
127
- --glass: oklch(0.968 0.007 247 / 0.3);
128
- --glass-subtle: oklch(0.968 0.007 247 / 0.18);
129
- --glass-surface: oklch(0.968 0.007 247 / 0.42);
130
- --glass-strong: oklch(0.992 0.004 247 / 0.74);
131
- --glass-interactive: oklch(0.92 0.006 247 / 0.35);
132
- --glass-selected: oklch(0.93 0.006 247 / 0.5);
133
- --glass-disabled: oklch(0.9 0.006 247 / 0.25);
134
- --glass-border-faint: oklch(0.929 0.013 255 / 0.16);
135
- --glass-border-subtle: oklch(0.929 0.013 255 / 0.24);
136
- --glass-border: oklch(0.929 0.013 255 / 0.28);
137
- --glass-border-medium: oklch(0.929 0.013 255 / 0.44);
138
- --glass-border-strong: oklch(0.929 0.013 255 / 0.6);
139
- --glass-rim-highlight: oklch(1 0 0 / 0.88);
140
- --glass-edge-highlight-offset: 1.75px;
141
- --glass-edge-highlight-spread: -0.75px;
127
+ --glass: oklch(0.9765 0.0065 247 / 0.27);
128
+ --glass-subtle: oklch(0.9765 0.0065 247 / 0.155);
129
+ --glass-surface: oklch(0.97225 0.00675 247 / 0.395);
130
+ --glass-strong: oklch(0.99275 0.00375 247 / 0.7);
131
+ --glass-interactive: oklch(0.93 0.007 247 / 0.295);
132
+ --glass-selected: oklch(0.945 0.007 247 / 0.46);
133
+ --glass-disabled: oklch(0.92 0.006 247 / 0.205);
134
+ --glass-border-faint: oklch(0.9645 0.0085 251 / 0.12);
135
+ --glass-border-subtle: oklch(0.9645 0.0085 251 / 0.18);
136
+ --glass-border: oklch(0.9645 0.0085 251 / 0.22);
137
+ --glass-border-medium: oklch(0.9645 0.0085 251 / 0.34);
138
+ --glass-border-strong: oklch(0.9645 0.0085 251 / 0.48);
139
+ --glass-rim-highlight: oklch(1 0.0015 247 / 0.8);
140
+ --glass-edge-highlight-offset: 1.375px;
141
+ --glass-edge-highlight-spread: -0.5px;
142
142
  --glass-contrast-outline: oklch(0.2 0.012 255 / 0.055);
143
- --glass-shadow-color: oklch(0.23 0.018 255 / 0.08);
144
- --glass-shadow-sm: 0 0.375px 0.75px oklch(0.23 0.018 255 / 0.055), 0 1.75px 3.5px var(--glass-shadow-color);
145
- --glass-shadow-md: 0 0.5px 1px oklch(0.23 0.018 255 / 0.055), 0 4px 9px var(--glass-shadow-color);
146
- --glass-shadow-lg: 0 1px 3px oklch(0.23 0.018 255 / 0.06), 0 6px 14px var(--glass-shadow-color);
143
+ --glass-shadow-color: oklch(0.23 0.018 255 / 0.075);
144
+ --glass-shadow-sm: 0 0.4375px 0.875px oklch(0.23 0.018 255 / 0.045), 0 1.875px 4.75px var(--glass-shadow-color);
145
+ --glass-shadow-md: 0 0.75px 1.5px oklch(0.23 0.018 255 / 0.05), 0 5px 12.5px var(--glass-shadow-color);
146
+ --glass-shadow-lg: 0 1.5px 4px oklch(0.23 0.018 255 / 0.0575), 0 9px 22px var(--glass-shadow-color);
147
147
  --glass-texture-subtle:
148
- linear-gradient(180deg, oklch(1 0 0 / 0.22) 0%, oklch(1 0 0 / 0.08) 18%, transparent 58%),
149
- linear-gradient(115deg, oklch(1 0 0 / 0.1) 0%, transparent 36%, oklch(1 0 0 / 0.04) 100%),
150
- radial-gradient(140% 120% at 18% 0%, oklch(1 0 0 / 0.12), transparent 46%);
148
+ radial-gradient(120% 100% at 8% -12%, oklch(1 0 0 / 0.14), transparent 50%),
149
+ linear-gradient(135deg, oklch(1 0 0 / 0.07) 0%, transparent 38%, oklch(1 0 0 / 0.03) 72%, transparent 100%),
150
+ linear-gradient(180deg, oklch(1 0 0 / 0.04) 0%, transparent 42%, oklch(0.35 0.01 247 / 0.015) 100%);
151
151
  --glass-texture:
152
- linear-gradient(180deg, oklch(1 0 0 / 0.44) 0%, oklch(1 0 0 / 0.16) 18%, transparent 58%),
153
- linear-gradient(115deg, oklch(1 0 0 / 0.18) 0%, transparent 36%, oklch(1 0 0 / 0.08) 100%),
154
- radial-gradient(140% 120% at 18% 0%, oklch(1 0 0 / 0.22), transparent 46%);
152
+ radial-gradient(120% 100% at 8% -12%, oklch(1 0 0 / 0.24), transparent 50%),
153
+ linear-gradient(135deg, oklch(1 0 0 / 0.12) 0%, transparent 38%, oklch(1 0 0 / 0.05) 72%, transparent 100%),
154
+ linear-gradient(180deg, oklch(1 0 0 / 0.08) 0%, transparent 42%, oklch(0.35 0.01 247 / 0.02) 100%);
155
155
  --glass-texture-strong:
156
- linear-gradient(180deg, oklch(1 0 0 / 0.58) 0%, oklch(1 0 0 / 0.24) 20%, transparent 60%),
157
- linear-gradient(115deg, oklch(1 0 0 / 0.26) 0%, transparent 34%, oklch(1 0 0 / 0.12) 100%),
158
- radial-gradient(140% 120% at 18% 0%, oklch(1 0 0 / 0.3), transparent 46%);
159
- --glass-fallback: oklch(0.968 0.007 247 / 0.88);
160
- --glass-subtle-fallback: oklch(0.968 0.007 247 / 0.78);
161
- --glass-surface-fallback: oklch(0.968 0.007 247 / 0.94);
162
- --glass-selected-fallback: oklch(0.94 0.006 247 / 0.96);
163
- --glass-strong-fallback: oklch(0.968 0.007 247 / 0.99);
164
- --glass-disabled-fallback: oklch(0.92 0.006 247 / 0.94);
156
+ radial-gradient(120% 100% at 8% -12%, oklch(1 0 0 / 0.34), transparent 52%),
157
+ linear-gradient(135deg, oklch(1 0 0 / 0.17) 0%, transparent 36%, oklch(1 0 0 / 0.07) 72%, transparent 100%),
158
+ linear-gradient(180deg, oklch(1 0 0 / 0.12) 0%, transparent 44%, oklch(0.35 0.01 247 / 0.03) 100%);
159
+ --glass-fallback: oklch(0.9715 0.0065 247 / 0.89);
160
+ --glass-subtle-fallback: oklch(0.9715 0.0065 247 / 0.8);
161
+ --glass-surface-fallback: oklch(0.971 0.00675 247 / 0.9425);
162
+ --glass-selected-fallback: oklch(0.945 0.00625 247 / 0.965);
163
+ --glass-strong-fallback: oklch(0.9735 0.00625 247 / 0.99);
164
+ --glass-disabled-fallback: oklch(0.93 0.006 247 / 0.945);
165
165
  --glass-backdrop-sm: blur(4px) saturate(110%);
166
166
  --glass-backdrop-md: blur(8px) saturate(120%);
167
- --glass-backdrop-lg: blur(12px) saturate(150%);
167
+ --glass-backdrop-lg: blur(12px) saturate(130%);
168
168
 
169
169
  --mesh-1: oklch(0.6008 0.1493 249.6 / 0.1053);
170
170
  --mesh-2: oklch(0.6498 0.1201 300.4 / 0.0839);
@@ -223,47 +223,65 @@
223
223
  /************************************************************/
224
224
  /* liquid glass surface inputs (dark) */
225
225
  /************************************************************/
226
- --glass: oklch(1 0 0 / 0.03);
227
- --glass-subtle: oklch(1 0 0 / 0.015);
228
- --glass-surface: oklch(1 0 0 / 0.07);
229
- --glass-strong: oklch(1 0 0 / 0.25);
230
- --glass-interactive: oklch(1 0 0 / 0.205);
231
- --glass-selected: oklch(1 0 0 / 0.23);
232
- --glass-disabled: oklch(1 0 0 / 0.06);
233
- --glass-border-faint: oklch(1 0 0 / 0.03);
234
- --glass-border-subtle: oklch(1 0 0 / 0.06);
235
- --glass-border: oklch(1 0 0 / 0.07);
236
- --glass-border-medium: oklch(1 0 0 / 0.12);
237
- --glass-border-strong: oklch(1 0 0 / 0.18);
238
- --glass-rim-highlight: oklch(1 0 0 / 0.25);
239
- --glass-edge-highlight-offset: 1.25px;
226
+ --glass: oklch(0.82 0.018 255 / 0.055);
227
+ --glass-subtle: oklch(0.82 0.018 255 / 0.03);
228
+ --glass-surface: oklch(0.84 0.02 255 / 0.085);
229
+ --glass-strong: oklch(0.88 0.018 255 / 0.16);
230
+ --glass-interactive: oklch(0.88 0.018 255 / 0.11);
231
+ --glass-selected: oklch(0.9 0.016 255 / 0.14);
232
+ --glass-disabled: oklch(0.72 0.012 255 / 0.045);
233
+ --glass-border-faint: oklch(0.94 0.012 255 / 0.035);
234
+ --glass-border-subtle: oklch(0.94 0.012 255 / 0.055);
235
+ --glass-border: oklch(0.94 0.012 255 / 0.075);
236
+ --glass-border-medium: oklch(0.96 0.01 255 / 0.11);
237
+ --glass-border-strong: oklch(0.98 0.008 255 / 0.16);
238
+ --glass-rim-highlight: oklch(1 0.004 255 / 0.24);
239
+ --glass-edge-highlight-offset: 1px;
240
240
  --glass-edge-highlight-spread: -0.25px;
241
- --glass-contrast-outline: oklch(0 0 0 / 0.25);
241
+ --glass-contrast-outline: oklch(0 0 0 / 0.26);
242
242
  --glass-shadow-color: oklch(0 0 0 / 0.2);
243
- --glass-shadow-sm: 0 1.5px 6px var(--glass-shadow-color), 0 0.375px 0.75px var(--glass-shadow-color);
244
- --glass-shadow-md: 0 4px 16px var(--glass-shadow-color), 0 0.5px 1px var(--glass-shadow-color);
245
- --glass-shadow-lg: 0 6px 22px var(--glass-shadow-color), 0 1px 3px var(--glass-shadow-color);
243
+ --glass-shadow-sm: 0 1px 2px oklch(0 0 0 / 0.1), 0 3px 8px var(--glass-shadow-color);
244
+ --glass-shadow-md: 0 2px 4px oklch(0 0 0 / 0.12), 0 7px 18px var(--glass-shadow-color);
245
+ --glass-shadow-lg: 0 3px 7px oklch(0 0 0 / 0.14), 0 14px 32px var(--glass-shadow-color);
246
246
  --glass-texture-subtle:
247
- linear-gradient(180deg, oklch(1 0 0 / 0.16) 0%, oklch(1 0 0 / 0.05) 18%, transparent 56%),
248
- linear-gradient(115deg, oklch(1 0 0 / 0.08) 0%, transparent 38%, oklch(1 0 0 / 0.03) 100%),
249
- radial-gradient(140% 120% at 18% 0%, oklch(1 0 0 / 0.08), transparent 48%);
247
+ radial-gradient(120% 100% at 8% -12%, oklch(1 0.006 255 / 0.1), transparent 50%),
248
+ linear-gradient(
249
+ 135deg,
250
+ oklch(1 0.006 255 / 0.05) 0%,
251
+ transparent 38%,
252
+ oklch(1 0.006 255 / 0.025) 72%,
253
+ transparent 100%
254
+ ),
255
+ linear-gradient(180deg, oklch(1 0.006 255 / 0.035) 0%, transparent 44%, oklch(0 0 0 / 0.04) 100%);
250
256
  --glass-texture:
251
- linear-gradient(180deg, oklch(1 0 0 / 0.3) 0%, oklch(1 0 0 / 0.1) 18%, transparent 56%),
252
- linear-gradient(115deg, oklch(1 0 0 / 0.16) 0%, transparent 38%, oklch(1 0 0 / 0.06) 100%),
253
- radial-gradient(140% 120% at 18% 0%, oklch(1 0 0 / 0.16), transparent 48%);
257
+ radial-gradient(120% 100% at 8% -12%, oklch(1 0.006 255 / 0.18), transparent 50%),
258
+ linear-gradient(
259
+ 135deg,
260
+ oklch(1 0.006 255 / 0.09) 0%,
261
+ transparent 38%,
262
+ oklch(1 0.006 255 / 0.04) 72%,
263
+ transparent 100%
264
+ ),
265
+ linear-gradient(180deg, oklch(1 0.006 255 / 0.06) 0%, transparent 44%, oklch(0 0 0 / 0.055) 100%);
254
266
  --glass-texture-strong:
255
- linear-gradient(180deg, oklch(1 0 0 / 0.42) 0%, oklch(1 0 0 / 0.16) 20%, transparent 58%),
256
- linear-gradient(115deg, oklch(1 0 0 / 0.22) 0%, transparent 36%, oklch(1 0 0 / 0.08) 100%),
257
- radial-gradient(140% 120% at 18% 0%, oklch(1 0 0 / 0.22), transparent 48%);
258
- --glass-fallback: oklch(0.208 0.042 265 / 0.9);
259
- --glass-subtle-fallback: oklch(0.208 0.042 265 / 0.82);
260
- --glass-surface-fallback: oklch(0.208 0.042 265 / 0.85);
261
- --glass-selected-fallback: oklch(0.208 0.042 265 / 0.76);
262
- --glass-strong-fallback: oklch(0.208 0.042 265 / 0.75);
263
- --glass-disabled-fallback: oklch(0.12 0.012 265 / 0.9);
264
- --glass-backdrop-sm: blur(4px) saturate(110%);
265
- --glass-backdrop-md: blur(8px) saturate(120%);
266
- --glass-backdrop-lg: blur(12px) saturate(150%);
267
+ radial-gradient(120% 100% at 8% -12%, oklch(1 0.006 255 / 0.26), transparent 52%),
268
+ linear-gradient(
269
+ 135deg,
270
+ oklch(1 0.006 255 / 0.13) 0%,
271
+ transparent 36%,
272
+ oklch(1 0.006 255 / 0.06) 72%,
273
+ transparent 100%
274
+ ),
275
+ linear-gradient(180deg, oklch(1 0.006 255 / 0.09) 0%, transparent 46%, oklch(0 0 0 / 0.07) 100%);
276
+ --glass-fallback: oklch(0.21 0.035 265 / 0.92);
277
+ --glass-subtle-fallback: oklch(0.19 0.03 265 / 0.88);
278
+ --glass-surface-fallback: oklch(0.23 0.035 265 / 0.94);
279
+ --glass-selected-fallback: oklch(0.26 0.035 265 / 0.95);
280
+ --glass-strong-fallback: oklch(0.25 0.035 265 / 0.97);
281
+ --glass-disabled-fallback: oklch(0.14 0.015 265 / 0.94);
282
+ --glass-backdrop-sm: blur(4px) saturate(108%);
283
+ --glass-backdrop-md: blur(8px) saturate(115%);
284
+ --glass-backdrop-lg: blur(12px) saturate(125%);
267
285
 
268
286
  --mesh-1: oklch(0.4035 0.121 252.1 / 0.1109);
269
287
  --mesh-2: oklch(0.4504 0.1802 299.9 / 0.0884);
@@ -374,7 +392,7 @@
374
392
  border-top-color: var(--glass-border-top-slot, var(--glass-border-slot, transparent));
375
393
  box-shadow:
376
394
  var(--glass-shadow-slot, 0 0 #0000),
377
- inset 0 var(--glass-edge-highlight-offset, 1.75px) 0 var(--glass-edge-highlight-spread, -0.75px)
395
+ inset 0 var(--glass-edge-highlight-offset, 1px) 0 var(--glass-edge-highlight-spread, -0.25px)
378
396
  var(--glass-edge-highlight, transparent),
379
397
  inset 0 var(--glass-edge-outline-offset-slot, -0.5px) 0 var(--glass-edge-outline, transparent);
380
398
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@korioinc/next-core",
3
- "version": "2.0.54",
3
+ "version": "2.0.55",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  "./ads": {
@@ -90,7 +90,7 @@
90
90
  "tw-animate-css": "^1.4.0",
91
91
  "typescript": "^6.0.3",
92
92
  "vitest": "^4.1.9",
93
- "@korioinc/next-configs": "2.0.54"
93
+ "@korioinc/next-configs": "2.0.55"
94
94
  },
95
95
  "dependencies": {
96
96
  "@floating-ui/react": "^0.27.19",
@@ -105,7 +105,7 @@
105
105
  "schema-dts": "^2.0.0",
106
106
  "tailwind-merge": "^3.6.0",
107
107
  "valtio": "^2.3.2",
108
- "@korioinc/next-conf": "2.0.54"
108
+ "@korioinc/next-conf": "2.0.55"
109
109
  },
110
110
  "publishConfig": {
111
111
  "access": "public",