vanilla-jui 1.4.8 → 1.5.2

package/src/css/tokens.css

@@ -103,8 +103,7 @@
      ============================================ */
 
   :root,
-  .light,
-  .light-theme {
+  .light {
     /* UI Structure */
     --ui-bg: #ffffff;
     --ui-bg-subtle: #f9fafb;
@@ -293,8 +292,7 @@
      3. Color Tokens - Dark Mode
      ============================================ */
 
-  .dark,
-  .dark-theme {
+  .dark {
     /* UI Structure */
     --ui-bg: #0b0f14;
     --ui-bg-subtle: #11161d;
@@ -817,8 +815,7 @@
      6. Dark Theme Variants
      ============================================ */
 
-  .dark.j-theme-gray,
-  .dark-theme.j-theme-gray {
+  .dark.j-theme-gray {
     --tone-subtle: rgba(255, 255, 255, 0.06);
     --tone-soft: rgba(255, 255, 255, 0.1);
     --tone-muted: rgba(255, 255, 255, 0.15);
@@ -837,8 +834,7 @@
     --tone-link-visited: #9ca3af;
   }
 
-  .dark.j-theme-olive,
-  .dark-theme.j-theme-olive {
+  .dark.j-theme-olive {
     --tone-subtle: rgba(180, 188, 162, 0.1);
     --tone-soft: rgba(180, 188, 162, 0.15);
     --tone-muted: rgba(180, 188, 162, 0.2);
@@ -857,8 +853,7 @@
     --tone-link-visited: #a8b092;
   }
 
-  .dark.j-theme-tomato,
-  .dark-theme.j-theme-tomato {
+  .dark.j-theme-tomato {
     --tone-subtle: rgba(248, 113, 113, 0.1);
     --tone-soft: rgba(248, 113, 113, 0.15);
     --tone-muted: rgba(248, 113, 113, 0.2);
@@ -877,8 +872,7 @@
     --tone-link-visited: #f87171;
   }
 
-  .dark.j-theme-ruby,
-  .dark-theme.j-theme-ruby {
+  .dark.j-theme-ruby {
     --tone-subtle: rgba(251, 113, 133, 0.1);
     --tone-soft: rgba(251, 113, 133, 0.15);
     --tone-muted: rgba(251, 113, 133, 0.2);
@@ -897,8 +891,7 @@
     --tone-link-visited: #fb7185;
   }
 
-  .dark.j-theme-pink,
-  .dark-theme.j-theme-pink {
+  .dark.j-theme-pink {
     --tone-subtle: rgba(244, 114, 182, 0.1);
     --tone-soft: rgba(244, 114, 182, 0.15);
     --tone-muted: rgba(244, 114, 182, 0.2);
@@ -917,8 +910,7 @@
     --tone-link-visited: #f472b6;
   }
 
-  .dark.j-theme-violet,
-  .dark-theme.j-theme-violet {
+  .dark.j-theme-violet {
     --tone-subtle: rgba(167, 139, 250, 0.1);
     --tone-soft: rgba(167, 139, 250, 0.15);
     --tone-muted: rgba(167, 139, 250, 0.2);
@@ -937,8 +929,7 @@
     --tone-link-visited: #a78bfa;
   }
 
-  .dark.j-theme-indigo,
-  .dark-theme.j-theme-indigo {
+  .dark.j-theme-indigo {
     --tone-subtle: rgba(129, 140, 248, 0.1);
     --tone-soft: rgba(129, 140, 248, 0.15);
     --tone-muted: rgba(129, 140, 248, 0.2);
@@ -957,8 +948,7 @@
     --tone-link-visited: #818cf8;
   }
 
-  .dark.j-theme-blue,
-  .dark-theme.j-theme-blue {
+  .dark.j-theme-blue {
     --tone-subtle: rgba(96, 165, 250, 0.1);
     --tone-soft: rgba(96, 165, 250, 0.15);
     --tone-muted: rgba(96, 165, 250, 0.2);
@@ -977,8 +967,7 @@
     --tone-link-visited: #60a5fa;
   }
 
-  .dark.j-theme-teal,
-  .dark-theme.j-theme-teal {
+  .dark.j-theme-teal {
     --tone-subtle: rgba(45, 212, 191, 0.1);
     --tone-soft: rgba(45, 212, 191, 0.15);
     --tone-muted: rgba(45, 212, 191, 0.2);
@@ -997,8 +986,7 @@
     --tone-link-visited: #2dd4bf;
   }
 
-  .dark.j-theme-grass,
-  .dark-theme.j-theme-grass {
+  .dark.j-theme-grass {
     --tone-subtle: rgba(74, 222, 128, 0.1);
     --tone-soft: rgba(74, 222, 128, 0.15);
     --tone-muted: rgba(74, 222, 128, 0.2);
@@ -1017,8 +1005,7 @@
     --tone-link-visited: #4ade80;
   }
 
-  .dark.j-theme-mint,
-  .dark-theme.j-theme-mint {
+  .dark.j-theme-mint {
     --tone-subtle: rgba(34, 211, 238, 0.1);
     --tone-soft: rgba(34, 211, 238, 0.15);
     --tone-muted: rgba(34, 211, 238, 0.2);
@@ -1037,8 +1024,7 @@
     --tone-link-visited: #22d3ee;
   }
 
-  .dark.j-theme-lime,
-  .dark-theme.j-theme-lime {
+  .dark.j-theme-lime {
     --tone-subtle: rgba(163, 230, 53, 0.1);
     --tone-soft: rgba(163, 230, 53, 0.15);
     --tone-muted: rgba(163, 230, 53, 0.2);
@@ -1057,8 +1043,7 @@
     --tone-link-visited: #a3e635;
   }
 
-  .dark.j-theme-yellow,
-  .dark-theme.j-theme-yellow {
+  .dark.j-theme-yellow {
     --tone-subtle: rgba(250, 204, 21, 0.1);
     --tone-soft: rgba(250, 204, 21, 0.15);
     --tone-muted: rgba(250, 204, 21, 0.2);
@@ -1077,8 +1062,7 @@
     --tone-link-visited: #facc15;
   }
 
-  .dark.j-theme-orange,
-  .dark-theme.j-theme-orange {
+  .dark.j-theme-orange {
     --tone-subtle: rgba(251, 146, 60, 0.1);
     --tone-soft: rgba(251, 146, 60, 0.15);
     --tone-muted: rgba(251, 146, 60, 0.2);
@@ -1097,8 +1081,7 @@
     --tone-link-visited: #fb923c;
   }
 
-  .dark.j-theme-gold,
-  .dark-theme.j-theme-gold {
+  .dark.j-theme-gold {
     --tone-subtle: rgba(217, 119, 6, 0.1);
     --tone-soft: rgba(217, 119, 6, 0.15);
     --tone-muted: rgba(217, 119, 6, 0.2);
@@ -1292,4 +1275,4 @@
     --el-height-2xl: 3rem;
     --el-height-3xl: 3.25rem;
   }
-}
+}

package/src/css/tooltip.css

@@ -16,5 +16,6 @@
     padding: var(--tooltip-padding);
     font-size: var(--tooltip-font-size);
     line-height: var(--tooltip-line-height);
+    position: relative;
   }
-}
+}

package/src/index.ts

@@ -7,11 +7,16 @@ export * from './utilities/id.ts';
 export * from './utilities/dom.ts';
 export * from './utilities/events.ts';
 export * from './utilities/http.ts';
+export * from './core/motion.ts';
 export * from './utilities/object.ts';
 export * from './utilities/timer.ts';
 export * from './utilities/types.ts';
 export * from './utilities/function.ts';
-export * from './utilities/scheduler.ts';
+export * from './core/scheduler.ts';
+export * from './utilities/state.ts';
+export * from './utilities/refs.ts';
+export * from './core/view.ts';
+export * from './core/presence.ts';
 
 // UI primitives
 export * from './primitives/icons.ts';
@@ -22,14 +27,14 @@ export * from './primitives/tooltip.ts';
 export * from './primitives/toast.ts';
 export * from './primitives/theme.ts';
 export * from './primitives/parabola.ts';
+export * from './primitives/sticky.ts';
 
 // Validation
 export * from './validation/validator.ts';
 
 // Components
-export { default as Component } from './core/Component.ts';
+export * from './core/component.ts';
 export * from './components/toc.ts';
-export * from './components/sticky.ts';
 export * from './components/accordion.ts';
 export * from './components/form.ts';
 export * from './components/flow.ts';

package/src/locales/index.ts

@@ -5,6 +5,7 @@ export default {
     sm: 'Small',
     md: 'Medium',
     lg: 'Large',
+    wn: 'Your browser is outdated and may pose security risks. Please upgrade your browser to access this site.',
   },
   zh: {
     b: '返回',
@@ -40,5 +41,7 @@ export default {
     Auto: '自动',
     Close: '关闭',
     Confirm: '确认',
+    Upgrade: '升级',
+    wn: '您的浏览器版本过低，存在安全风险。请升级浏览器后再访问本站。',
   },
 };