@quidgest/ui 0.16.42 → 0.16.44

package/dist/json/api.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.16.42",
+  "version": "0.16.44",
   "components": [
     {
       "name": "QAccordion",
@@ -2674,6 +2674,17 @@
             "required": false,
             "category": "Behavior"
           },
+          {
+            "name": "returnFocusOnDeactivate",
+            "type": {
+              "kind": "primitive",
+              "name": "boolean"
+            },
+            "description": "Whether to return focus to the element that opened this\nwhen the focus trap is deactivaed.",
+            "default": "true",
+            "required": false,
+            "category": "Behavior"
+          },
           {
             "name": "dismissible",
             "type": {
@@ -2916,6 +2927,28 @@
             "description": "If true, applies inset margin.",
             "required": false,
             "category": "Presentation"
+          },
+          {
+            "name": "thickness",
+            "type": {
+              "kind": "primitive",
+              "name": "number"
+            },
+            "description": "The thickness of the divider line in pixels.",
+            "default": "1",
+            "required": false,
+            "category": "Presentation"
+          },
+          {
+            "name": "color",
+            "type": {
+              "kind": "primitive",
+              "name": "string"
+            },
+            "description": "The color of the divider line.\nCan be chosen from utility colors like 'success' or 'danger',\nor specified using CSS color codes.",
+            "default": "neutral",
+            "required": false,
+            "category": "Presentation"
           }
         ],
         "events": [],
@@ -2946,6 +2979,16 @@
           "title": "Vertical",
           "description": "A vertical divider used to split side-by-side elements.",
           "code": "<div style=\"display: flex; height: 1rem;\">\n        <div>Left</div>\n        <QDivider direction=\"vertical\" />\n        <div>Right</div>\n      </div>"
+        },
+        {
+          "title": "Thicker",
+          "description": "A horizontal divider with a bigger thickness.",
+          "code": "<div>\n        <p>Section above</p>\n        <QDivider :thickness=\"5\" />\n        <p>Section below</p>\n      </div>"
+        },
+        {
+          "title": "Colored",
+          "description": "A horizontal divider with a primary color.",
+          "code": "<div>\n        <p>Section above</p>\n        <QDivider color=\"primary\" />\n        <p>Section below</p>\n      </div>"
         }
       ]
     },
@@ -3151,6 +3194,14 @@
           }
         ],
         "slots": [
+          {
+            "name": "prepend",
+            "description": ""
+          },
+          {
+            "name": "append",
+            "description": ""
+          },
           {
             "name": "item",
             "description": ""
@@ -3191,6 +3242,11 @@
           "title": "Submenus",
           "description": "A dropdown menu with submenus.",
           "code": "<q-button\n\t\t\t\tref=\"activatorRef\"\n\t\t\t\tlabel=\"Click me\" />\n\t\t\t<q-dropdown-menu\n\t\t\t\tv-bind=\"args\"\n\t\t\t\t:activator=\"activator?.$el\" />"
+        },
+        {
+          "title": "Custom Activator",
+          "description": "Example of a custom activator other than a button.",
+          "code": "<q-button ref=\"activator\" variant=\"ghost\" pill size=\"small\">\n\t\t\t\t<q-avatar alt=\"User Avatar\" src=\"https://i.pravatar.cc/150?img=10\" />\n\t\t\t</q-button>\n\t\t\t<q-dropdown-menu v-bind=\"args\" :activator=\"activatorRef?.$el\">\n\t\t\t\t<template #prepend>\n\t\t\t\t\t<div style=\"padding: .75rem .75rem .1rem .75rem; min-width: 12rem;\">\n\t\t\t\t\t\t<p style=\"margin: 0\">User Avatar</p>\n\t\t\t\t\t\t<span style=\"color: var(--q-theme-primary); font-size: .85rem;\">Administrator</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<q-divider />\n\t\t\t\t</template>\n\t\t\t</q-dropdown-menu>"
         }
       ]
     },
@@ -3515,62 +3571,6 @@
         }
       ]
     },
