vanilla-jui 1.7.4 → 1.7.6

package/src/css/loading.css

@@ -17,7 +17,6 @@
     border-color: var(--loader-fg);
     border-right-color: transparent;
     border-radius: 50%;
-    -webkit-animation: var(--loader-speed) linear infinite animate-spin;
     animation: var(--loader-speed) linear infinite animate-spin;
   }
 
@@ -26,179 +25,17 @@
     aspect-ratio: 1;
     border-radius: 50%;
     border: 1.5px solid var(--loader-fg);
-    -webkit-animation:
-      polygon-loader-1 0.8s infinite linear alternate,
-      polygon-loader-2 1.6s infinite linear;
     animation:
       polygon-loader-1 0.8s infinite linear alternate,
       polygon-loader-2 1.6s infinite linear;
   }
 
-  @-webkit-keyframes polygon-loader-1 {
-    0% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        0 0,
-        50% 0%,
-        50% 0%,
-        50% 0%,
-        50% 0%,
-        50% 0%
-      );
-      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
-    }
-
-    12.5% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        0 0,
-        50% 0%,
-        100% 0%,
-        100% 0%,
-        100% 0%,
-        100% 0%
-      );
-      clip-path: polygon(
-        50% 50%,
-        0 0,
-        50% 0%,
-        100% 0%,
-        100% 0%,
-        100% 0%,
-        100% 0%
-      );
-    }
-
-    25% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        0 0,
-        50% 0%,
-        100% 0%,
-        100% 100%,
-        100% 100%,
-        100% 100%
-      );
-      clip-path: polygon(
-        50% 50%,
-        0 0,
-        50% 0%,
-        100% 0%,
-        100% 100%,
-        100% 100%,
-        100% 100%
-      );
-    }
-
-    50% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        0 0,
-        50% 0%,
-        100% 0%,
-        100% 100%,
-        50% 100%,
-        0% 100%
-      );
-      clip-path: polygon(
-        50% 50%,
-        0 0,
-        50% 0%,
-        100% 0%,
-        100% 100%,
-        50% 100%,
-        0% 100%
-      );
-    }
-
-    62.5% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        100% 0,
-        100% 0%,
-        100% 0%,
-        100% 100%,
-        50% 100%,
-        0% 100%
-      );
-      clip-path: polygon(
-        50% 50%,
-        100% 0,
-        100% 0%,
-        100% 0%,
-        100% 100%,
-        50% 100%,
-        0% 100%
-      );
-    }
-
-    75% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        100% 100%,
-        100% 100%,
-        100% 100%,
-        100% 100%,
-        50% 100%,
-        0% 100%
-      );
-      clip-path: polygon(
-        50% 50%,
-        100% 100%,
-        100% 100%,
-        100% 100%,
-        100% 100%,
-        50% 100%,
-        0% 100%
-      );
-    }
-
-    100% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        50% 100%,
-        50% 100%,
-        50% 100%,
-        50% 100%,
-        50% 100%,
-        0% 100%
-      );
-      clip-path: polygon(
-        50% 50%,
-        50% 100%,
-        50% 100%,
-        50% 100%,
-        50% 100%,
-        50% 100%,
-        0% 100%
-      );
-    }
-  }
-
   @keyframes polygon-loader-1 {
     0% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        0 0,
-        50% 0%,
-        50% 0%,
-        50% 0%,
-        50% 0%,
-        50% 0%
-      );
       clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
     }
 
     12.5% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        0 0,
-        50% 0%,
-        100% 0%,
-        100% 0%,
-        100% 0%,
-        100% 0%
-      );
       clip-path: polygon(
         50% 50%,
         0 0,
@@ -211,15 +48,6 @@
     }
 
     25% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        0 0,
-        50% 0%,
-        100% 0%,
-        100% 100%,
-        100% 100%,
-        100% 100%
-      );
       clip-path: polygon(
         50% 50%,
         0 0,
@@ -232,15 +60,6 @@
     }
 
     50% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        0 0,
-        50% 0%,
-        100% 0%,
-        100% 100%,
-        50% 100%,
-        0% 100%
-      );
       clip-path: polygon(
         50% 50%,
         0 0,
@@ -253,15 +72,6 @@
     }
 
     62.5% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        100% 0,
-        100% 0%,
-        100% 0%,
-        100% 100%,
-        50% 100%,
-        0% 100%
-      );
       clip-path: polygon(
         50% 50%,
         100% 0,
@@ -274,15 +84,6 @@
     }
 
     75% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        100% 100%,
-        100% 100%,
-        100% 100%,
-        100% 100%,
-        50% 100%,
-        0% 100%
-      );
       clip-path: polygon(
         50% 50%,
         100% 100%,
@@ -295,15 +96,6 @@
     }
 
     100% {
-      -webkit-clip-path: polygon(
-        50% 50%,
-        50% 100%,
-        50% 100%,
-        50% 100%,
-        50% 100%,
-        50% 100%,
-        0% 100%
-      );
       clip-path: polygon(
         50% 50%,
         50% 100%,
@@ -316,24 +108,6 @@
     }
   }
 
-  @-webkit-keyframes polygon-loader-2 {
-    0% {
-      transform: scaleY(1) rotate(0deg);
-    }
-
-    49.99% {
-      transform: scaleY(1) rotate(135deg);
-    }
-
-    50% {
-      transform: scaleY(-1) rotate(0deg);
-    }
-
-    100% {
-      transform: scaleY(-1) rotate(-135deg);
-    }
-  }
-
   @keyframes polygon-loader-2 {
     0% {
       transform: scaleY(1) rotate(0deg);
@@ -360,7 +134,6 @@
     border-color: var(--loader-fg);
     border-top-color: var(--loader-top-fg);
     border-radius: 50%;
-    -webkit-animation: 1s linear infinite animate-spin;
     animation: 1s linear infinite animate-spin;
   }
 
@@ -371,9 +144,7 @@
     border-radius: 50%;
     aspect-ratio: 1;
     background: var(--loader-bg);
-    -webkit-mask: var(--loader-mask);
     mask: var(--loader-mask);
-    -webkit-animation: 1s linear infinite animate-spin;
     animation: 1s linear infinite animate-spin;
   }
 }

