aura-glass 3.4.0 → 3.4.2

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 (6) hide show
  1. package/README.md +12 -10
  2. package/dist/esm/tokens/generated.js +30 -30
  3. package/dist/tokens/generated.d.ts +30 -30
  4. package/dist/tokens/tokens.css +30 -30
  5. package/dist/tokens/tokens.json +30 -30
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # AuraGlass by AuraOne 3.3.0
1
+ # AuraGlass by AuraOne 3.4.2
2
2
 
3
3
  [![npm version](https://img.shields.io/npm/v/aura-glass?color=0ea5e9)](https://www.npmjs.com/package/aura-glass)
4
4
  [![npm downloads](https://img.shields.io/npm/dm/aura-glass?color=22c55e)](https://www.npmjs.com/package/aura-glass)
@@ -11,9 +11,11 @@
11
11
 
12
12
  AuraGlass by AuraOne is a production React and Next.js component system for Liquid Glass interfaces: premium dashboards, AI products, media tools, creator apps, data-heavy workspaces, and polished SaaS surfaces. It packages glass-native components, design tokens, motion, accessibility guardrails, SSR-safe entrypoints, optional 3D/media integrations, and release evidence in one npm library.
13
13
 
14
- ## 3.3 Package Surface
14
+ ## 3.4 Package Surface
15
15
 
16
- AuraGlass by AuraOne 3.3 ships a dependency-sovereign Liquid Glass app-surface system for React and Next.js: first-party icons, first-party primitives, native menus/selects/app chrome, Theme Engine 2.0, workspace shells, focused package subpaths, migration CLI commands, 28 package registry recipes, six token formats, optional hosted AI/runtime contracts, and a complete Liquid Glass stylesheet.
16
+ AuraGlass by AuraOne 3.4 redesigns the entire Liquid Glass surface system: all 30 canonical surfaces (six intents x five elevation levels) are now luminous white frost — low-alpha white gradients over a faint smoke scrim — with a 16/24/32/40/48px blur scale, 1px white or tint hairline borders, rendered inset edge highlights, enlarged radii, and one unified `saturate(1.8) brightness(1.05) contrast(1.05)` backdrop filter across the TypeScript utilities, generated CSS, `.glass` foundation, and dark theme. A library-wide audit also fixed 71 invisible comment-as-value backgrounds and 107 dead utility classes.
17
+
18
+ The package keeps the full dependency-sovereign app-surface system from 3.3: first-party icons, first-party primitives, native menus/selects/app chrome, Theme Engine 2.0, workspace shells, focused package subpaths, migration CLI commands, 28 package registry recipes, six token formats, optional hosted AI/runtime contracts, and a complete Liquid Glass stylesheet.
17
19
 
18
20
  No MUI, Radix, Lucide, or shadcn/ui package is required for core AuraGlass app chrome. Domain features such as charts, 3D, AI services, collaboration transport, and form-builder integrations still use optional peers only when those feature families are imported.
19
21
 
@@ -100,7 +102,7 @@ AuraGlass is not trying to be the smallest possible primitive kit. If you want n
100
102
 
101
103
  ## Flagship Components
102
104
 
103
- 3.3 highlights flagship app-surface coverage instead of leading with raw inventory count. The broader package surface remains available, but these are the components the launch should make easiest to evaluate first.
105
+ 3.4 highlights flagship app-surface coverage instead of leading with raw inventory count. The broader package surface remains available, but these are the components the launch should make easiest to evaluate first.
104
106
 
105
107
  | Product job | Start with |
106
108
  | --- | --- |
@@ -130,7 +132,7 @@ Do not import from private source paths. Use optional peer packages only for the
130
132
 
131
133
  ## Recipes, Registry, And CLI
132
134
 
133
- AuraGlass 3.3 includes a package-level recipe registry and CLI for scaffolding product-ready Liquid Glass app surfaces. The registry is available from `aura-glass/registry`; the CLI is installed as the `aura-glass` binary.
135
+ AuraGlass 3.4 includes a package-level recipe registry and CLI for scaffolding product-ready Liquid Glass app surfaces. The registry is available from `aura-glass/registry`; the CLI is installed as the `aura-glass` binary.
134
136
 
135
137
  List available recipes:
136
138
 
@@ -350,7 +352,7 @@ AuraGlass components are expected to preserve:
350
352
  - reduced-motion behavior for animation, transition, and physics effects
351
353
  - desktop and mobile Storybook renderability
352
354
 
353
- Current 3.3 release evidence records first-party icons, first-party primitives, native app shell and workspace entrypoints, Theme Engine 2.0, 28 package registry recipes, focused forms/data/navigation/overlays/workflows/marketing subpaths, hosted-runtime contract tests, Docker Compose smoke coverage, migration CLI commands, tree-shaking gates, pack verification, export tests, and React 18/19 Next.js integration smokes. The older 356/356 certification inventory remains checked in as historical 3.0 Storybook and audit evidence; it is not the current 3.3 package export count or launch claim.
355
+ AuraGlass 3.4 layers the Liquid Glass white-frost surface redesign (see [CHANGELOG.md](./CHANGELOG.md)) on top of the 3.3-era evidence, which records first-party icons, first-party primitives, native app shell and workspace entrypoints, Theme Engine 2.0, 28 package registry recipes, focused forms/data/navigation/overlays/workflows/marketing subpaths, hosted-runtime contract tests, Docker Compose smoke coverage, migration CLI commands, tree-shaking gates, pack verification, export tests, and React 18/19 Next.js integration smokes. The older 356/356 certification inventory remains checked in as historical 3.0 Storybook and audit evidence; it is not the current package export count or launch claim.
354
356
 
355
357
  Primary evidence sources:
356
358
 
@@ -395,7 +397,7 @@ AuraGlass keeps the root package focused on React UI and isolates heavier surfac
395
397
  | `aura-glass/app-shell` | Native dashboard, SaaS, AI, media, and collaboration app shell components. |
396
398
  | `aura-glass/workspace` | Workspace and workflow shell components. |
397
399
  | `aura-glass/theme` | Theme Engine 2.0 creation, brand theme, density, motion, and contrast APIs. |
398
- | `aura-glass/registry` | Styled registry compatibility plus 3.3 copyable recipe metadata. |
400
+ | `aura-glass/registry` | Styled registry compatibility plus copyable recipe metadata. |
399
401
  | `aura-glass/hooks/useGlassProbes` | Runtime glass style probe hooks. |
400
402
  | `aura-glass/services/ai/openai-service` | Optional OpenAI-backed backend integration. |
401
403
  | `aura-glass/services/ai/vision-service` | Optional Google Cloud Vision backend integration. |
@@ -461,7 +463,7 @@ Useful scripts:
461
463
  | `reports` | Generated and hand-authored audit evidence. |
462
464
  | `reports/3.1-release` | 3.1 launch evidence scaffold and sign-off baselines. |
463
465
  | `reports/3.2-release` | Historical 3.2 package launch evidence, recipe evidence, app-chrome visuals, and completion audit. |
464
- | `reports/3.3-release` | Current 3.3 package launch evidence, hosted-runtime evidence, recipe evidence, app-chrome visuals, security review, and manual-certification scaffold. |
466
+ | `reports/3.3-release` | 3.3-era package launch evidence, hosted-runtime evidence, recipe evidence, app-chrome visuals, security review, and manual-certification scaffold. |
465
467
  | `scripts/audit` | Audit and certification scripts. |
466
468
  | `tests/visual/design-system` | Playwright guardrails for visual certification and audit coverage. |
467
469
  | `.github` | GitHub workflow and collaboration templates. |
@@ -469,7 +471,7 @@ Useful scripts:
469
471
 
470
472
  ## Release Evidence
471
473
 
472
- Current 3.3 package launch claims are backed by checked-in evidence under `reports/3.3-release` plus the release gate commands below. The final publish path uses `npm publish --access public --tag latest --provenance=false --ignore-scripts` after the dry-run, pack, and integration gates pass.
474
+ The 3.4 surface redesign is verified by the release gate commands below — typecheck, token and style lints, the 31-check glass pipeline, 90 WCAG AA contrast checks, and 432 Jest suites with 2,373 tests — while 3.3-era package launch claims remain backed by checked-in evidence under `reports/3.3-release`. The final publish path uses `npm publish --access public --tag latest --provenance=false --ignore-scripts` after the dry-run, pack, and integration gates pass.
473
475
 
474
476
  Package gates:
475
477
 
@@ -490,7 +492,7 @@ npm run release:dry-run
490
492
  git diff --check
491
493
  ```
492
494
 
493
- Current 3.3 evidence:
495
+ 3.3-era evidence:
494
496
 
495
497
  - [3.3 launch evidence index](./reports/3.3-release/README.md)
496
498
  - [3.3 hosted runtime evidence](./reports/3.3-release/hosted-runtime-evidence.md)
package/dist/esm/tokens/generated.js CHANGED
@@ -280,7 +280,7 @@ export const auraTokens = {
280
280
  "neutral": {
281
281
  "level1": {
282
282
  "backdropBlur": {
283
- "px": 8
283
+ "px": 16
284
284
  },
285
285
  "surface": {
286
286
  "base": "linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.15) 100%)",
@@ -307,7 +307,7 @@ export const auraTokens = {
307
307
  },
308
308
  "level2": {
309
309
  "backdropBlur": {
310
- "px": 12
310
+ "px": 24
311
311
  },
312
312
  "surface": {
313
313
  "base": "linear-gradient(135deg, rgba(255,255,255,0.35) 0%, rgba(148,163,184,0.15) 100%)"
@@ -338,7 +338,7 @@ export const auraTokens = {
338
338
  },
339
339
  "level3": {
340
340
  "backdropBlur": {
341
- "px": 16
341
+ "px": 32
342
342
  },
343
343
  "surface": {
344
344
  "base": "linear-gradient(135deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.08) 100%)"
@@ -369,7 +369,7 @@ export const auraTokens = {
369
369
  },
370
370
  "level4": {
371
371
  "backdropBlur": {
372
- "px": 20
372
+ "px": 40
373
373
  },
374
374
  "surface": {
375
375
  "base": "linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.10) 100%)"
@@ -400,7 +400,7 @@ export const auraTokens = {
400
400
  },
401
401
  "level5": {
402
402
  "backdropBlur": {
403
- "px": 24
403
+ "px": 48
404
404
  },
405
405
  "surface": {
406
406
  "base": "linear-gradient(135deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.12) 100%)"
@@ -433,7 +433,7 @@ export const auraTokens = {
433
433
  "primary": {
434
434
  "level1": {
435
435
  "backdropBlur": {
436
- "px": 8
436
+ "px": 16
437
437
  },
438
438
  "surface": {
439
439
  "base": "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.3) 0%, hsl(var(--glass-color-primary)/0.22) 100%)"
@@ -459,7 +459,7 @@ export const auraTokens = {
459
459
  },
460
460
  "level2": {
461
461
  "backdropBlur": {
462
- "px": 12
462
+ "px": 24
463
463
  },
464
464
  "surface": {
465
465
  "base": "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.4) 0%, hsl(var(--glass-color-primary)/0.28) 100%)"
@@ -490,7 +490,7 @@ export const auraTokens = {
490
490
  },
491
491
  "level3": {
492
492
  "backdropBlur": {
493
- "px": 16
493
+ "px": 32
494
494
  },
495
495
  "surface": {
496
496
  "base": "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.48) 0%, hsl(var(--glass-color-primary)/0.34) 100%)"
@@ -521,7 +521,7 @@ export const auraTokens = {
521
521
  },
522
522
  "level4": {
523
523
  "backdropBlur": {
524
- "px": 20
524
+ "px": 40
525
525
  },
526
526
  "surface": {
527
527
  "base": "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.56) 0%, hsl(var(--glass-color-primary)/0.4) 100%)"
@@ -552,7 +552,7 @@ export const auraTokens = {
552
552
  },
553
553
  "level5": {
554
554
  "backdropBlur": {
555
- "px": 24
555
+ "px": 48
556
556
  },
557
557
  "surface": {
558
558
  "base": "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.64) 0%, hsl(var(--glass-color-primary)/0.45) 100%)"
@@ -585,7 +585,7 @@ export const auraTokens = {
585
585
  "success": {
586
586
  "level1": {
587
587
  "backdropBlur": {
588
- "px": 8
588
+ "px": 16
589
589
  },
590
590
  "surface": {
591
591
  "base": "linear-gradient(135deg, rgba(34,197,94,0.25) 0%, rgba(22,163,74,0.18) 100%)"
@@ -611,7 +611,7 @@ export const auraTokens = {
611
611
  },
612
612
  "level2": {
613
613
  "backdropBlur": {
614
- "px": 12
614
+ "px": 24
615
615
  },
616
616
  "surface": {
617
617
  "base": "linear-gradient(135deg, rgba(34,197,94,0.32) 0%, rgba(22,163,74,0.24) 100%)"
@@ -642,7 +642,7 @@ export const auraTokens = {
642
642
  },
643
643
  "level3": {
644
644
  "backdropBlur": {
645
- "px": 16
645
+ "px": 32
646
646
  },
647
647
  "surface": {
648
648
  "base": "linear-gradient(135deg, rgba(34,197,94,0.4) 0%, rgba(22,163,74,0.28) 100%)"
@@ -673,7 +673,7 @@ export const auraTokens = {
673
673
  },
674
674
  "level4": {
675
675
  "backdropBlur": {
676
- "px": 20
676
+ "px": 40
677
677
  },
678
678
  "surface": {
679
679
  "base": "linear-gradient(135deg, rgba(34,197,94,0.48) 0%, rgba(22,163,74,0.34) 100%)"
@@ -704,7 +704,7 @@ export const auraTokens = {
704
704
  },
705
705
  "level5": {
706
706
  "backdropBlur": {
707
- "px": 24
707
+ "px": 48
708
708
  },
709
709
  "surface": {
710
710
  "base": "linear-gradient(135deg, rgba(34,197,94,0.56) 0%, rgba(22,163,74,0.4) 100%)"
@@ -737,7 +737,7 @@ export const auraTokens = {
737
737
  "warning": {
738
738
  "level1": {
739
739
  "backdropBlur": {
740
- "px": 8
740
+ "px": 16
741
741
  },
742
742
  "surface": {
743
743
  "base": "linear-gradient(135deg, rgba(245,158,11,0.28) 0%, rgba(254,215,88,0.18) 100%)"
@@ -763,7 +763,7 @@ export const auraTokens = {
763
763
  },
764
764
  "level2": {
765
765
  "backdropBlur": {
766
- "px": 12
766
+ "px": 24
767
767
  },
768
768
  "surface": {
769
769
  "base": "linear-gradient(135deg, rgba(245,158,11,0.35) 0%, rgba(254,215,88,0.24) 100%)"
@@ -794,7 +794,7 @@ export const auraTokens = {
794
794
  },
795
795
  "level3": {
796
796
  "backdropBlur": {
797
- "px": 16
797
+ "px": 32
798
798
  },
799
799
  "surface": {
800
800
  "base": "linear-gradient(135deg, rgba(245,158,11,0.44) 0%, rgba(254,215,88,0.3) 100%)"
@@ -825,7 +825,7 @@ export const auraTokens = {
825
825
  },
826
826
  "level4": {
827
827
  "backdropBlur": {
828
- "px": 20
828
+ "px": 40
829
829
  },
830
830
  "surface": {
831
831
  "base": "linear-gradient(135deg, rgba(245,158,11,0.52) 0%, rgba(254,215,88,0.36) 100%)"
@@ -856,7 +856,7 @@ export const auraTokens = {
856
856
  },
857
857
  "level5": {
858
858
  "backdropBlur": {
859
- "px": 24
859
+ "px": 48
860
860
  },
861
861
  "surface": {
862
862
  "base": "linear-gradient(135deg, rgba(245,158,11,0.6) 0%, rgba(254,215,88,0.42) 100%)"
@@ -889,7 +889,7 @@ export const auraTokens = {
889
889
  "danger": {
890
890
  "level1": {
891
891
  "backdropBlur": {
892
- "px": 8
892
+ "px": 16
893
893
  },
894
894
  "surface": {
895
895
  "base": "linear-gradient(135deg, rgba(239,68,68,0.28) 0%, rgba(248,113,113,0.18) 100%)"
@@ -915,7 +915,7 @@ export const auraTokens = {
915
915
  },
916
916
  "level2": {
917
917
  "backdropBlur": {
918
- "px": 12
918
+ "px": 24
919
919
  },
920
920
  "surface": {
921
921
  "base": "linear-gradient(135deg, rgba(239,68,68,0.36) 0%, rgba(248,113,113,0.24) 100%)"
@@ -946,7 +946,7 @@ export const auraTokens = {
946
946
  },
947
947
  "level3": {
948
948
  "backdropBlur": {
949
- "px": 16
949
+ "px": 32
950
950
  },
951
951
  "surface": {
952
952
  "base": "linear-gradient(135deg, rgba(239,68,68,0.44) 0%, rgba(248,113,113,0.3) 100%)"
@@ -977,7 +977,7 @@ export const auraTokens = {
977
977
  },
978
978
  "level4": {
979
979
  "backdropBlur": {
980
- "px": 20
980
+ "px": 40
981
981
  },
982
982
  "surface": {
983
983
  "base": "linear-gradient(135deg, rgba(239,68,68,0.52) 0%, rgba(248,113,113,0.36) 100%)"
@@ -1008,7 +1008,7 @@ export const auraTokens = {
1008
1008
  },
1009
1009
  "level5": {
1010
1010
  "backdropBlur": {
1011
- "px": 24
1011
+ "px": 48
1012
1012
  },
1013
1013
  "surface": {
1014
1014
  "base": "linear-gradient(135deg, rgba(239,68,68,0.6) 0%, rgba(248,113,113,0.42) 100%)"
@@ -1041,7 +1041,7 @@ export const auraTokens = {
1041
1041
  "info": {
1042
1042
  "level1": {
1043
1043
  "backdropBlur": {
1044
- "px": 8
1044
+ "px": 16
1045
1045
  },
1046
1046
  "surface": {
1047
1047
  "base": "linear-gradient(135deg, rgba(14,165,233,0.28) 0%, rgba(56,189,248,0.18) 100%)"
@@ -1067,7 +1067,7 @@ export const auraTokens = {
1067
1067
  },
1068
1068
  "level2": {
1069
1069
  "backdropBlur": {
1070
- "px": 12
1070
+ "px": 24
1071
1071
  },
1072
1072
  "surface": {
1073
1073
  "base": "linear-gradient(135deg, rgba(14,165,233,0.36) 0%, rgba(56,189,248,0.24) 100%)"
@@ -1098,7 +1098,7 @@ export const auraTokens = {
1098
1098
  },
1099
1099
  "level3": {
1100
1100
  "backdropBlur": {
1101
- "px": 16
1101
+ "px": 32
1102
1102
  },
1103
1103
  "surface": {
1104
1104
  "base": "linear-gradient(135deg, rgba(14,165,233,0.44) 0%, rgba(56,189,248,0.3) 100%)"
@@ -1129,7 +1129,7 @@ export const auraTokens = {
1129
1129
  },
1130
1130
  "level4": {
1131
1131
  "backdropBlur": {
1132
- "px": 20
1132
+ "px": 40
1133
1133
  },
1134
1134
  "surface": {
1135
1135
  "base": "linear-gradient(135deg, rgba(14,165,233,0.52) 0%, rgba(56,189,248,0.36) 100%)"
@@ -1160,7 +1160,7 @@ export const auraTokens = {
1160
1160
  },
1161
1161
  "level5": {
1162
1162
  "backdropBlur": {
1163
- "px": 24
1163
+ "px": 48
1164
1164
  },
1165
1165
  "surface": {
1166
1166
  "base": "linear-gradient(135deg, rgba(14,165,233,0.6) 0%, rgba(56,189,248,0.42) 100%)"
package/dist/tokens/generated.d.ts CHANGED
@@ -279,7 +279,7 @@ export declare const auraTokens: {
279
279
  readonly neutral: {
280
280
  readonly level1: {
281
281
  readonly backdropBlur: {
282
- readonly px: 8;
282
+ readonly px: 16;
283
283
  };
284
284
  readonly surface: {
285
285
  readonly base: "linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.15) 100%)";
@@ -306,7 +306,7 @@ export declare const auraTokens: {
306
306
  };
307
307
  readonly level2: {
308
308
  readonly backdropBlur: {
309
- readonly px: 12;
309
+ readonly px: 24;
310
310
  };
311
311
  readonly surface: {
312
312
  readonly base: "linear-gradient(135deg, rgba(255,255,255,0.35) 0%, rgba(148,163,184,0.15) 100%)";
@@ -337,7 +337,7 @@ export declare const auraTokens: {
337
337
  };
338
338
  readonly level3: {
339
339
  readonly backdropBlur: {
340
- readonly px: 16;
340
+ readonly px: 32;
341
341
  };
342
342
  readonly surface: {
343
343
  readonly base: "linear-gradient(135deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.08) 100%)";
@@ -368,7 +368,7 @@ export declare const auraTokens: {
368
368
  };
369
369
  readonly level4: {
370
370
  readonly backdropBlur: {
371
- readonly px: 20;
371
+ readonly px: 40;
372
372
  };
373
373
  readonly surface: {
374
374
  readonly base: "linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.10) 100%)";
@@ -399,7 +399,7 @@ export declare const auraTokens: {
399
399
  };
400
400
  readonly level5: {
401
401
  readonly backdropBlur: {
402
- readonly px: 24;
402
+ readonly px: 48;
403
403
  };
404
404
  readonly surface: {
405
405
  readonly base: "linear-gradient(135deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.12) 100%)";
@@ -432,7 +432,7 @@ export declare const auraTokens: {
432
432
  readonly primary: {
433
433
  readonly level1: {
434
434
  readonly backdropBlur: {
435
- readonly px: 8;
435
+ readonly px: 16;
436
436
  };
437
437
  readonly surface: {
438
438
  readonly base: "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.3) 0%, hsl(var(--glass-color-primary)/0.22) 100%)";
@@ -458,7 +458,7 @@ export declare const auraTokens: {
458
458
  };
459
459
  readonly level2: {
460
460
  readonly backdropBlur: {
461
- readonly px: 12;
461
+ readonly px: 24;
462
462
  };
463
463
  readonly surface: {
464
464
  readonly base: "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.4) 0%, hsl(var(--glass-color-primary)/0.28) 100%)";
@@ -489,7 +489,7 @@ export declare const auraTokens: {
489
489
  };
490
490
  readonly level3: {
491
491
  readonly backdropBlur: {
492
- readonly px: 16;
492
+ readonly px: 32;
493
493
  };
494
494
  readonly surface: {
495
495
  readonly base: "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.48) 0%, hsl(var(--glass-color-primary)/0.34) 100%)";
@@ -520,7 +520,7 @@ export declare const auraTokens: {
520
520
  };
521
521
  readonly level4: {
522
522
  readonly backdropBlur: {
523
- readonly px: 20;
523
+ readonly px: 40;
524
524
  };
525
525
  readonly surface: {
526
526
  readonly base: "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.56) 0%, hsl(var(--glass-color-primary)/0.4) 100%)";
@@ -551,7 +551,7 @@ export declare const auraTokens: {
551
551
  };
552
552
  readonly level5: {
553
553
  readonly backdropBlur: {
554
- readonly px: 24;
554
+ readonly px: 48;
555
555
  };
556
556
  readonly surface: {
557
557
  readonly base: "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.64) 0%, hsl(var(--glass-color-primary)/0.45) 100%)";
@@ -584,7 +584,7 @@ export declare const auraTokens: {
584
584
  readonly success: {
585
585
  readonly level1: {
586
586
  readonly backdropBlur: {
587
- readonly px: 8;
587
+ readonly px: 16;
588
588
  };
589
589
  readonly surface: {
590
590
  readonly base: "linear-gradient(135deg, rgba(34,197,94,0.25) 0%, rgba(22,163,74,0.18) 100%)";
@@ -610,7 +610,7 @@ export declare const auraTokens: {
610
610
  };
611
611
  readonly level2: {
612
612
  readonly backdropBlur: {
613
- readonly px: 12;
613
+ readonly px: 24;
614
614
  };
615
615
  readonly surface: {
616
616
  readonly base: "linear-gradient(135deg, rgba(34,197,94,0.32) 0%, rgba(22,163,74,0.24) 100%)";
@@ -641,7 +641,7 @@ export declare const auraTokens: {
641
641
  };
642
642
  readonly level3: {
643
643
  readonly backdropBlur: {
644
- readonly px: 16;
644
+ readonly px: 32;
645
645
  };
646
646
  readonly surface: {
647
647
  readonly base: "linear-gradient(135deg, rgba(34,197,94,0.4) 0%, rgba(22,163,74,0.28) 100%)";
@@ -672,7 +672,7 @@ export declare const auraTokens: {
672
672
  };
673
673
  readonly level4: {
674
674
  readonly backdropBlur: {
675
- readonly px: 20;
675
+ readonly px: 40;
676
676
  };
677
677
  readonly surface: {
678
678
  readonly base: "linear-gradient(135deg, rgba(34,197,94,0.48) 0%, rgba(22,163,74,0.34) 100%)";
@@ -703,7 +703,7 @@ export declare const auraTokens: {
703
703
  };
704
704
  readonly level5: {
705
705
  readonly backdropBlur: {
706
- readonly px: 24;
706
+ readonly px: 48;
707
707
  };
708
708
  readonly surface: {
709
709
  readonly base: "linear-gradient(135deg, rgba(34,197,94,0.56) 0%, rgba(22,163,74,0.4) 100%)";
@@ -736,7 +736,7 @@ export declare const auraTokens: {
736
736
  readonly warning: {
737
737
  readonly level1: {
738
738
  readonly backdropBlur: {
739
- readonly px: 8;
739
+ readonly px: 16;
740
740
  };
741
741
  readonly surface: {
742
742
  readonly base: "linear-gradient(135deg, rgba(245,158,11,0.28) 0%, rgba(254,215,88,0.18) 100%)";
@@ -762,7 +762,7 @@ export declare const auraTokens: {
762
762
  };
763
763
  readonly level2: {
764
764
  readonly backdropBlur: {
765
- readonly px: 12;
765
+ readonly px: 24;
766
766
  };
767
767
  readonly surface: {
768
768
  readonly base: "linear-gradient(135deg, rgba(245,158,11,0.35) 0%, rgba(254,215,88,0.24) 100%)";
@@ -793,7 +793,7 @@ export declare const auraTokens: {
793
793
  };
794
794
  readonly level3: {
795
795
  readonly backdropBlur: {
796
- readonly px: 16;
796
+ readonly px: 32;
797
797
  };
798
798
  readonly surface: {
799
799
  readonly base: "linear-gradient(135deg, rgba(245,158,11,0.44) 0%, rgba(254,215,88,0.3) 100%)";
@@ -824,7 +824,7 @@ export declare const auraTokens: {
824
824
  };
825
825
  readonly level4: {
826
826
  readonly backdropBlur: {
827
- readonly px: 20;
827
+ readonly px: 40;
828
828
  };
829
829
  readonly surface: {
830
830
  readonly base: "linear-gradient(135deg, rgba(245,158,11,0.52) 0%, rgba(254,215,88,0.36) 100%)";
@@ -855,7 +855,7 @@ export declare const auraTokens: {
855
855
  };
856
856
  readonly level5: {
857
857
  readonly backdropBlur: {
858
- readonly px: 24;
858
+ readonly px: 48;
859
859
  };
860
860
  readonly surface: {
861
861
  readonly base: "linear-gradient(135deg, rgba(245,158,11,0.6) 0%, rgba(254,215,88,0.42) 100%)";
@@ -888,7 +888,7 @@ export declare const auraTokens: {
888
888
  readonly danger: {
889
889
  readonly level1: {
890
890
  readonly backdropBlur: {
891
- readonly px: 8;
891
+ readonly px: 16;
892
892
  };
893
893
  readonly surface: {
894
894
  readonly base: "linear-gradient(135deg, rgba(239,68,68,0.28) 0%, rgba(248,113,113,0.18) 100%)";
@@ -914,7 +914,7 @@ export declare const auraTokens: {
914
914
  };
915
915
  readonly level2: {
916
916
  readonly backdropBlur: {
917
- readonly px: 12;
917
+ readonly px: 24;
918
918
  };
919
919
  readonly surface: {
920
920
  readonly base: "linear-gradient(135deg, rgba(239,68,68,0.36) 0%, rgba(248,113,113,0.24) 100%)";
@@ -945,7 +945,7 @@ export declare const auraTokens: {
945
945
  };
946
946
  readonly level3: {
947
947
  readonly backdropBlur: {
948
- readonly px: 16;
948
+ readonly px: 32;
949
949
  };
950
950
  readonly surface: {
951
951
  readonly base: "linear-gradient(135deg, rgba(239,68,68,0.44) 0%, rgba(248,113,113,0.3) 100%)";
@@ -976,7 +976,7 @@ export declare const auraTokens: {
976
976
  };
977
977
  readonly level4: {
978
978
  readonly backdropBlur: {
979
- readonly px: 20;
979
+ readonly px: 40;
980
980
  };
981
981
  readonly surface: {
982
982
  readonly base: "linear-gradient(135deg, rgba(239,68,68,0.52) 0%, rgba(248,113,113,0.36) 100%)";
@@ -1007,7 +1007,7 @@ export declare const auraTokens: {
1007
1007
  };
1008
1008
  readonly level5: {
1009
1009
  readonly backdropBlur: {
1010
- readonly px: 24;
1010
+ readonly px: 48;
1011
1011
  };
1012
1012
  readonly surface: {
1013
1013
  readonly base: "linear-gradient(135deg, rgba(239,68,68,0.6) 0%, rgba(248,113,113,0.42) 100%)";
@@ -1040,7 +1040,7 @@ export declare const auraTokens: {
1040
1040
  readonly info: {
1041
1041
  readonly level1: {
1042
1042
  readonly backdropBlur: {
1043
- readonly px: 8;
1043
+ readonly px: 16;
1044
1044
  };
1045
1045
  readonly surface: {
1046
1046
  readonly base: "linear-gradient(135deg, rgba(14,165,233,0.28) 0%, rgba(56,189,248,0.18) 100%)";
@@ -1066,7 +1066,7 @@ export declare const auraTokens: {
1066
1066
  };
1067
1067
  readonly level2: {
1068
1068
  readonly backdropBlur: {
1069
- readonly px: 12;
1069
+ readonly px: 24;
1070
1070
  };
1071
1071
  readonly surface: {
1072
1072
  readonly base: "linear-gradient(135deg, rgba(14,165,233,0.36) 0%, rgba(56,189,248,0.24) 100%)";
@@ -1097,7 +1097,7 @@ export declare const auraTokens: {
1097
1097
  };
1098
1098
  readonly level3: {
1099
1099
  readonly backdropBlur: {
1100
- readonly px: 16;
1100
+ readonly px: 32;
1101
1101
  };
1102
1102
  readonly surface: {
1103
1103
  readonly base: "linear-gradient(135deg, rgba(14,165,233,0.44) 0%, rgba(56,189,248,0.3) 100%)";
@@ -1128,7 +1128,7 @@ export declare const auraTokens: {
1128
1128
  };
1129
1129
  readonly level4: {
1130
1130
  readonly backdropBlur: {
1131
- readonly px: 20;
1131
+ readonly px: 40;
1132
1132
  };
1133
1133
  readonly surface: {
1134
1134
  readonly base: "linear-gradient(135deg, rgba(14,165,233,0.52) 0%, rgba(56,189,248,0.36) 100%)";
@@ -1159,7 +1159,7 @@ export declare const auraTokens: {
1159
1159
  };
1160
1160
  readonly level5: {
1161
1161
  readonly backdropBlur: {
1162
- readonly px: 24;
1162
+ readonly px: 48;
1163
1163
  };
1164
1164
  readonly surface: {
1165
1165
  readonly base: "linear-gradient(135deg, rgba(14,165,233,0.6) 0%, rgba(56,189,248,0.42) 100%)";
package/dist/tokens/tokens.css CHANGED
@@ -137,7 +137,7 @@
137
137
  }
138
138
 
139
139
  [data-aura-theme="auraglass-default"] {
140
- --aura-glass-neutral-level1-backdrop-blur: 8px;
140
+ --aura-glass-neutral-level1-backdrop-blur: 16px;
141
141
  --aura-glass-neutral-level1-surface-base: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.15) 100%);
142
142
  --aura-glass-neutral-level1-surface-overlay: rgba(255,255,255,0.08);
143
143
  --aura-glass-neutral-level1-border-color: rgba(255,255,255,0.12);
@@ -152,7 +152,7 @@
152
152
  --aura-glass-neutral-level1-highlight-opacity: 0.15;
153
153
  --aura-glass-neutral-level1-text-primary: rgba(15,23,42,0.95);
154
154
  --aura-glass-neutral-level1-text-secondary: rgba(15,23,42,0.75);
155
- --aura-glass-neutral-level2-backdrop-blur: 12px;
155
+ --aura-glass-neutral-level2-backdrop-blur: 24px;
156
156
  --aura-glass-neutral-level2-surface-base: linear-gradient(135deg, rgba(255,255,255,0.35) 0%, rgba(148,163,184,0.15) 100%);
157
157
  --aura-glass-neutral-level2-border-color: rgba(255,255,255,0.14);
158
158
  --aura-glass-neutral-level2-border-width: 1px;
@@ -169,7 +169,7 @@
169
169
  --aura-glass-neutral-level2-highlight-opacity: 0.2;
170
170
  --aura-glass-neutral-level2-text-primary: rgba(15,23,42,0.95);
171
171
  --aura-glass-neutral-level2-text-secondary: rgba(15,23,42,0.75);
172
- --aura-glass-neutral-level3-backdrop-blur: 16px;
172
+ --aura-glass-neutral-level3-backdrop-blur: 32px;
173
173
  --aura-glass-neutral-level3-surface-base: linear-gradient(135deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.08) 100%);
174
174
  --aura-glass-neutral-level3-border-color: rgba(255,255,255,0.16);
175
175
  --aura-glass-neutral-level3-border-width: 1px;
@@ -186,7 +186,7 @@
186
186
  --aura-glass-neutral-level3-highlight-opacity: 0.25;
187
187
  --aura-glass-neutral-level3-text-primary: rgba(15,23,42,0.95);
188
188
  --aura-glass-neutral-level3-text-secondary: rgba(15,23,42,0.75);
189
- --aura-glass-neutral-level4-backdrop-blur: 20px;
189
+ --aura-glass-neutral-level4-backdrop-blur: 40px;
190
190
  --aura-glass-neutral-level4-surface-base: linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.10) 100%);
191
191
  --aura-glass-neutral-level4-border-color: rgba(255,255,255,0.18);
192
192
  --aura-glass-neutral-level4-border-width: 1px;
@@ -203,7 +203,7 @@
203
203
  --aura-glass-neutral-level4-highlight-opacity: 0.25;
204
204
  --aura-glass-neutral-level4-text-primary: rgba(15,23,42,0.95);
205
205
  --aura-glass-neutral-level4-text-secondary: rgba(15,23,42,0.75);
206
- --aura-glass-neutral-level5-backdrop-blur: 24px;
206
+ --aura-glass-neutral-level5-backdrop-blur: 48px;
207
207
  --aura-glass-neutral-level5-surface-base: linear-gradient(135deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.12) 100%);
208
208
  --aura-glass-neutral-level5-border-color: rgba(255,255,255,0.2);
209
209
  --aura-glass-neutral-level5-border-width: 1px;
@@ -220,7 +220,7 @@
220
220
  --aura-glass-neutral-level5-highlight-opacity: 0.3;
221
221
  --aura-glass-neutral-level5-text-primary: rgba(15,23,42,0.95);
222
222
  --aura-glass-neutral-level5-text-secondary: rgba(15,23,42,0.75);
223
- --aura-glass-primary-level1-backdrop-blur: 8px;
223
+ --aura-glass-primary-level1-backdrop-blur: 16px;
224
224
  --aura-glass-primary-level1-surface-base: linear-gradient(135deg, hsl(var(--glass-color-primary)/0.3) 0%, hsl(var(--glass-color-primary)/0.22) 100%);
225
225
  --aura-glass-primary-level1-border-color: hsl(var(--glass-color-primary)/0.5);
226
226
  --aura-glass-primary-level1-border-width: 1px;
@@ -234,7 +234,7 @@
234
234
  --aura-glass-primary-level1-highlight-opacity: 0.15;
235
235
  --aura-glass-primary-level1-text-primary: rgba(248,250,252,0.98);
236
236
  --aura-glass-primary-level1-text-secondary: rgba(248,250,252,0.78);
237
- --aura-glass-primary-level2-backdrop-blur: 12px;
237
+ --aura-glass-primary-level2-backdrop-blur: 24px;
238
238
  --aura-glass-primary-level2-surface-base: linear-gradient(135deg, hsl(var(--glass-color-primary)/0.4) 0%, hsl(var(--glass-color-primary)/0.28) 100%);
239
239
  --aura-glass-primary-level2-border-color: hsl(var(--glass-color-primary)/0.6);
240
240
  --aura-glass-primary-level2-border-width: 1px;
@@ -251,7 +251,7 @@
251
251
  --aura-glass-primary-level2-highlight-opacity: 0.2;
252
252
  --aura-glass-primary-level2-text-primary: rgba(248,250,252,0.98);
253
253
  --aura-glass-primary-level2-text-secondary: rgba(248,250,252,0.78);
254
- --aura-glass-primary-level3-backdrop-blur: 16px;
254
+ --aura-glass-primary-level3-backdrop-blur: 32px;
255
255
  --aura-glass-primary-level3-surface-base: linear-gradient(135deg, hsl(var(--glass-color-primary)/0.48) 0%, hsl(var(--glass-color-primary)/0.34) 100%);
256
256
  --aura-glass-primary-level3-border-color: hsl(var(--glass-color-primary)/0.7);
257
257
  --aura-glass-primary-level3-border-width: 2px;
@@ -268,7 +268,7 @@
268
268
  --aura-glass-primary-level3-highlight-opacity: 0.25;
269
269
  --aura-glass-primary-level3-text-primary: rgba(248,250,252,0.98);
270
270
  --aura-glass-primary-level3-text-secondary: rgba(248,250,252,0.78);
271
- --aura-glass-primary-level4-backdrop-blur: 20px;
271
+ --aura-glass-primary-level4-backdrop-blur: 40px;
272
272
  --aura-glass-primary-level4-surface-base: linear-gradient(135deg, hsl(var(--glass-color-primary)/0.56) 0%, hsl(var(--glass-color-primary)/0.4) 100%);
273
273
  --aura-glass-primary-level4-border-color: hsl(var(--glass-color-primary)/0.78);
274
274
  --aura-glass-primary-level4-border-width: 2px;
@@ -285,7 +285,7 @@
285
285
  --aura-glass-primary-level4-highlight-opacity: 0.25;
286
286
  --aura-glass-primary-level4-text-primary: rgba(248,250,252,0.98);
287
287
  --aura-glass-primary-level4-text-secondary: rgba(248,250,252,0.78);
288
- --aura-glass-primary-level5-backdrop-blur: 24px;
288
+ --aura-glass-primary-level5-backdrop-blur: 48px;
289
289
  --aura-glass-primary-level5-surface-base: linear-gradient(135deg, hsl(var(--glass-color-primary)/0.64) 0%, hsl(var(--glass-color-primary)/0.45) 100%);
290
290
  --aura-glass-primary-level5-border-color: hsl(var(--glass-color-primary)/0.85);
291
291
  --aura-glass-primary-level5-border-width: 3px;
@@ -302,7 +302,7 @@
302
302
  --aura-glass-primary-level5-highlight-opacity: 0.3;
303
303
  --aura-glass-primary-level5-text-primary: rgba(248,250,252,0.98);
304
304
  --aura-glass-primary-level5-text-secondary: rgba(248,250,252,0.78);
305
- --aura-glass-success-level1-backdrop-blur: 8px;
305
+ --aura-glass-success-level1-backdrop-blur: 16px;
306
306
  --aura-glass-success-level1-surface-base: linear-gradient(135deg, rgba(34,197,94,0.25) 0%, rgba(22,163,74,0.18) 100%);
307
307
  --aura-glass-success-level1-border-color: rgba(34,197,94,0.4);
308
308
  --aura-glass-success-level1-border-width: 1px;
@@ -316,7 +316,7 @@
316
316
  --aura-glass-success-level1-highlight-opacity: 0.15;
317
317
  --aura-glass-success-level1-text-primary: rgba(248,250,252,0.98);
318
318
  --aura-glass-success-level1-text-secondary: rgba(248,250,252,0.78);
319
- --aura-glass-success-level2-backdrop-blur: 12px;
319
+ --aura-glass-success-level2-backdrop-blur: 24px;
320
320
  --aura-glass-success-level2-surface-base: linear-gradient(135deg, rgba(34,197,94,0.32) 0%, rgba(22,163,74,0.24) 100%);
321
321
  --aura-glass-success-level2-border-color: rgba(34,197,94,0.5);
322
322
  --aura-glass-success-level2-border-width: 1px;
@@ -333,7 +333,7 @@
333
333
  --aura-glass-success-level2-highlight-opacity: 0.2;
334
334
  --aura-glass-success-level2-text-primary: rgba(248,250,252,0.98);
335
335
  --aura-glass-success-level2-text-secondary: rgba(248,250,252,0.78);
336
- --aura-glass-success-level3-backdrop-blur: 16px;
336
+ --aura-glass-success-level3-backdrop-blur: 32px;
337
337
  --aura-glass-success-level3-surface-base: linear-gradient(135deg, rgba(34,197,94,0.4) 0%, rgba(22,163,74,0.28) 100%);
338
338
  --aura-glass-success-level3-border-color: rgba(34,197,94,0.6);
339
339
  --aura-glass-success-level3-border-width: 2px;
@@ -350,7 +350,7 @@
350
350
  --aura-glass-success-level3-highlight-opacity: 0.25;
351
351
  --aura-glass-success-level3-text-primary: rgba(248,250,252,0.98);
352
352
  --aura-glass-success-level3-text-secondary: rgba(248,250,252,0.78);
353
- --aura-glass-success-level4-backdrop-blur: 20px;
353
+ --aura-glass-success-level4-backdrop-blur: 40px;
354
354
  --aura-glass-success-level4-surface-base: linear-gradient(135deg, rgba(34,197,94,0.48) 0%, rgba(22,163,74,0.34) 100%);
355
355
  --aura-glass-success-level4-border-color: rgba(34,197,94,0.7);
356
356
  --aura-glass-success-level4-border-width: 2px;
@@ -367,7 +367,7 @@
367
367
  --aura-glass-success-level4-highlight-opacity: 0.25;
368
368
  --aura-glass-success-level4-text-primary: rgba(248,250,252,0.98);
369
369
  --aura-glass-success-level4-text-secondary: rgba(248,250,252,0.78);
370
- --aura-glass-success-level5-backdrop-blur: 24px;
370
+ --aura-glass-success-level5-backdrop-blur: 48px;
371
371
  --aura-glass-success-level5-surface-base: linear-gradient(135deg, rgba(34,197,94,0.56) 0%, rgba(22,163,74,0.4) 100%);
372
372
  --aura-glass-success-level5-border-color: rgba(34,197,94,0.78);
373
373
  --aura-glass-success-level5-border-width: 3px;
@@ -384,7 +384,7 @@
384
384
  --aura-glass-success-level5-highlight-opacity: 0.3;
385
385
  --aura-glass-success-level5-text-primary: rgba(248,250,252,0.98);
386
386
  --aura-glass-success-level5-text-secondary: rgba(248,250,252,0.78);
387
- --aura-glass-warning-level1-backdrop-blur: 8px;
387
+ --aura-glass-warning-level1-backdrop-blur: 16px;
388
388
  --aura-glass-warning-level1-surface-base: linear-gradient(135deg, rgba(245,158,11,0.28) 0%, rgba(254,215,88,0.18) 100%);
389
389
  --aura-glass-warning-level1-border-color: rgba(245,158,11,0.4);
390
390
  --aura-glass-warning-level1-border-width: 1px;
@@ -398,7 +398,7 @@
398
398
  --aura-glass-warning-level1-highlight-opacity: 0.15;
399
399
  --aura-glass-warning-level1-text-primary: rgba(15,23,42,0.95);
400
400
  --aura-glass-warning-level1-text-secondary: rgba(15,23,42,0.75);
401
- --aura-glass-warning-level2-backdrop-blur: 12px;
401
+ --aura-glass-warning-level2-backdrop-blur: 24px;
402
402
  --aura-glass-warning-level2-surface-base: linear-gradient(135deg, rgba(245,158,11,0.35) 0%, rgba(254,215,88,0.24) 100%);
403
403
  --aura-glass-warning-level2-border-color: rgba(245,158,11,0.5);
404
404
  --aura-glass-warning-level2-border-width: 1px;
@@ -415,7 +415,7 @@
415
415
  --aura-glass-warning-level2-highlight-opacity: 0.2;
416
416
  --aura-glass-warning-level2-text-primary: rgba(15,23,42,0.95);
417
417
  --aura-glass-warning-level2-text-secondary: rgba(15,23,42,0.75);
418
- --aura-glass-warning-level3-backdrop-blur: 16px;
418
+ --aura-glass-warning-level3-backdrop-blur: 32px;
419
419
  --aura-glass-warning-level3-surface-base: linear-gradient(135deg, rgba(245,158,11,0.44) 0%, rgba(254,215,88,0.3) 100%);
420
420
  --aura-glass-warning-level3-border-color: rgba(245,158,11,0.6);
421
421
  --aura-glass-warning-level3-border-width: 2px;
@@ -432,7 +432,7 @@
432
432
  --aura-glass-warning-level3-highlight-opacity: 0.25;
433
433
  --aura-glass-warning-level3-text-primary: rgba(15,23,42,0.95);
434
434
  --aura-glass-warning-level3-text-secondary: rgba(15,23,42,0.75);
435
- --aura-glass-warning-level4-backdrop-blur: 20px;
435
+ --aura-glass-warning-level4-backdrop-blur: 40px;
436
436
  --aura-glass-warning-level4-surface-base: linear-gradient(135deg, rgba(245,158,11,0.52) 0%, rgba(254,215,88,0.36) 100%);
437
437
  --aura-glass-warning-level4-border-color: rgba(245,158,11,0.68);
438
438
  --aura-glass-warning-level4-border-width: 2px;
@@ -449,7 +449,7 @@
449
449
  --aura-glass-warning-level4-highlight-opacity: 0.25;
450
450
  --aura-glass-warning-level4-text-primary: rgba(15,23,42,0.95);
451
451
  --aura-glass-warning-level4-text-secondary: rgba(15,23,42,0.75);
452
- --aura-glass-warning-level5-backdrop-blur: 24px;
452
+ --aura-glass-warning-level5-backdrop-blur: 48px;
453
453
  --aura-glass-warning-level5-surface-base: linear-gradient(135deg, rgba(245,158,11,0.6) 0%, rgba(254,215,88,0.42) 100%);
454
454
  --aura-glass-warning-level5-border-color: rgba(245,158,11,0.75);
455
455
  --aura-glass-warning-level5-border-width: 3px;
@@ -466,7 +466,7 @@
466
466
  --aura-glass-warning-level5-highlight-opacity: 0.3;
467
467
  --aura-glass-warning-level5-text-primary: rgba(15,23,42,0.95);
468
468
  --aura-glass-warning-level5-text-secondary: rgba(15,23,42,0.75);
469
- --aura-glass-danger-level1-backdrop-blur: 8px;
469
+ --aura-glass-danger-level1-backdrop-blur: 16px;
470
470
  --aura-glass-danger-level1-surface-base: linear-gradient(135deg, rgba(239,68,68,0.28) 0%, rgba(248,113,113,0.18) 100%);
471
471
  --aura-glass-danger-level1-border-color: rgba(239,68,68,0.4);
472
472
  --aura-glass-danger-level1-border-width: 1px;
@@ -480,7 +480,7 @@
480
480
  --aura-glass-danger-level1-highlight-opacity: 0.15;
481
481
  --aura-glass-danger-level1-text-primary: rgba(248,250,252,0.98);
482
482
  --aura-glass-danger-level1-text-secondary: rgba(248,250,252,0.78);
483
- --aura-glass-danger-level2-backdrop-blur: 12px;
483
+ --aura-glass-danger-level2-backdrop-blur: 24px;
484
484
  --aura-glass-danger-level2-surface-base: linear-gradient(135deg, rgba(239,68,68,0.36) 0%, rgba(248,113,113,0.24) 100%);
485
485
  --aura-glass-danger-level2-border-color: rgba(239,68,68,0.5);
486
486
  --aura-glass-danger-level2-border-width: 1px;
@@ -497,7 +497,7 @@
497
497
  --aura-glass-danger-level2-highlight-opacity: 0.2;
498
498
  --aura-glass-danger-level2-text-primary: rgba(248,250,252,0.98);
499
499
  --aura-glass-danger-level2-text-secondary: rgba(248,250,252,0.78);
500
- --aura-glass-danger-level3-backdrop-blur: 16px;
500
+ --aura-glass-danger-level3-backdrop-blur: 32px;
501
501
  --aura-glass-danger-level3-surface-base: linear-gradient(135deg, rgba(239,68,68,0.44) 0%, rgba(248,113,113,0.3) 100%);
502
502
  --aura-glass-danger-level3-border-color: rgba(239,68,68,0.6);
503
503
  --aura-glass-danger-level3-border-width: 2px;
@@ -514,7 +514,7 @@
514
514
  --aura-glass-danger-level3-highlight-opacity: 0.25;
515
515
  --aura-glass-danger-level3-text-primary: rgba(248,250,252,0.98);
516
516
  --aura-glass-danger-level3-text-secondary: rgba(248,250,252,0.78);
517
- --aura-glass-danger-level4-backdrop-blur: 20px;
517
+ --aura-glass-danger-level4-backdrop-blur: 40px;
518
518
  --aura-glass-danger-level4-surface-base: linear-gradient(135deg, rgba(239,68,68,0.52) 0%, rgba(248,113,113,0.36) 100%);
519
519
  --aura-glass-danger-level4-border-color: rgba(239,68,68,0.68);
520
520
  --aura-glass-danger-level4-border-width: 2px;
@@ -531,7 +531,7 @@
531
531
  --aura-glass-danger-level4-highlight-opacity: 0.25;
532
532
  --aura-glass-danger-level4-text-primary: rgba(248,250,252,0.98);
533
533
  --aura-glass-danger-level4-text-secondary: rgba(248,250,252,0.78);
534
- --aura-glass-danger-level5-backdrop-blur: 24px;
534
+ --aura-glass-danger-level5-backdrop-blur: 48px;
535
535
  --aura-glass-danger-level5-surface-base: linear-gradient(135deg, rgba(239,68,68,0.6) 0%, rgba(248,113,113,0.42) 100%);
536
536
  --aura-glass-danger-level5-border-color: rgba(239,68,68,0.75);
537
537
  --aura-glass-danger-level5-border-width: 3px;
@@ -548,7 +548,7 @@
548
548
  --aura-glass-danger-level5-highlight-opacity: 0.3;
549
549
  --aura-glass-danger-level5-text-primary: rgba(248,250,252,0.98);
550
550
  --aura-glass-danger-level5-text-secondary: rgba(248,250,252,0.78);
551
- --aura-glass-info-level1-backdrop-blur: 8px;
551
+ --aura-glass-info-level1-backdrop-blur: 16px;
552
552
  --aura-glass-info-level1-surface-base: linear-gradient(135deg, rgba(14,165,233,0.28) 0%, rgba(56,189,248,0.18) 100%);
553
553
  --aura-glass-info-level1-border-color: rgba(14,165,233,0.4);
554
554
  --aura-glass-info-level1-border-width: 1px;
@@ -562,7 +562,7 @@
562
562
  --aura-glass-info-level1-highlight-opacity: 0.15;
563
563
  --aura-glass-info-level1-text-primary: rgba(248,250,252,0.98);
564
564
  --aura-glass-info-level1-text-secondary: rgba(248,250,252,0.78);
565
- --aura-glass-info-level2-backdrop-blur: 12px;
565
+ --aura-glass-info-level2-backdrop-blur: 24px;
566
566
  --aura-glass-info-level2-surface-base: linear-gradient(135deg, rgba(14,165,233,0.36) 0%, rgba(56,189,248,0.24) 100%);
567
567
  --aura-glass-info-level2-border-color: rgba(14,165,233,0.5);
568
568
  --aura-glass-info-level2-border-width: 1px;
@@ -579,7 +579,7 @@
579
579
  --aura-glass-info-level2-highlight-opacity: 0.2;
580
580
  --aura-glass-info-level2-text-primary: rgba(248,250,252,0.98);
581
581
  --aura-glass-info-level2-text-secondary: rgba(248,250,252,0.78);
582
- --aura-glass-info-level3-backdrop-blur: 16px;
582
+ --aura-glass-info-level3-backdrop-blur: 32px;
583
583
  --aura-glass-info-level3-surface-base: linear-gradient(135deg, rgba(14,165,233,0.44) 0%, rgba(56,189,248,0.3) 100%);
584
584
  --aura-glass-info-level3-border-color: rgba(14,165,233,0.6);
585
585
  --aura-glass-info-level3-border-width: 2px;
@@ -596,7 +596,7 @@
596
596
  --aura-glass-info-level3-highlight-opacity: 0.25;
597
597
  --aura-glass-info-level3-text-primary: rgba(248,250,252,0.98);
598
598
  --aura-glass-info-level3-text-secondary: rgba(248,250,252,0.78);
599
- --aura-glass-info-level4-backdrop-blur: 20px;
599
+ --aura-glass-info-level4-backdrop-blur: 40px;
600
600
  --aura-glass-info-level4-surface-base: linear-gradient(135deg, rgba(14,165,233,0.52) 0%, rgba(56,189,248,0.36) 100%);
601
601
  --aura-glass-info-level4-border-color: rgba(14,165,233,0.68);
602
602
  --aura-glass-info-level4-border-width: 2px;
@@ -613,7 +613,7 @@
613
613
  --aura-glass-info-level4-highlight-opacity: 0.25;
614
614
  --aura-glass-info-level4-text-primary: rgba(248,250,252,0.98);
615
615
  --aura-glass-info-level4-text-secondary: rgba(248,250,252,0.78);
616
- --aura-glass-info-level5-backdrop-blur: 24px;
616
+ --aura-glass-info-level5-backdrop-blur: 48px;
617
617
  --aura-glass-info-level5-surface-base: linear-gradient(135deg, rgba(14,165,233,0.6) 0%, rgba(56,189,248,0.42) 100%);
618
618
  --aura-glass-info-level5-border-color: rgba(14,165,233,0.75);
619
619
  --aura-glass-info-level5-border-width: 3px;
package/dist/tokens/tokens.json CHANGED
@@ -281,7 +281,7 @@
281
281
  "neutral": {
282
282
  "level1": {
283
283
  "backdropBlur": {
284
- "px": 8
284
+ "px": 16
285
285
  },
286
286
  "surface": {
287
287
  "base": "linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.15) 100%)",
@@ -308,7 +308,7 @@
308
308
  },
309
309
  "level2": {
310
310
  "backdropBlur": {
311
- "px": 12
311
+ "px": 24
312
312
  },
313
313
  "surface": {
314
314
  "base": "linear-gradient(135deg, rgba(255,255,255,0.35) 0%, rgba(148,163,184,0.15) 100%)"
@@ -339,7 +339,7 @@
339
339
  },
340
340
  "level3": {
341
341
  "backdropBlur": {
342
- "px": 16
342
+ "px": 32
343
343
  },
344
344
  "surface": {
345
345
  "base": "linear-gradient(135deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.08) 100%)"
@@ -370,7 +370,7 @@
370
370
  },
371
371
  "level4": {
372
372
  "backdropBlur": {
373
- "px": 20
373
+ "px": 40
374
374
  },
375
375
  "surface": {
376
376
  "base": "linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.10) 100%)"
@@ -401,7 +401,7 @@
401
401
  },
402
402
  "level5": {
403
403
  "backdropBlur": {
404
- "px": 24
404
+ "px": 48
405
405
  },
406
406
  "surface": {
407
407
  "base": "linear-gradient(135deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.12) 100%)"
@@ -434,7 +434,7 @@
434
434
  "primary": {
435
435
  "level1": {
436
436
  "backdropBlur": {
437
- "px": 8
437
+ "px": 16
438
438
  },
439
439
  "surface": {
440
440
  "base": "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.3) 0%, hsl(var(--glass-color-primary)/0.22) 100%)"
@@ -460,7 +460,7 @@
460
460
  },
461
461
  "level2": {
462
462
  "backdropBlur": {
463
- "px": 12
463
+ "px": 24
464
464
  },
465
465
  "surface": {
466
466
  "base": "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.4) 0%, hsl(var(--glass-color-primary)/0.28) 100%)"
@@ -491,7 +491,7 @@
491
491
  },
492
492
  "level3": {
493
493
  "backdropBlur": {
494
- "px": 16
494
+ "px": 32
495
495
  },
496
496
  "surface": {
497
497
  "base": "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.48) 0%, hsl(var(--glass-color-primary)/0.34) 100%)"
@@ -522,7 +522,7 @@
522
522
  },
523
523
  "level4": {
524
524
  "backdropBlur": {
525
- "px": 20
525
+ "px": 40
526
526
  },
527
527
  "surface": {
528
528
  "base": "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.56) 0%, hsl(var(--glass-color-primary)/0.4) 100%)"
@@ -553,7 +553,7 @@
553
553
  },
554
554
  "level5": {
555
555
  "backdropBlur": {
556
- "px": 24
556
+ "px": 48
557
557
  },
558
558
  "surface": {
559
559
  "base": "linear-gradient(135deg, hsl(var(--glass-color-primary)/0.64) 0%, hsl(var(--glass-color-primary)/0.45) 100%)"
@@ -586,7 +586,7 @@
586
586
  "success": {
587
587
  "level1": {
588
588
  "backdropBlur": {
589
- "px": 8
589
+ "px": 16
590
590
  },
591
591
  "surface": {
592
592
  "base": "linear-gradient(135deg, rgba(34,197,94,0.25) 0%, rgba(22,163,74,0.18) 100%)"
@@ -612,7 +612,7 @@
612
612
  },
613
613
  "level2": {
614
614
  "backdropBlur": {
615
- "px": 12
615
+ "px": 24
616
616
  },
617
617
  "surface": {
618
618
  "base": "linear-gradient(135deg, rgba(34,197,94,0.32) 0%, rgba(22,163,74,0.24) 100%)"
@@ -643,7 +643,7 @@
643
643
  },
644
644
  "level3": {
645
645
  "backdropBlur": {
646
- "px": 16
646
+ "px": 32
647
647
  },
648
648
  "surface": {
649
649
  "base": "linear-gradient(135deg, rgba(34,197,94,0.4) 0%, rgba(22,163,74,0.28) 100%)"
@@ -674,7 +674,7 @@
674
674
  },
675
675
  "level4": {
676
676
  "backdropBlur": {
677
- "px": 20
677
+ "px": 40
678
678
  },
679
679
  "surface": {
680
680
  "base": "linear-gradient(135deg, rgba(34,197,94,0.48) 0%, rgba(22,163,74,0.34) 100%)"
@@ -705,7 +705,7 @@
705
705
  },
706
706
  "level5": {
707
707
  "backdropBlur": {
708
- "px": 24
708
+ "px": 48
709
709
  },
710
710
  "surface": {
711
711
  "base": "linear-gradient(135deg, rgba(34,197,94,0.56) 0%, rgba(22,163,74,0.4) 100%)"
@@ -738,7 +738,7 @@
738
738
  "warning": {
739
739
  "level1": {
740
740
  "backdropBlur": {
741
- "px": 8
741
+ "px": 16
742
742
  },
743
743
  "surface": {
744
744
  "base": "linear-gradient(135deg, rgba(245,158,11,0.28) 0%, rgba(254,215,88,0.18) 100%)"
@@ -764,7 +764,7 @@
764
764
  },
765
765
  "level2": {
766
766
  "backdropBlur": {
767
- "px": 12
767
+ "px": 24
768
768
  },
769
769
  "surface": {
770
770
  "base": "linear-gradient(135deg, rgba(245,158,11,0.35) 0%, rgba(254,215,88,0.24) 100%)"
@@ -795,7 +795,7 @@
795
795
  },
796
796
  "level3": {
797
797
  "backdropBlur": {
798
- "px": 16
798
+ "px": 32
799
799
  },
800
800
  "surface": {
801
801
  "base": "linear-gradient(135deg, rgba(245,158,11,0.44) 0%, rgba(254,215,88,0.3) 100%)"
@@ -826,7 +826,7 @@
826
826
  },
827
827
  "level4": {
828
828
  "backdropBlur": {
829
- "px": 20
829
+ "px": 40
830
830
  },
831
831
  "surface": {
832
832
  "base": "linear-gradient(135deg, rgba(245,158,11,0.52) 0%, rgba(254,215,88,0.36) 100%)"
@@ -857,7 +857,7 @@
857
857
  },
858
858
  "level5": {
859
859
  "backdropBlur": {
860
- "px": 24
860
+ "px": 48
861
861
  },
862
862
  "surface": {
863
863
  "base": "linear-gradient(135deg, rgba(245,158,11,0.6) 0%, rgba(254,215,88,0.42) 100%)"
@@ -890,7 +890,7 @@
890
890
  "danger": {
891
891
  "level1": {
892
892
  "backdropBlur": {
893
- "px": 8
893
+ "px": 16
894
894
  },
895
895
  "surface": {
896
896
  "base": "linear-gradient(135deg, rgba(239,68,68,0.28) 0%, rgba(248,113,113,0.18) 100%)"
@@ -916,7 +916,7 @@
916
916
  },
917
917
  "level2": {
918
918
  "backdropBlur": {
919
- "px": 12
919
+ "px": 24
920
920
  },
921
921
  "surface": {
922
922
  "base": "linear-gradient(135deg, rgba(239,68,68,0.36) 0%, rgba(248,113,113,0.24) 100%)"
@@ -947,7 +947,7 @@
947
947
  },
948
948
  "level3": {
949
949
  "backdropBlur": {
950
- "px": 16
950
+ "px": 32
951
951
  },
952
952
  "surface": {
953
953
  "base": "linear-gradient(135deg, rgba(239,68,68,0.44) 0%, rgba(248,113,113,0.3) 100%)"
@@ -978,7 +978,7 @@
978
978
  },
979
979
  "level4": {
980
980
  "backdropBlur": {
981
- "px": 20
981
+ "px": 40
982
982
  },
983
983
  "surface": {
984
984
  "base": "linear-gradient(135deg, rgba(239,68,68,0.52) 0%, rgba(248,113,113,0.36) 100%)"
@@ -1009,7 +1009,7 @@
1009
1009
  },
1010
1010
  "level5": {
1011
1011
  "backdropBlur": {
1012
- "px": 24
1012
+ "px": 48
1013
1013
  },
1014
1014
  "surface": {
1015
1015
  "base": "linear-gradient(135deg, rgba(239,68,68,0.6) 0%, rgba(248,113,113,0.42) 100%)"
@@ -1042,7 +1042,7 @@
1042
1042
  "info": {
1043
1043
  "level1": {
1044
1044
  "backdropBlur": {
1045
- "px": 8
1045
+ "px": 16
1046
1046
  },
1047
1047
  "surface": {
1048
1048
  "base": "linear-gradient(135deg, rgba(14,165,233,0.28) 0%, rgba(56,189,248,0.18) 100%)"
@@ -1068,7 +1068,7 @@
1068
1068
  },
1069
1069
  "level2": {
1070
1070
  "backdropBlur": {
1071
- "px": 12
1071
+ "px": 24
1072
1072
  },
1073
1073
  "surface": {
1074
1074
  "base": "linear-gradient(135deg, rgba(14,165,233,0.36) 0%, rgba(56,189,248,0.24) 100%)"
@@ -1099,7 +1099,7 @@
1099
1099
  },
1100
1100
  "level3": {
1101
1101
  "backdropBlur": {
1102
- "px": 16
1102
+ "px": 32
1103
1103
  },
1104
1104
  "surface": {
1105
1105
  "base": "linear-gradient(135deg, rgba(14,165,233,0.44) 0%, rgba(56,189,248,0.3) 100%)"
@@ -1130,7 +1130,7 @@
1130
1130
  },
1131
1131
  "level4": {
1132
1132
  "backdropBlur": {
1133
- "px": 20
1133
+ "px": 40
1134
1134
  },
1135
1135
  "surface": {
1136
1136
  "base": "linear-gradient(135deg, rgba(14,165,233,0.52) 0%, rgba(56,189,248,0.36) 100%)"
@@ -1161,7 +1161,7 @@
1161
1161
  },
1162
1162
  "level5": {
1163
1163
  "backdropBlur": {
1164
- "px": 24
1164
+ "px": 48
1165
1165
  },
1166
1166
  "surface": {
1167
1167
  "base": "linear-gradient(135deg, rgba(14,165,233,0.6) 0%, rgba(56,189,248,0.42) 100%)"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "aura-glass",
3
- "version": "3.4.0",
3
+ "version": "3.4.2",
4
4
  "description": "AuraGlass by AuraOne: dependency-sovereign Liquid Glass app-surface system for React and Next.js.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",