@viraui/foundation 0.0.18 → 0.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viraui/foundation",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "private": false,
   "author": "Vira Software",
   "files": [

package/platforms/web/vira/types.d.ts

@@ -27,6 +27,7 @@ export type ThemeTypes = {
     family: 'heading' | 'body' | 'mono';
     leading: 'x-small' | 'small' | 'standard' | 'large';
   };
+  vibrancy: 'enable' | 'blur' | 'brightness';
   colors: 'acid' | 'blue' | 'cyan' | 'green' | 'indigo' | 'magenta' | 'purple' | 'red' | 'salmon' | 'slate' | 'stone' | 'yellow';
 };
 

package/platforms/web/vira/vira-nested.json

@@ -189,11 +189,11 @@
     "foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
     "background": "light-dark(oklab(94.611% 0 0), oklab(0% 0 0))",
     "primary": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
-    "muted": "light-dark(oklab(52.78% 0 0), light-dark(oklab(35.232% 0 0), oklab(69.275% 0 0)))",
+    "muted": "light-dark(oklab(35.232% 0 0), oklab(69.275% 0 0))",
     "interactive-text": "light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0))",
     "disabled-foreground": "oklab(52.78% 0 0)",
-    "disabled-background": "light-dark(light-dark(oklab(90.67% 0 0), oklab(24.776% 0 0)), light-dark(oklab(96.115% 0 0), oklab(20.463% 0 0)))",
-    "contrast": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.12), oklab(from oklab(100% 0 0) l a b / 0.08))"
+    "disabled-background": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.1), oklab(from oklab(100% 0 0) l a b / 0.07))",
+    "contrast": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.13), oklab(from oklab(100% 0 0) l a b / 0.09))"
   },
   "highlight": {
     "gray": "light-dark(oklab(42.761% 0 0), oklab(69.275% 0 0))",
@@ -274,5 +274,10 @@
       "standard": 1.5,
       "large": 1.8
     }
+  },
+  "vibrancy": {
+    "enable": "",
+    "blur": 10,
+    "brightness": "150%"
   }
 }

package/platforms/web/vira/vira.css

@@ -163,11 +163,11 @@
   --global-foreground: var(--base-7);
   --global-background: light-dark(oklab(94.611% 0 0), oklab(0% 0 0));
   --global-primary: var(--base-7);
-  --global-muted: light-dark(var(--base-4), var(--base-5));
+  --global-muted: light-dark(oklab(from var(--base-5) l a b / 0.9), oklab(from var(--base-5) l a b / 1));
   --global-interactive-text: var(--base-6);
   --global-disabled-foreground: var(--base-4);
-  --global-disabled-background: light-dark(var(--base-3), var(--base-2));
-  --global-contrast: light-dark(oklab(from oklab(0% 0 0) l a b / 0.12), oklab(from oklab(100% 0 0) l a b / 0.08));
+  --global-disabled-background: light-dark(oklab(from oklab(0% 0 0) l a b / 0.1), oklab(from oklab(100% 0 0) l a b / 0.07));
+  --global-contrast: light-dark(oklab(from oklab(0% 0 0) l a b / 0.13), oklab(from oklab(100% 0 0) l a b / 0.09));
   --highlight-gray: light-dark(var(--color-stone-60), var(--color-stone-40));
   --highlight-slate: light-dark(var(--color-slate-60), var(--color-slate-40));
   --highlight-yellow: light-dark(var(--color-yellow-70), var(--color-yellow-40));
@@ -228,4 +228,7 @@
   --font-leading-small: 1.2;
   --font-leading-standard: 1.5;
   --font-leading-large: 1.8;
+  --vibrancy-enable: ;
+  --vibrancy-blur: 10;
+  --vibrancy-brightness: 150%;
 }

package/platforms/web/vira/vira.json

@@ -158,11 +158,11 @@
   "global-foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
   "global-background": "light-dark(oklab(94.611% 0 0), oklab(0% 0 0))",
   "global-primary": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
-  "global-muted": "light-dark(oklab(52.78% 0 0), light-dark(oklab(35.232% 0 0), oklab(69.275% 0 0)))",
+  "global-muted": "light-dark(oklab(35.232% 0 0), oklab(69.275% 0 0))",
   "global-interactive-text": "light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0))",
   "global-disabled-foreground": "oklab(52.78% 0 0)",
-  "global-disabled-background": "light-dark(light-dark(oklab(90.67% 0 0), oklab(24.776% 0 0)), light-dark(oklab(96.115% 0 0), oklab(20.463% 0 0)))",
-  "global-contrast": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.12), oklab(from oklab(100% 0 0) l a b / 0.08))",
+  "global-disabled-background": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.1), oklab(from oklab(100% 0 0) l a b / 0.07))",
+  "global-contrast": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.13), oklab(from oklab(100% 0 0) l a b / 0.09))",
   "highlight-gray": "light-dark(oklab(42.761% 0 0), oklab(69.275% 0 0))",
   "highlight-slate": "light-dark(oklab(44.553% -0.00824 -0.03653), oklab(71.067% -0.00803 -0.03418))",
   "highlight-yellow": "light-dark(oklab(62.573% 0.10037 0.12679), oklab(83.387% 0.00688 0.142))",
@@ -222,5 +222,8 @@
   "font-leading-x-small": 1,
   "font-leading-small": 1.2,
   "font-leading-standard": 1.5,
-  "font-leading-large": 1.8
+  "font-leading-large": 1.8,
+  "vibrancy-enable": "",
+  "vibrancy-blur": 10,
+  "vibrancy-brightness": "150%"
 }