@quidgest/ui 0.7.5 → 0.7.7

package/dist/index.d.ts

@@ -540,7 +540,7 @@ declare const _default_10: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_WithD
     appendIcon: undefined;
     size: string;
 }>>>, {
-    size: "block" | "fit-content";
+    size: QFieldSize;
     label: string;
     id: string;
     prependIcon: Icon;
@@ -1105,6 +1105,7 @@ declare const _default_19: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_With
     size: undefined;
     maxLength: undefined;
     role: undefined;
+    type: string;
 }>, {
     fieldRef: ComputedRef<HTMLElement | null | undefined>;
     inputRef: Ref<HTMLElement | null>;
@@ -1118,10 +1119,12 @@ declare const _default_19: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_With
     size: undefined;
     maxLength: undefined;
     role: undefined;
+    type: string;
 }>>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     size: QFieldSize;
+    type: string;
     label: string;
     modelValue: string;
     role: string;
@@ -1786,7 +1789,7 @@ export declare type QFieldProps = {
     required?: boolean;
 };
 
-export declare type QFieldSize = 'mini' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'block' | 'fit-content';
+export declare type QFieldSize = 'mini' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'block';
 
 export declare const QIcon: IQIcon;
 
@@ -1823,15 +1826,15 @@ declare type QInputGroupProps = {
      */
     id?: string;
     /**
-     * The label of the input.
+     * The label of the field.
      */
     label?: string;
     /**
-     * Whether the input is readonly.
+     * Whether the field is readonly.
      */
     readonly?: boolean;
     /**
-     * Whether the input is disabled.
+     * Whether the field is disabled.
      */
     disabled?: boolean;
     /**
@@ -1840,17 +1843,17 @@ declare type QInputGroupProps = {
      */
     required?: boolean;
     /**
-     * An icon to add at the start of the input group.
+     * An icon to add at the start of the field group.
      */
     prependIcon?: Icon;
     /**
-     * An icon to add at the end of the input group.
+     * An icon to add at the end of the field group.
      */
     appendIcon?: Icon;
     /**
-     * Specifies the size of the input group, either 'fit-content' or 'block'.
+     * The size category of the field.
      */
-    size?: 'fit-content' | 'block';
+    size?: QFieldSize;
 };
 
 export declare const QLineLoader: IQLineLoader;
@@ -1991,6 +1994,10 @@ declare type QTextFieldProps = {
      * The role attribute to apply to the input.
      */
     role?: string;
+    /**
+     * The type attribute to apply to the input.
+     */
+    type?: string;
 };
 
 export declare const QTooltip: IQTooltip;

package/dist/ui.css

@@ -289,7 +289,7 @@ body *::-webkit-scrollbar-track {
   cursor: pointer;
 }
 .q-btn:focus {
-  outline: 2px solid rgb(var(--q-theme-primary-rgb)/0.25);
+  outline: 2px solid rgb(var(--q-theme-info-rgb)/0.5);
   z-index: 3;
 }
 .q-btn:focus:not(:focus-visible) {
@@ -460,7 +460,7 @@ body *::-webkit-scrollbar-track {
   transition: color var(--transition-duration) var(--transition-timing-function);
 }
 .q-field__control:focus-within {
-  outline: 2px solid rgb(var(--q-theme-primary-rgb)/0.25);
+  outline: 2px solid rgb(var(--q-theme-info-rgb)/0.5);
 }
 .q-field__extras {
   display: flex;
@@ -488,27 +488,23 @@ body *::-webkit-scrollbar-track {
   cursor: not-allowed;
   opacity: 0.5;
 }
-.q-field--fit-content > .q-field__control {
-  width: -moz-fit-content;
-  width: fit-content;
-}
 .q-field--mini > .q-field__control {
-  width: 4.35rem;
+  width: calc(1 * 5em + 0 * 0.25rem);
 }
 .q-field--small > .q-field__control {
-  width: 6.525rem;
+  width: calc(2 * 5em + 1 * 0.25rem);
 }
 .q-field--medium > .q-field__control {
-  width: 10.875rem;
+  width: calc(3 * 5em + 2 * 0.25rem);
 }
 .q-field--large > .q-field__control {
-  width: 15.225rem;
+  width: calc(4 * 5em + 3 * 0.25rem);
 }
-.q-field--x-large > .q-field__control {
-  width: 19.575rem;
+.q-field--xlarge > .q-field__control {
+  width: calc(6 * 5em + 5 * 0.25rem);
 }
-.q-field--xx-large > .q-field__control {
-  width: 36.975rem;
+.q-field--xxlarge > .q-field__control {
+  width: calc(8 * 5em + 7 * 0.25rem);
 }
 .q-field--block {
   width: 100%;
@@ -528,7 +524,12 @@ body *::-webkit-scrollbar-track {
 .q-input-group {
   display: flex;
   align-items: flex-end;
-  width: 100%;
+  height: auto;
+  border-width: 0;
+  padding: 0;
+}
+.q-input-group:focus-within {
+  outline: none;
 }
 .q-input-group__prepend > :first-child {
   border-top-left-radius: 0.25rem;
@@ -954,6 +955,7 @@ body *::-webkit-scrollbar-track {
   outline: none;
   background-color: inherit;
   cursor: inherit;
+  padding: 0;
 }
 .q-text-field__input::-moz-placeholder {
   font-style: italic;