@n3wth/ui 0.3.2 → 0.3.4
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/README.md +14 -75
- package/dist/atoms/Badge/Badge.d.ts.map +1 -1
- package/dist/atoms/Button/Button.d.ts.map +1 -1
- package/dist/atoms/HamburgerIcon/HamburgerIcon.d.ts.map +1 -1
- package/dist/atoms/Input/Input.d.ts +4 -1
- package/dist/atoms/Input/Input.d.ts.map +1 -1
- package/dist/index.js +1030 -989
- package/dist/molecules/Card/Card.d.ts.map +1 -1
- package/dist/molecules/CommandBox/CommandBox.d.ts.map +1 -1
- package/dist/molecules/MobileDrawer/MobileDrawer.d.ts +3 -1
- package/dist/molecules/MobileDrawer/MobileDrawer.d.ts.map +1 -1
- package/dist/organisms/Nav/Nav.d.ts.map +1 -1
- package/dist/organisms/Section/Section.d.ts.map +1 -1
- package/dist/styles.css +138 -23
- package/package.json +5 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/molecules/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,aAAa,CAAA;IAC7C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAmB,EACnB,OAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/molecules/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,aAAa,CAAA;IAC7C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAmB,EACnB,OAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CA0CX;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAM5E;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC/B;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAa1F;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAChF,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAatF;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAM9E;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAc5E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommandBox.d.ts","sourceRoot":"","sources":["../../../src/molecules/CommandBox/CommandBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAIlE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAmB,EACnB,cAAqB,EACrB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"CommandBox.d.ts","sourceRoot":"","sources":["../../../src/molecules/CommandBox/CommandBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAIlE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAmB,EACnB,cAAqB,EACrB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAkEjB"}
|
|
@@ -12,6 +12,8 @@ export interface MobileDrawerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
12
12
|
position?: 'left' | 'right';
|
|
13
13
|
/** Z-index for the drawer */
|
|
14
14
|
zIndex?: number;
|
|
15
|
+
/** Accessible label for the drawer */
|
|
16
|
+
ariaLabel?: string;
|
|
15
17
|
}
|
|
16
|
-
export declare function MobileDrawer({ isOpen, onClose, children, width, position, zIndex, className, ...props }: MobileDrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function MobileDrawer({ isOpen, onClose, children, width, position, zIndex, ariaLabel, className, ...props }: MobileDrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
17
19
|
//# sourceMappingURL=MobileDrawer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDrawer.d.ts","sourceRoot":"","sources":["../../../src/molecules/MobileDrawer/MobileDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"MobileDrawer.d.ts","sourceRoot":"","sources":["../../../src/molecules/MobileDrawer/MobileDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAA;AAG3F,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAe,EACf,QAAkB,EAClB,MAAW,EACX,SAA6B,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAgHnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/organisms/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAA;AAMlF,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,wBAAgB,GAAG,CAAC,EAClB,IAAI,EACJ,QAAc,EACd,KAAU,EACV,KAAc,EACd,aAAa,EACb,eAAsB,EACtB,KAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/organisms/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAA;AAMlF,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,wBAAgB,GAAG,CAAC,EAClB,IAAI,EACJ,QAAc,EACd,KAAU,EACV,KAAc,EACd,aAAa,EACb,eAAsB,EACtB,KAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,QAAQ,2CAyJV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/organisms/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,IAAW,EACX,OAAc,EACd,SAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/organisms/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,IAAW,EACX,OAAc,EACd,SAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAgCd;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,KAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAqBpB"}
|
package/dist/styles.css
CHANGED
|
@@ -107,6 +107,7 @@
|
|
|
107
107
|
|
|
108
108
|
:root,
|
|
109
109
|
[data-theme='dark'] {
|
|
110
|
+
color-scheme: dark;
|
|
110
111
|
--font-display: 'Mona Sans', system-ui, sans-serif;
|
|
111
112
|
--font-sans: 'Geist Sans', system-ui, sans-serif;
|
|
112
113
|
--font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Monaco, monospace;
|
|
@@ -139,6 +140,7 @@
|
|
|
139
140
|
============================================================ */
|
|
140
141
|
|
|
141
142
|
[data-theme='light'] {
|
|
143
|
+
color-scheme: light;
|
|
142
144
|
--color-bg: #ffffff;
|
|
143
145
|
--color-bg-secondary: #f5f5f7;
|
|
144
146
|
--color-white: #1d1d1f;
|
|
@@ -211,33 +213,35 @@ body {
|
|
|
211
213
|
font-variant-numeric: tabular-nums;
|
|
212
214
|
}
|
|
213
215
|
|
|
214
|
-
/* Hero gradient text animation */
|
|
216
|
+
/* Hero gradient text animation - enhanced with more dimension */
|
|
215
217
|
.hero-gradient-text {
|
|
216
218
|
background: linear-gradient(
|
|
217
|
-
|
|
219
|
+
105deg,
|
|
218
220
|
var(--color-white) 0%,
|
|
219
|
-
var(--color-grey-
|
|
220
|
-
var(--color-white)
|
|
221
|
-
var(--color-grey-300)
|
|
222
|
-
var(--color-white)
|
|
221
|
+
var(--color-grey-200) 20%,
|
|
222
|
+
var(--color-white) 40%,
|
|
223
|
+
var(--color-grey-300) 60%,
|
|
224
|
+
var(--color-white) 80%,
|
|
225
|
+
var(--color-grey-200) 100%
|
|
223
226
|
);
|
|
224
|
-
background-size:
|
|
227
|
+
background-size: 300% auto;
|
|
225
228
|
-webkit-background-clip: text;
|
|
226
229
|
background-clip: text;
|
|
227
230
|
-webkit-text-fill-color: transparent;
|
|
228
|
-
animation: gradientShift
|
|
231
|
+
animation: gradientShift 12s ease-in-out infinite;
|
|
229
232
|
}
|
|
230
233
|
|
|
231
234
|
[data-theme='light'] .hero-gradient-text {
|
|
232
235
|
background: linear-gradient(
|
|
233
|
-
|
|
236
|
+
105deg,
|
|
234
237
|
var(--color-white) 0%,
|
|
235
|
-
var(--color-grey-
|
|
236
|
-
var(--color-white)
|
|
237
|
-
var(--color-grey-400)
|
|
238
|
-
var(--color-white)
|
|
238
|
+
var(--color-grey-300) 20%,
|
|
239
|
+
var(--color-white) 40%,
|
|
240
|
+
var(--color-grey-400) 60%,
|
|
241
|
+
var(--color-white) 80%,
|
|
242
|
+
var(--color-grey-300) 100%
|
|
239
243
|
);
|
|
240
|
-
background-size:
|
|
244
|
+
background-size: 300% auto;
|
|
241
245
|
-webkit-background-clip: text;
|
|
242
246
|
background-clip: text;
|
|
243
247
|
-webkit-text-fill-color: transparent;
|
|
@@ -247,7 +251,7 @@ body {
|
|
|
247
251
|
Link Utilities
|
|
248
252
|
============================================================ */
|
|
249
253
|
|
|
250
|
-
/* Underline link animation */
|
|
254
|
+
/* Underline link animation - refined with subtle glow */
|
|
251
255
|
.link-hover {
|
|
252
256
|
position: relative;
|
|
253
257
|
}
|
|
@@ -255,18 +259,23 @@ body {
|
|
|
255
259
|
.link-hover::after {
|
|
256
260
|
content: '';
|
|
257
261
|
position: absolute;
|
|
258
|
-
bottom: -
|
|
262
|
+
bottom: -2px;
|
|
259
263
|
left: 0;
|
|
260
264
|
width: 0;
|
|
261
265
|
height: 1px;
|
|
262
|
-
background: currentColor;
|
|
263
|
-
|
|
266
|
+
background: linear-gradient(90deg, currentColor, currentColor);
|
|
267
|
+
box-shadow: 0 0 8px currentColor;
|
|
268
|
+
transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
|
|
264
269
|
}
|
|
265
270
|
|
|
266
271
|
.link-hover:hover::after {
|
|
267
272
|
width: 100%;
|
|
268
273
|
}
|
|
269
274
|
|
|
275
|
+
[data-theme='light'] .link-hover::after {
|
|
276
|
+
box-shadow: none;
|
|
277
|
+
}
|
|
278
|
+
|
|
270
279
|
/* ============================================================
|
|
271
280
|
Glass Components
|
|
272
281
|
============================================================ */
|
|
@@ -276,7 +285,7 @@ body {
|
|
|
276
285
|
background: transparent;
|
|
277
286
|
border: 1px solid var(--glass-border);
|
|
278
287
|
border-radius: 20px;
|
|
279
|
-
transition:
|
|
288
|
+
transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
280
289
|
}
|
|
281
290
|
|
|
282
291
|
.glass-card:hover {
|
|
@@ -312,7 +321,10 @@ body {
|
|
|
312
321
|
border: 1px solid var(--glass-border);
|
|
313
322
|
border-radius: 9999px;
|
|
314
323
|
color: var(--color-grey-400);
|
|
315
|
-
transition:
|
|
324
|
+
transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
|
|
325
|
+
border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
|
|
326
|
+
color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
|
|
327
|
+
transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
316
328
|
transform: scale(1);
|
|
317
329
|
}
|
|
318
330
|
|
|
@@ -361,7 +373,7 @@ body {
|
|
|
361
373
|
-webkit-backdrop-filter: blur(20px);
|
|
362
374
|
border: 1px solid var(--glass-border);
|
|
363
375
|
border-radius: 16px;
|
|
364
|
-
transition:
|
|
376
|
+
transition: background-color 0.2s ease, border-color 0.2s ease;
|
|
365
377
|
}
|
|
366
378
|
|
|
367
379
|
.command-box:hover {
|
|
@@ -435,14 +447,17 @@ body {
|
|
|
435
447
|
Animations
|
|
436
448
|
============================================================ */
|
|
437
449
|
|
|
438
|
-
/* Gradient shift for hero text */
|
|
450
|
+
/* Gradient shift for hero text - smoother oscillation */
|
|
439
451
|
@keyframes gradientShift {
|
|
440
|
-
0
|
|
452
|
+
0% {
|
|
441
453
|
background-position: 0% 50%;
|
|
442
454
|
}
|
|
443
455
|
50% {
|
|
444
456
|
background-position: 100% 50%;
|
|
445
457
|
}
|
|
458
|
+
100% {
|
|
459
|
+
background-position: 0% 50%;
|
|
460
|
+
}
|
|
446
461
|
}
|
|
447
462
|
|
|
448
463
|
/* Fade up entrance animation */
|
|
@@ -639,6 +654,7 @@ body {
|
|
|
639
654
|
}
|
|
640
655
|
|
|
641
656
|
.mobile-menu-drawer {
|
|
657
|
+
background: var(--color-bg);
|
|
642
658
|
border-left: 1px solid var(--glass-border);
|
|
643
659
|
}
|
|
644
660
|
|
|
@@ -694,6 +710,105 @@ body {
|
|
|
694
710
|
transform: scale(0.98);
|
|
695
711
|
}
|
|
696
712
|
|
|
713
|
+
/* ============================================================
|
|
714
|
+
Enhanced Visual Effects
|
|
715
|
+
============================================================ */
|
|
716
|
+
|
|
717
|
+
/* Subtle glow for primary interactive elements */
|
|
718
|
+
.glow-white {
|
|
719
|
+
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
|
|
720
|
+
transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
.glow-white:hover {
|
|
724
|
+
box-shadow: 0 0 20px rgba(255, 255, 255, 0.15),
|
|
725
|
+
0 0 40px rgba(255, 255, 255, 0.05);
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
[data-theme='light'] .glow-white:hover {
|
|
729
|
+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12),
|
|
730
|
+
0 8px 32px rgba(0, 0, 0, 0.08);
|
|
731
|
+
}
|
|
732
|
+
|
|
733
|
+
/* Accent glow for colored elements */
|
|
734
|
+
.glow-accent {
|
|
735
|
+
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
|
|
736
|
+
transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
737
|
+
}
|
|
738
|
+
|
|
739
|
+
.glow-accent:hover {
|
|
740
|
+
box-shadow: 0 0 24px var(--color-accent-soft),
|
|
741
|
+
0 0 48px rgba(255, 255, 255, 0.03);
|
|
742
|
+
}
|
|
743
|
+
|
|
744
|
+
/* Gradient border effect for cards */
|
|
745
|
+
.gradient-border {
|
|
746
|
+
position: relative;
|
|
747
|
+
}
|
|
748
|
+
|
|
749
|
+
.gradient-border::before {
|
|
750
|
+
content: '';
|
|
751
|
+
position: absolute;
|
|
752
|
+
inset: 0;
|
|
753
|
+
border-radius: inherit;
|
|
754
|
+
padding: 1px;
|
|
755
|
+
background: linear-gradient(
|
|
756
|
+
135deg,
|
|
757
|
+
var(--glass-highlight) 0%,
|
|
758
|
+
transparent 50%,
|
|
759
|
+
var(--glass-highlight) 100%
|
|
760
|
+
);
|
|
761
|
+
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
|
762
|
+
-webkit-mask-composite: xor;
|
|
763
|
+
mask-composite: exclude;
|
|
764
|
+
opacity: 0;
|
|
765
|
+
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
766
|
+
pointer-events: none;
|
|
767
|
+
}
|
|
768
|
+
|
|
769
|
+
.gradient-border:hover::before {
|
|
770
|
+
opacity: 1;
|
|
771
|
+
}
|
|
772
|
+
|
|
773
|
+
/* Shine sweep effect for glass elements */
|
|
774
|
+
.shine-sweep {
|
|
775
|
+
position: relative;
|
|
776
|
+
overflow: hidden;
|
|
777
|
+
}
|
|
778
|
+
|
|
779
|
+
.shine-sweep::after {
|
|
780
|
+
content: '';
|
|
781
|
+
position: absolute;
|
|
782
|
+
top: -50%;
|
|
783
|
+
left: -100%;
|
|
784
|
+
width: 50%;
|
|
785
|
+
height: 200%;
|
|
786
|
+
background: linear-gradient(
|
|
787
|
+
90deg,
|
|
788
|
+
transparent,
|
|
789
|
+
rgba(255, 255, 255, 0.03),
|
|
790
|
+
transparent
|
|
791
|
+
);
|
|
792
|
+
transform: skewX(-20deg);
|
|
793
|
+
transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
|
|
794
|
+
pointer-events: none;
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
.shine-sweep:hover::after {
|
|
798
|
+
left: 150%;
|
|
799
|
+
}
|
|
800
|
+
|
|
801
|
+
/* Focus glow for inputs */
|
|
802
|
+
.focus-glow:focus-within {
|
|
803
|
+
box-shadow: 0 0 0 1px var(--color-accent),
|
|
804
|
+
0 0 16px rgba(255, 255, 255, 0.1);
|
|
805
|
+
}
|
|
806
|
+
|
|
807
|
+
[data-theme='light'] .focus-glow:focus-within {
|
|
808
|
+
box-shadow: 0 0 0 1px var(--color-accent),
|
|
809
|
+
0 0 16px rgba(0, 0, 0, 0.08);
|
|
810
|
+
}
|
|
811
|
+
|
|
697
812
|
/* ============================================================
|
|
698
813
|
Utility Classes
|
|
699
814
|
============================================================ */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@n3wth/ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.4",
|
|
4
4
|
"description": "Atomic design system for Newth sites - flat, minimal, iOS-inspired",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -25,7 +25,10 @@
|
|
|
25
25
|
"demo:build": "vite build --config vite.demo.config.ts",
|
|
26
26
|
"build": "tsc && vite build && node -e \"const fs=require('fs');const css=fs.readFileSync('src/styles.css','utf8').replace(/@import 'tailwindcss';\\n\\n/,'');fs.writeFileSync('dist/styles.css',css)\"",
|
|
27
27
|
"lint": "eslint src",
|
|
28
|
-
"prepublishOnly": "npm run build"
|
|
28
|
+
"prepublishOnly": "npm run build",
|
|
29
|
+
"release:patch": "npm version patch -m 'chore: bump version to %s' && git push && git push --tags && gh release create v$(node -p \"require('./package.json').version\") --generate-notes",
|
|
30
|
+
"release:minor": "npm version minor -m 'chore: bump version to %s' && git push && git push --tags && gh release create v$(node -p \"require('./package.json').version\") --generate-notes",
|
|
31
|
+
"release:major": "npm version major -m 'chore: bump version to %s' && git push && git push --tags && gh release create v$(node -p \"require('./package.json').version\") --generate-notes"
|
|
29
32
|
},
|
|
30
33
|
"dependencies": {
|
|
31
34
|
"clsx": "^2.1.0",
|