vanilla-jui 1.7.5 → 1.7.7

package/src/css/layout.css

@@ -20,8 +20,6 @@
   }
 
   body {
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
     tab-size: 4;
     scroll-behavior: smooth;
     font-family:
@@ -41,7 +39,6 @@
   }
 
   img {
-    -o-object-fit: cover;
     object-fit: cover;
   }
 
@@ -797,90 +794,73 @@
   }
 
   /* columns */
-  .columns-auto {
-    -moz-columns: auto;
+  /* .columns-auto {
     columns: auto;
   }
 
   .columns-6xs {
-    -moz-columns: var(--columns-6xs);
     columns: var(--columns-6xs);
   }
 
   .columns-5xs {
-    -moz-columns: var(--columns-5xs);
     columns: var(--columns-5xs);
   }
 
   .columns-4xs {
-    -moz-columns: var(--columns-4xs);
     columns: var(--columns-4xs);
   }
 
   .columns-3xs {
-    -moz-columns: var(--columns-3xs);
     columns: var(--columns-3xs);
   }
 
   .columns-2xs {
-    -moz-columns: var(--columns-2xs);
     columns: var(--columns-2xs);
   }
 
   .columns-xs {
-    -moz-columns: var(--columns-xs);
     columns: var(--columns-xs);
   }
 
   .columns-sm {
-    -moz-columns: var(--columns-sm);
     columns: var(--columns-sm);
   }
 
   .columns-md {
-    -moz-columns: var(--columns-md);
     columns: var(--columns-md);
   }
 
   .columns-lg {
-    -moz-columns: var(--columns-lg);
     columns: var(--columns-lg);
   }
 
   .columns-xl {
-    -moz-columns: var(--columns-xl);
     columns: var(--columns-xl);
   }
 
   .columns-2xl {
-    -moz-columns: var(--columns-2xl);
     columns: var(--columns-2xl);
   }
 
   .columns-3xl {
-    -moz-columns: var(--columns-3xl);
     columns: var(--columns-3xl);
   }
 
   .columns-4xl {
-    -moz-columns: var(--columns-4xl);
     columns: var(--columns-4xl);
   }
 
   .columns-5xl {
-    -moz-columns: var(--columns-5xl);
     columns: var(--columns-5xl);
   }
 
   .columns-6xl {
-    -moz-columns: var(--columns-6xl);
     columns: var(--columns-6xl);
   }
 
   .columns-7xl {
-    -moz-columns: var(--columns-7xl);
     columns: var(--columns-7xl);
-  }
+  } */
 
   .w-full {
     width: 100%;

package/src/css/skeleton.css

@@ -11,11 +11,6 @@
     animation: animate-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   }
 
-  .j-skeleton::-moz-selection {
-    color: transparent;
-    background: transparent;
-  }
-
   .j-skeleton::selection {
     color: transparent;
     background: transparent;

package/src/css/swiper.css

@@ -51,7 +51,6 @@
   .j-swiper .swiper-image {
     position: relative;
     display: block;
-    -o-object-fit: cover;
     object-fit: cover;
     pointer-events: none;
     width: 100%;

package/src/css/theme-palette.css

@@ -1,9 +1,5 @@
 @layer components {
-  .j-theme-palette .palette-container {
-    display: flex;
-    flex-direction: column;
-  }
-
+  .j-theme-palette .palette-container,
   .j-theme-palette .palette-item {
     display: flex;
     flex-direction: column;

package/src/css/themes/default/editor.css

@@ -40,12 +40,12 @@
 
   .j-editor.is-lg {
     --editor-font-size: var(--font-size-xl);
-    --editor-block-space: 1.5rem;
+    /* --editor-block-space: 1.5rem; */
   }
 
   .j-editor.is-xl {
     --editor-font-size: var(--font-size-2xl);
-    --editor-block-space: 1.5rem;
+    /* --editor-block-space: 1.5rem; */
   }
 
   .j-radius-round .j-editor {
@@ -79,7 +79,7 @@
   }
 
   .mobile .j-editor h1 {
-    margin-bottom: 2rem;
+    margin-bottom: 1.5rem;
   }
 
   .mobile .j-editor h2,
@@ -87,10 +87,10 @@
   .mobile .j-editor h4,
   .mobile .j-editor h5,
   .mobile .j-editor p {
-    --editor-block-space: 1.75rem;
+    --editor-block-space: 1.5rem;
   }
 
-  .mobile .j-editor li p {
+  /* .mobile .j-editor li p {
     margin-block: 0;
-  }
+  } */
 }

package/src/css/themes/default/form.css

@@ -139,7 +139,7 @@
   }
 
   .input-inner-group .el-addon + .j-input {
-    padding-inline: var(--space);
+    padding-inline: 0 var(--space);
   }
 
   .input-inner-group .el-addon + .j-select {

package/src/css/themes/default/toast.css

@@ -23,6 +23,7 @@
     border-radius: var(--radius-md);
     min-width: 200px;
     max-width: 310px;
+    backdrop-filter: blur(4px);
   }
 
   .j-toast .el-icon {
@@ -31,25 +32,25 @@
 
   .j-toast.is-success {
     --toast-fg: var(--state-success);
-    --toast-bg: var(--state-success-weak);
+    --toast-bg: var(--state-success-soft);
     --toast-border-color: var(--state-success-border);
   }
 
   .j-toast.is-error {
     --toast-fg: var(--state-danger);
-    --toast-bg: var(--state-danger-weak);
+    --toast-bg: var(--state-danger-soft);
     --toast-border-color: var(--state-danger-border);
   }
 
   .j-toast.is-warning {
     --toast-fg: var(--state-warning);
-    --toast-bg: var(--state-warning-weak);
+    --toast-bg: var(--state-warning-soft);
     --toast-border-color: var(--state-warning-border);
   }
 
   .j-toast.is-primary {
     --toast-fg: var(--tone-solid);
-    --toast-bg: var(--tone-weak);
+    --toast-bg: var(--tone-soft);
     --toast-border-color: var(--tone-border);
   }
 

package/src/css/themes/default/toc.css

@@ -1,25 +1,40 @@
 @layer themes {
+  .j-toc {
+    width: 100%;
+    padding-left: 0.75rem;
+  }
+
+  .j-toc .toc-title {
+    color: var(--tone-caption);
+    margin-bottom: 4px;
+  }
+
   .j-toc .toc-link {
-    padding: 0.375rem 0 0.375rem 0.75rem;
-    border-left: 2px solid transparent;
+    padding-block: 0.375rem;
     color: var(--tone-caption);
     font-size: var(--font-size-sm);
     text-decoration: none;
+    display: block;
   }
 
   .j-toc .toc-link:hover,
-  .j-toc .toc-link.is-active {
+  .j-toc .toc-link[aria-current] {
     color: var(--tone-heading);
   }
 
-  .j-toc .toc-link.is-active {
-    border-left-color: var(--tone-solid);
+  .j-toc .toc-link[data-toc-level='3'],
+  .j-toc .toc-link[data-toc-level='4'],
+  .j-toc .toc-link[data-toc-level='5'],
+  .j-toc .toc-link[data-toc-level='6'] {
+    padding-left: 0.75rem;
   }
 
-  .j-toc .toc-link.is-level-3,
-  .j-toc .toc-link.is-level-4,
-  .j-toc .toc-link.is-level-5,
-  .j-toc .toc-link.is-level-6 {
-    padding-left: 1.5rem;
+  .j-toc .toc-indicator {
+    position: absolute;
+    left: 0;
+    background-color: var(--tone-solid);
+    transition-property: top;
+    pointer-events: none;
+    border-radius: 2px;
   }
 }

package/src/css/tip.css

@@ -7,13 +7,11 @@
   }
 
   .j-tip:has(.tip-icon) {
-    -moz-column-gap: var(--s3);
     column-gap: var(--s3);
     grid-template-columns: var(--s4) 1fr;
   }
 
   .j-font-md .j-tip:has(.tip-icon) {
-    -moz-column-gap: var(--s5);
     column-gap: var(--s5);
   }
 

package/src/locales/index.ts

@@ -6,6 +6,7 @@ export default {
     md: 'Medium',
     lg: 'Large',
     wn: 'Your browser is outdated and may pose security risks. Please upgrade your browser to access this site.',
+    toc: 'On this page',
   },
   zh: {
     b: '返回',
@@ -52,5 +53,6 @@ export default {
     'Go to next page': '访问下一页',
     Next: '下一步',
     Finish: '完成',
+    toc: '页面导航',
   },
 };

package/src/primitives/toast.ts

@@ -57,7 +57,7 @@ export interface ToastOptions extends ToastThemeOptions {
   onCancel?: () => void | Promise<void>;
 }
 
-export interface ToastConfirmProps extends ToastThemeOptions {
+export interface ToastConfirmProps extends ToastClassNameOptions {
   once?: boolean;
   text?: {
     close?: string;
@@ -453,16 +453,14 @@ function confirm(message = '', props: ToastConfirmProps = {}): HTMLElement {
   validateParam('message', message, 'string', 'Toast.confirm');
   const closeText = props.text?.close || translate('Close');
   const confirmText = props.text?.confirm || translate('Confirm');
-  const theme = props.theme || 'info';
   validateParam('once', once, 'boolean', 'Toast.confirm');
-  validateParam('theme', theme, TOAST_THEME_RULE, 'Toast.confirm');
   const names = mergeShallowConfig(
     classNames,
     props.className ?? {}
   ) as ToastClassNames;
   const id = randomId();
   const element = jsx('div', {
-    className: joinClasses(names.confirm, names[theme]),
+    className: names.confirm,
     'data-toast': id,
     'data-toast-confirm': '',
     children: [

package/src/utilities/browser.ts

@@ -128,7 +128,6 @@ export function isModernBrowser(): SupportES2022 {
 export function checkModernBrowser(): SupportES2022 {
   if (!isModernBrowser()) {
     Toast.confirm(translate('wn'), {
-      theme: 'error',
       onConfirm: () => {
         window.open('https://www.google.cn/chrome/fallback/', '_blank');
       },

package/src/css/toc.css

@@ -1,10 +0,0 @@
-@layer components {
-  .j-toc {
-    width: 100%;
-  }
-
-  .j-toc .toc-list {
-    display: flex;
-    flex-direction: column;
-  }
-}