@speckle/ui-components 2.21.0 → 2.21.2

package/dist/components/form/Checkbox.vue.d.ts

@@ -1,6 +1,7 @@
 import type { RuleExpression } from 'vee-validate';
 import type { PropType } from 'vue';
 import type { Optional } from '@speckle/shared';
+import type { LabelPosition } from '../../composables/form/input';
 /**
  * Troubleshooting:
  * - If clicking on the checkbox doesn't do anything, check if any of its ancestor elements
@@ -93,6 +94,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    labelPosition: {
+        type: PropType<LabelPosition>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: ValueType) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -178,6 +183,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    labelPosition: {
+        type: PropType<LabelPosition>;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((val: ValueType) => any) | undefined;
 }, {
@@ -192,5 +201,6 @@ declare const _default: import("vue").DefineComponent<{
     validateOnMount: boolean;
     showRequired: boolean;
     hideLabel: boolean;
+    labelPosition: LabelPosition;
 }, {}>;
 export default _default;

package/dist/components/form/Switch.vue.d.ts

@@ -17,9 +17,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    icons: {
-        type: import("vue").PropType<boolean>;
-    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue").PropType<boolean>;
     disabled: {
@@ -39,9 +36,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    icons: {
-        type: import("vue").PropType<boolean>;
-    };
 }>>, {
     showLabel: boolean;
 }, {}>;

package/dist/components/form/TextArea.vue.d.ts

@@ -19,6 +19,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     showClear?: boolean | undefined;
     fullWidth?: boolean | undefined;
     showRequired?: boolean | undefined;
+    showOptional?: boolean | undefined;
     color?: InputColor | undefined;
     textareaClasses?: string | undefined;
 }>, {
@@ -57,6 +58,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     showClear?: boolean | undefined;
     fullWidth?: boolean | undefined;
     showRequired?: boolean | undefined;
+    showOptional?: boolean | undefined;
     color?: InputColor | undefined;
     textareaClasses?: string | undefined;
 }>, {

package/dist/components/form/TextInput.vue.d.ts

@@ -2,7 +2,8 @@ import type { RuleExpression } from 'vee-validate';
 import type { PropType } from 'vue';
 import type { Optional } from '@speckle/shared';
 import type { PropAnyComponent } from '../../helpers/common/components';
-import type { LabelPosition, InputColor } from '../../composables/form/textInput';
+import type { InputColor } from '../../composables/form/textInput';
+import type { LabelPosition } from '../../composables/form/input';
 type InputSize = 'sm' | 'base' | 'lg' | 'xl';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
@@ -54,6 +55,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether to show the "optional" text
+     */
+    showOptional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Whether to disable the component, blocking it from user input
      */
@@ -204,6 +212,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether to show the "optional" text
+     */
+    showOptional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Whether to disable the component, blocking it from user input
      */
@@ -315,6 +330,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     rules: RuleExpression<string>;
     validateOnMount: boolean;
     showRequired: boolean;
+    labelPosition: LabelPosition;
     validateOnValueUpdate: boolean;
     help: Optional<string>;
     showLabel: boolean;
@@ -322,7 +338,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     showClear: boolean;
     useLabelInErrors: boolean;
     hideErrorMessage: boolean;
