@mizuui/liquid-glass-core 0.1.0 → 0.1.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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/filter.js +1 -1
  3. package/src/glass.js +6 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mizuui/liquid-glass-core",
3
- "version": "0.1.0",
3
+ "version": "0.1.2",
4
4
  "description": "Framework-agnostic liquid glass (real backdrop refraction, not frosted blur).",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/src/filter.js CHANGED
@@ -56,7 +56,7 @@ export function createGlassFilter(id) {
56
56
 
57
57
  const image = el('feImage', {
58
58
  result: 'map',
59
- preserveAspectRatio: 'none',
59
+ // preserveAspectRatio: 'none',
60
60
  x: '0',
61
61
  y: '0',
62
62
  width: String(map.displayWidth),
package/src/glass.js CHANGED
@@ -6,21 +6,21 @@ export const defaultOptions = {
6
6
  /** Corner radius in px. Keep in sync with any border-radius you set yourself. */
7
7
  radius: 30,
8
8
  /** Thickness of the refracting bevel in px. */
9
- depth: 35,
9
+ depth: 30,
10
10
  /** Maximum backdrop displacement in px. This is the strength of the lensing. */
11
- strength: 120,
11
+ strength: 25,
12
12
  /** Falloff curve of the bevel. Higher = the bend is pushed closer to the edge. */
13
13
  falloff: 2,
14
14
  /** Per-channel offset in px. Gives the prism fringe real glass has. */
15
15
  chromaticAberration: 0,
16
16
  /** Backdrop blur in px. Leave at 0 — blur is frosted glass, not liquid glass. */
17
- blur: 15,
17
+ blur: 5,
18
18
  /** Backdrop saturation multiplier. */
19
- saturation: 3,
19
+ saturation: 1,
20
20
  /** Backdrop brightness multiplier. */
21
- brightness: 1.04,
21
+ brightness: 1,
22
22
  /** Specular rim intensity, 0 disables it. */
23
- specular: 1,
23
+ specular: 0.5,
24
24
  /** Max pixel size of the generated displacement map. */
25
25
  resolution: 512,
26
26
  /** Blur used when the browser cannot run SVG filters in a backdrop-filter. */