package/src/css/menu.css

@@ -4,13 +4,9 @@
     white-space: nowrap;
     overflow-x: auto;
     overflow-y: hidden;
-    -webkit-overflow-scrolling: touch;
     scroll-behavior: smooth;
     -ms-overflow-style: none;
     scrollbar-width: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
   }
 
@@ -48,8 +44,6 @@
     flex-wrap: nowrap;
     white-space: nowrap;
     cursor: pointer;
-    -webkit-appearance: button;
-    -moz-appearance: button;
     appearance: button;
     touch-action: manipulation;
     text-decoration: none;

package/src/css/skeleton.css

@@ -7,19 +7,10 @@
     background: var(--ui-surface-muted);
     color: transparent;
     pointer-events: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
-    -webkit-animation: animate-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     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;
@@ -70,13 +61,11 @@
 
   .j-skeleton.skeleton-static,
   .j-skeleton[aria-busy='false'] {
-    -webkit-animation: none;
     animation: none;
   }
 
   @media (prefers-reduced-motion: reduce) {
     .j-skeleton {
-      -webkit-animation: none;
       animation: none;
     }
   }

package/src/css/status.css

@@ -11,7 +11,6 @@
 @layer status {
   /* sad mode */
   .is-sad {
-    -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
   }
 
@@ -38,12 +37,10 @@
   /* drag status */
   .dragging {
     cursor: move;
-    cursor: -webkit-grab;
     cursor: grab;
   }
 
   .dragging:active {
-    cursor: -webkit-grabbing;
     cursor: grabbing;
   }
 
@@ -53,9 +50,6 @@
   .is-disabled,
   [aria-disabled='true'] {
     cursor: not-allowed;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
   }
 

package/src/css/swiper.css

@@ -4,9 +4,6 @@
     display: block;
     overflow: hidden;
     touch-action: pan-y;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
     width: 100%;
     min-height: var(--swiper-min-height);
@@ -29,9 +26,6 @@
     overflow: hidden;
     color: inherit;
     text-decoration: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
     width: 100%;
     min-width: 100%;
@@ -57,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/avatar.css

@@ -58,7 +58,6 @@
   }
 
   .j-avatar-group .j-avatar:not(:first-child) {
-    -webkit-margin-start: calc(var(--space) * -3);
     margin-inline-start: calc(var(--space) * -3);
   }
 

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

@@ -143,7 +143,6 @@
   }
 
   .input-inner-group .el-addon + .j-select {
-    -webkit-padding-start: 2px;
     padding-inline-start: 2px;
   }
 
@@ -170,7 +169,6 @@
   .mobile .j-input[type='file']::file-selector-button {
     padding: var(--s3);
     margin: calc(var(--space) * -1.7);
-    -webkit-margin-end: calc(var(--space) * 2.75);
     margin-inline-end: calc(var(--space) * 2.75);
   }
 

package/src/css/themes/default/menu.css

@@ -22,9 +22,7 @@
     line-height: var(--menu-item-line-height);
     font-weight: var(--menu-font-weight);
     text-decoration: underline;
-    -webkit-text-decoration-style: wavy;
     text-decoration-style: wavy;
-    -webkit-text-decoration-color: var(--state-danger);
     text-decoration-color: var(--state-danger);
     text-underline-offset: 4px;
     padding: 4px 1rem;
@@ -621,9 +619,6 @@
     padding: var(--space) var(--s2);
     text-decoration: none;
     color: var(--ui-fg-muted);
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
     border-radius: var(--radius-sm);
     transition: none;

package/src/css/themes/default/pagination.css

@@ -4,7 +4,6 @@
   }
 
   .j-pagination a {
-    -webkit-text-decoration: none;
     text-decoration: none;
     color: var(--ui-fg);
   }

package/src/css/themes/default/popup.css

@@ -1,7 +1,6 @@
 @layer themes {
   .j-popup-layout {
     background: var(--ui-popup-bg);
-    -webkit-backdrop-filter: blur(4px);
     backdrop-filter: blur(4px);
     padding: var(--s4);
   }

package/src/css/themes/default/toolbar.css

@@ -24,11 +24,8 @@
     align-self: center;
   }
 
-  .editor-drop-color .color-panel {
-    gap: 0.5rem;
-  }
-
   .editor-drop-color .color-panel button.color-btn {
+    cursor: pointer;
     padding: 0;
     margin: 0;
     outline: none;

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/css/toast.css

@@ -33,13 +33,8 @@
     top: 45%;
     left: 50%;
     z-index: var(--z-toast);
-    width: -webkit-fit-content;
-    width: -moz-fit-content;
     width: fit-content;
     text-align: center;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
     pointer-events: none;
     transform: translate(-50%, -50%);

package/src/css/toolbar.css

@@ -31,14 +31,4 @@
     display: grid;
     grid-template-columns: repeat(5, 1fr);
   }
-
-  .editor-drop-color .color-panel button.color-btn {
-    cursor: pointer;
-  }
-
-  .editor-drop-color .color-panel button.color-btn.color-btn-clear::after {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
 }

package/src/css/tooltip.css

@@ -1,12 +1,7 @@
 @layer comopnents {
   .j-tooltip {
     position: relative;
-    width: -webkit-fit-content;
-    width: -moz-fit-content;
     width: fit-content;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
   }