-    labelPosition: LabelPosition;
+    showOptional: boolean;
     inputClasses: string;
     wrapperClasses: string;
 }, {}>, {

package/dist/components/form/select/Base.vue.d.ts

@@ -23,6 +23,7 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
     help?: Optional<string>;
     showLabel?: boolean | undefined;
     useLabelInErrors?: boolean | undefined;
+    showOptional?: boolean | undefined;
     multiple?: boolean | undefined;
     items?: SingleItem[] | undefined;
     filterPredicate?: Optional<(item: SingleItem, searchString: string) => boolean>;
@@ -39,6 +40,7 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
     mountMenuOnBody?: boolean | undefined;
     labelId?: string | undefined;
     buttonId?: string | undefined;
+    readonly disabledItemTooltip?: string | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: {
@@ -80,6 +82,7 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
         help?: Optional<string>;
         showLabel?: boolean | undefined;
         useLabelInErrors?: boolean | undefined;
+        showOptional?: boolean | undefined;
         multiple?: boolean | undefined;
         items?: SingleItem[] | undefined;
         filterPredicate?: Optional<(item: SingleItem, searchString: string) => boolean>;
@@ -96,6 +99,7 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
         mountMenuOnBody?: boolean | undefined;
         labelId?: string | undefined;
         buttonId?: string | undefined;
+        readonly disabledItemTooltip?: string | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         triggerSearch: () => Promise<void>;
@@ -141,6 +145,7 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
             help?: Optional<string>;
             showLabel?: boolean | undefined;
             useLabelInErrors?: boolean | undefined;
+            showOptional?: boolean | undefined;
             multiple?: boolean | undefined;
             items?: SingleItem[] | undefined;
             filterPredicate?: Optional<(item: SingleItem, searchString: string) => boolean>;
@@ -157,6 +162,7 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
             mountMenuOnBody?: boolean | undefined;
             labelId?: string | undefined;
             buttonId?: string | undefined;
+            readonly disabledItemTooltip?: string | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{
             triggerSearch: () => Promise<void>;

package/dist/components/layout/Dialog.vue.d.ts

@@ -1,5 +1,5 @@
 import { type LayoutDialogButton } from '../../lib';
-type MaxWidthValue = 'sm' | 'md' | 'lg' | 'xl';
+type MaxWidthValue = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type FullscreenValues = 'mobile' | 'desktop' | 'all' | 'none';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     open: boolean;

package/dist/components/layout/Menu.vue.d.ts

@@ -6,8 +6,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * 2D array so that items can be grouped with dividers between them
      */
     items: LayoutMenuItem[][];
+    size?: "base" | "lg" | undefined;
     menuId?: string | undefined;
     menuPosition?: HorizontalDirection | undefined;
+    mountMenuOnBody?: boolean | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (val: boolean) => void;
     chosen: (val: {
@@ -20,8 +22,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * 2D array so that items can be grouped with dividers between them
      */
     items: LayoutMenuItem[][];
+    size?: "base" | "lg" | undefined;
     menuId?: string | undefined;
     menuPosition?: HorizontalDirection | undefined;
+    mountMenuOnBody?: boolean | undefined;
 }>>> & {
     "onUpdate:open"?: ((val: boolean) => any) | undefined;
     onChosen?: ((val: {

package/dist/composables/form/input.d.ts

@@ -1,5 +1,6 @@
 import { ModifierKeys } from '../../helpers/form/input';
 import type { Ref } from 'vue';
+export type LabelPosition = 'top' | 'left';
 /**
  * onKeyDown wrapper that also checks for modifier keys being pressed
  */

package/dist/composables/form/textInput.d.ts

@@ -1,8 +1,8 @@
 import type { RuleExpression } from 'vee-validate';
 import type { Ref, ToRefs } from 'vue';
 import type { MaybeNullOrUndefined, Nullable } from '@speckle/shared';
+import type { LabelPosition } from './input';
 export type InputColor = 'page' | 'foundation' | 'transparent';
-export type LabelPosition = 'top' | 'left';
 /**
  * Common setup for text input & textarea fields
  */

package/dist/composables/user/avatar.d.ts

@@ -6,14 +6,14 @@ export type AvatarUser = {
 export type AvatarUserWithId = AvatarUser & {
     id: string;
 };
-export type UserAvatarSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'editable';
+export type UserAvatarSize = '2xs' | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'editable';
 export declare function useAvatarSizeClasses(params: {
     props: ToRefs<{
         size?: UserAvatarSize;
     }>;
 }): {
-    heightClasses: import("vue").ComputedRef<"h-8" | "h-6" | "h-10" | "h-14" | "h-5" | "h-32" | "h-60">;
-    widthClasses: import("vue").ComputedRef<"w-6" | "w-10" | "w-8" | "w-5" | "w-14" | "w-32" | "w-60">;
+    heightClasses: import("vue").ComputedRef<"h-8" | "h-6" | "h-10" | "h-14" | "h-4" | "h-5" | "h-32" | "h-60">;
+    widthClasses: import("vue").ComputedRef<"w-6" | "w-10" | "w-8" | "w-4" | "w-5" | "w-14" | "w-32" | "w-60">;
     sizeClasses: import("vue").ComputedRef<string>;
     iconClasses: import("vue").ComputedRef<"w-5 h-5" | "w-3 h-3" | "w-8 h-8" | "w-10 h-10" | "w-20 h-20" | "w-4 h-4">;
 };