vanilla-jui 1.5.41 → 1.5.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-jui",
-  "version": "1.5.41",
+  "version": "1.5.43",
   "private": false,
   "description": "A lightweight, reactive, and fully customizable vanilla JS UI library.",
   "keywords": [

package/src/components/accordion.ts

@@ -631,7 +631,6 @@ export function createAccordion(props: AccordionProps): AccordionInstance {
           jsx('span', {
             className: resolvedProps.className.arrow,
             'data-accordion-arrow': name,
-            // 'aria-hidden': 'true',
             children: icon('arrow-down'),
           }),
         ],

package/src/components/pagination.ts

@@ -103,8 +103,8 @@ const DEFAULT_CLASS_NAMES: PaginationClassNames = {
   root: 'j-pagination',
   list: 'pagination',
   item: 'item',
-  button: 'j-button is-default is-icon',
-  currentBtn: 'j-button is-ghost is-icon is-active',
+  button: 'j-button is-ghost is-icon',
+  currentBtn: 'j-button is-outline is-icon is-active',
   moreBtn: 'j-button is-ghost is-icon',
   loading: 'animate-spin',
 };

package/src/css/modal.css

@@ -6,10 +6,6 @@
     position: relative;
   }
 
-  .j-popup-layout:has(.is-fullscreen) {
-    padding: 0;
-  }
-
   .j-modal.is-fullscreen {
     width: 100%;
     height: 100%;

package/src/css/status.css

@@ -11,6 +11,7 @@
 @layer status {
   /* sad mode */
   .is-sad {
+    -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
   }
 
@@ -37,18 +38,24 @@
   /* drag status */
   .dragging {
     cursor: move;
+    cursor: -webkit-grab;
     cursor: grab;
   }
 
   .dragging:active {
+    cursor: -webkit-grabbing;
     cursor: grabbing;
   }
 
   /* disabled */
   :disabled,
+  [disabled],
   .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/themes/default/accordion.css

@@ -1,6 +1,5 @@
 @layer themes {
   .j-accordion {
-    --accordion-font-weight: var(--font-medium);
     --accordion-border: 1px solid var(--ui-border-subtle);
     --accordion-icon-transform: rotate(0deg);
   }
@@ -8,9 +7,8 @@
   .j-accordion .accordion-header {
     padding: var(--s2) var(--s3);
     margin: 0;
-    font-weight: var(--accordion-font-weight);
+    font-weight: var(--font-medium);
     font-size: var(--font-size-md);
-
     border-bottom: var(--accordion-border);
   }
 
@@ -34,14 +32,14 @@
     border-right: 0;
   }
 
-  .j-accordion .accordion-header[aria-expanded='true'] .header-title {
-    --accordion-font-weight: var(--font-bold);
-  }
-
   .j-accordion .accordion-header .header-arrow {
     transform: var(--accordion-icon-transform);
   }
 
+  .j-accordion .accordion-header .header-arrow svg {
+    width: var(--font-size-lg);
+  }
+
   .j-accordion[data-direction='horizontal'] .accordion-header .header-arrow {
     --accordion-icon-transform: rotate(-90deg);
   }

package/src/css/themes/default/modal.css

@@ -28,6 +28,10 @@
     font-weight: var(--font-medium);
   }
 
+  .j-modal .modal-header .is-icon svg {
+    width: var(--font-size-lg);
+  }
+
   .j-modal .modal-body {
     padding: var(--modal-body-padding);
     min-height: 32px;
@@ -55,4 +59,8 @@
   .j-modal.is-fullscreen .modal-footer {
     --modal-footer-padding: var(--s4);
   }
+
+  .j-popup-layout:has(.is-fullscreen) {
+    padding: 0;
+  }
 }

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

@@ -10,6 +10,6 @@
   }
 
   .j-pagination .pagination {
-    gap: var(--space);
+    gap: 2px;
   }
 }

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

@@ -26,7 +26,6 @@
   }
 
   .j-toast .el-icon {
-    margin-right: var(--s2);
     width: var(--font-size-lg);
   }
 

package/src/css/themes/default/tooltip.css

@@ -11,6 +11,7 @@
     border-color: var(--tooltip-border-color);
     border-radius: var(--radius-md);
     max-width: 260px;
+    padding: 2px 4px;
   }
 
   .j-tooltip.is-reverse {
@@ -48,4 +49,11 @@
     font-size: var(--font-size-md);
     line-height: var(--line-height);
   }
+
+  .drop-container:has(.j-tooltip) {
+    border: unset;
+    /* border-radius: unset; */
+    background: unset;
+    box-shadow: unset;
+  }
 }

package/src/css/tooltip.css

@@ -4,6 +4,10 @@
     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;
   }
 
   .j-tooltip .el-text {

package/src/primitives/drop.ts

@@ -128,7 +128,7 @@ const DROP_PROPS_SCHEMA = {
     ],
   },
   offset: {
-    default: 10,
+    default: 0,
     type: 'number',
     min: 0,
   },

package/src/primitives/tooltip.ts

@@ -134,7 +134,7 @@ const TOOLTIP_OPTIONS_SCHEMA = {
       'right',
     ],
   },
-  offset: { default: 8, type: 'number' },
+  offset: { default: 0, type: 'number' },
   message: {
     default: '',
     type: 'string',