-    {
-      "name": "QFocusTrap",
-      "meta": {
-        "props": [
-          {
-            "name": "disabled",
-            "type": {
-              "kind": "primitive",
-              "name": "boolean"
-            },
-            "description": "",
-            "required": false
-          },
-          {
-            "name": "options",
-            "type": {
-              "kind": "object",
-              "fields": {}
-            },
-            "description": "",
-            "required": false
-          },
-          {
-            "name": "as",
-            "type": {
-              "kind": "union",
-              "types": [
-                {
-                  "name": "string"
-                },
-                {
-                  "name": "other",
-                  "value": "object"
-                }
-              ]
-            },
-            "description": "The element that the component should be rendered as",
-            "required": false
-          }
-        ],
-        "events": [
-          {
-            "name": "update:disabled",
-            "description": "",
-            "type": "[value: boolean]"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": ""
-          }
-        ]
-      },
-      "examples": []
-    },
     {
       "name": "QGroupBox",
       "description": "A container with a title that groups related content.",
@@ -4678,6 +4678,17 @@
             "description": "Whether to enable focus trapping within the overlay.\nWhen enabled, focus will be constrained to elements within the overlay.",
             "required": false,
             "category": "Behavior"
+          },
+          {
+            "name": "returnFocusOnDeactivate",
+            "type": {
+              "kind": "primitive",
+              "name": "boolean"
+            },
+            "description": "Whether to return focus to the element that opened this\nwhen the focus trap is deactivaed.",
+            "default": "true",
+            "required": false,
+            "category": "Behavior"
           }
         ],
         "events": [

package/dist/manifest/components.json

@@ -22,7 +22,6 @@
   "QDropdownMenu",
   "QField",
   "QFileUpload",
-  "QFocusTrap",
   "QCol",
   "QContainer",
   "QRow",

package/dist/ui.css

@@ -2981,45 +2981,45 @@ body *::-webkit-scrollbar-track {
 }
 
 .q-divider {
+  --q-divider-thickness: 1px;
+  --q-divider-color: var(--q-theme-neutral);
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
-  color: var(--q-theme-neutral);
+  color: var(--q-divider-color);
   font-size: 0.875rem;
+  /* Horizontal */
+  /* Labeled horizontal: lines + label */
+  /* Inset margin */
+  /* Vertical */
+  /* Labeled vertical: lines + label */
+  /* Inset for vertical (optional – if used) */
 }
-
-/* Horizontal */
 .q-divider--horizontal {
   width: 100%;
   flex-direction: row;
   margin: 8px 0;
 }
-
 .q-divider--horizontal:not(.q-divider--labeled)::before {
   content: "";
   flex: 1;
-  border-top-width: 1px;
+  border-top-width: var(--q-divider-thickness);
+  border-color: var(--q-divider-color);
 }
-
-/* Labeled horizontal: lines + label */
 .q-divider--horizontal.q-divider--labeled .q-divider__line {
   flex: 1;
-  border-top-width: 1px;
+  border-top-width: var(--q-divider-thickness);
+  border-color: var(--q-divider-color);
 }
-
 .q-divider--horizontal.q-divider--labeled .q-divider__label {
   padding: 0 12px;
   white-space: nowrap;
 }
-
-/* Inset margin */
 .q-divider--horizontal.q-divider--inset {
   max-width: calc(100% - 72px);
   margin-inline-start: 72px;
 }
-
-/* Vertical */
 .q-divider--vertical {
   display: flex;
   flex-direction: column;
@@ -3028,27 +3028,23 @@ body *::-webkit-scrollbar-track {
   min-height: 100%;
   margin: 0 8px;
 }
-
 .q-divider--vertical:not(.q-divider--labeled)::before {
   content: "";
   flex: 1;
-  border-left-width: 1px;
+  border-left-width: var(--q-divider-thickness);
+  border-color: var(--q-divider-color);
 }
-
-/* Labeled vertical: lines + label */
 .q-divider--vertical.q-divider--labeled .q-divider__line {
-  border-left-width: 1px;
+  border-left-width: var(--q-divider-thickness);
+  border-color: var(--q-divider-color);
   height: 100%;
 }
-
 .q-divider--vertical.q-divider--labeled .q-divider__label {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   padding: 12px 0;
   white-space: nowrap;
 }
-
-/* Inset for vertical (optional – if used) */
 .q-divider--vertical.q-divider--inset {
   margin-bottom: 8px;
   margin-top: 8px;
@@ -4390,6 +4386,7 @@ body *::-webkit-scrollbar-track {
   gap: 0.1rem;
   overflow: hidden;
   width: 100%;
+  height: 1.35rem;
 }
 .q-select__badge-container .q-select__badge-count {
   font-weight: 900;
@@ -4398,7 +4395,6 @@ body *::-webkit-scrollbar-track {
   visibility: hidden;
 }
 .q-select__badge-container .q-badge__content {
-  height: 0.85em;
   white-space: nowrap;
 }
 .q-select__placeholder {