@quidgest/ui 0.16.55 → 0.16.57

package/dist/json/api.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.16.55",
+  "version": "0.16.57",
   "components": [
     {
       "name": "QAccordion",
@@ -2754,7 +2754,7 @@
               "kind": "primitive",
               "name": "boolean"
             },
-            "description": "Whether to return focus to the element that opened this\nwhen the focus trap is deactivaed.",
+            "description": "Whether to return focus to the element that opened this\nwhen the focus wrap is deactivated.",
             "default": "true",
             "required": false,
             "category": "Behavior"
@@ -4925,7 +4925,7 @@
               "kind": "primitive",
               "name": "boolean"
             },
-            "description": "Whether to return focus to the element that opened this\nwhen the focus trap is deactivaed.",
+            "description": "Whether to return focus to the element that opened this\nwhen the focus wrap is deactivated.",
             "default": "true",
             "required": false,
             "category": "Behavior"

package/dist/ui.css

@@ -426,7 +426,6 @@ body *::-webkit-scrollbar-track {
   border-width: 1px;
   border-color: transparent;
   border-radius: var(--border-radius);
-  padding: 0.4em 0.5em;
   font-size: 0.75rem;
   line-height: 1;
   position: relative;
@@ -442,18 +441,45 @@ body *::-webkit-scrollbar-track {
   border-radius: inherit;
   opacity: 0.1;
 }
-.q-badge__content {
+.q-badge__content, .q-badge__content.q-button {
   display: inline-flex;
+  border-width: 1px;
+  border-radius: var(--border-radius);
   align-items: center;
   gap: 0.25em;
   z-index: 1;
+  font-size: 0.75rem;
 }
-.q-badge__remove.q-button {
-  padding: 0;
+.q-badge__content:not(.q-button) {
+  border-color: transparent;
+  padding: 0.483em 0.5em;
+}
+.q-badge__content.q-button {
+  padding: calc(0.483em + 1px) calc(0.5em + 1px);
 }
 .q-badge .q-icon {
   color: currentcolor;
 }
+.q-badge__remove.q-button {
+  padding: 0.25rem;
+}
+.q-badge:not(:has(button.q-badge__content)) .q-badge__remove.q-button {
+  background-color: transparent;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-color: transparent;
+}
+.q-badge:not(:has(button.q-badge__content)) .q-badge__remove.q-button .q-button__content {
+  padding: 1px;
+  border-radius: 9999px;
+}
+.q-badge:not(:has(button.q-badge__content)) .q-badge__remove.q-button:not(:disabled):hover {
+  background-color: transparent;
+  border-color: transparent;
+}
+.q-badge:not(:has(button.q-badge__content)) .q-badge__remove.q-button:not(:disabled):hover .q-button__content {
+  background-color: var(--q-button-hover-color);
+}
 .q-badge--bold {
   background-color: var(--q-badge-main-color);
   border-color: var(--q-badge-main-color);
@@ -470,37 +496,19 @@ body *::-webkit-scrollbar-track {
 .q-badge--tonal .q-badge__underlay {
   background-color: var(--q-badge-main-color);
 }
+.q-badge--tonal:not(:has(button.q-badge__content)) .q-badge__remove.q-button:not(:hover) {
+  background-color: transparent;
+}
 .q-badge--pill {
   border-radius: 9999px;
 }
+.q-badge--pill .q-button {
+  border-radius: 9999px;
+}
 .q-badge--disabled {
   opacity: 0.6;
   pointer-events: none;
 }
-.q-badge--clickable {
-  cursor: pointer;
-}
-.q-badge--clickable:hover {
-  color: var(--q-badge-on-hover-color, var(--q-badge-on-main-color));
-  background-color: var(--q-badge-hover-color);
-  border-color: var(--q-badge-hover-color);
-}
-.q-badge--clickable:hover .q-icon {
-  color: var(--q-badge-on-hover-color);
-}
-.q-badge--clickable:hover .q-button:not(:disabled):hover {
-  background-color: var(--q-badge-on-hover-color);
-  border-color: var(--q-badge-on-hover-color);
-}
-.q-badge--clickable:hover .q-button:not(:disabled):hover .q-icon {
-  color: var(--q-badge-hover-color);
-}
-.q-badge--clickable:focus {
-  outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
-}
-.q-badge--clickable:focus:not(:focus-visible) {
-  outline: 0;
-}
 .q-badge--primary {
   --q-badge-main-color: var(--q-theme-primary);
   --q-badge-main-color-rgb: var(--q-theme-primary-rgb);
@@ -582,7 +590,21 @@ body *::-webkit-scrollbar-track {
   --q-badge-on-hover-color-rgb: var(--q-theme-on-neutral-rgb);
 }
 .q-badge--large {
-  font-size: 0.9rem;
+  min-height: 44px;
+}
+.q-badge--large:is(span) {
+  padding: 0 0.5rem;
+}
+.q-badge--large button.q-button.q-badge__content, .q-badge--large button.q-button.q-badge__remove {
+  min-height: 40px;
+  padding: 0 1rem;
+}
+.q-badge span {
+  display: inline-flex;
+}
+
+.q-button-group > .q-button:not(:first-child).q-badge__remove {
+  margin-left: 1px;
 }
 
 .q-badge-indicator {
@@ -685,6 +707,9 @@ body *::-webkit-scrollbar-track {
   transition-property: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke;
   transition-duration: 0.15s;
 }
+.q-button.q-button--labeled {
+  padding: 0.4rem 0.8rem;
+}
 .q-button__content {
   display: inline-flex;
   align-items: center;
@@ -882,6 +907,9 @@ body *::-webkit-scrollbar-track {
   font-size: 0.8em;
   padding: 0.25rem;
 }
+.q-button--small.q-button--labeled {
+  padding: 0.25rem 0.5rem;
+}
 .q-button--borderless {
   border-color: transparent;
 }
@@ -4796,6 +4824,10 @@ body *::-webkit-scrollbar-track {
   cursor: not-allowed;
 }
 
+.q-switch:not(.q-switch--with-labels) {
+  --q-switch-label-padding-h: var(--q-switch-label-padding-v);
+}
+
 .q-switch__container {
   position: relative;
   display: inline-flex;
@@ -4888,6 +4920,10 @@ body *::-webkit-scrollbar-track {
   padding: var(--q-switch-label-padding-v) var(--q-switch-label-padding-h);
 }
 
+.q-switch--with-labels.q-switch--checked:not(.q-switch--readonly) .q-switch__label--off {
+  color: var(--q-theme-primary-light);
+}
+
 .q-switch--readonly {
   cursor: default;
   pointer-events: none;