sit-onyx 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/components/OnyxCheckboxGroup/types.d.ts

@@ -1,7 +1,7 @@
 import type { DensityProp } from "../../composables/density";
 import type { RequiredMarkerProp } from "../../composables/required";
 import type { AutofocusProp, BaseSelectOption, Direction, SelectOptionValue } from "../../types";
-export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & {
+export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & Pick<BaseSelectOption, "truncation"> & {
     /**
      * Checkbox options.
      */

package/dist/components/OnyxRadioGroup/types.d.ts

@@ -2,7 +2,7 @@ import type { DensityProp } from "../../composables/density";
 import type { RequiredMarkerProp } from "../../composables/required";
 import type { CustomValidityProp } from "../../composables/useCustomValidity";
 import type { AutofocusProp, BaseSelectOption, Direction, SelectOptionValue } from "../../types";
-export type OnyxRadioGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & RequiredMarkerProp & CustomValidityProp & {
+export type OnyxRadioGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & RequiredMarkerProp & CustomValidityProp & Pick<BaseSelectOption, "truncation"> & {
     /**
      * Options for the individual radio buttons of the group.
      */

package/dist/components/OnyxSelect/types.d.ts

@@ -51,7 +51,7 @@ export type SelectModelValueProps<TValue extends SelectOptionValue> = {
         label?: string;
     };
 };
-export type OnyxSelectProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & SelectModelValueProps<TValue> & SelectSearchProps & Omit<OnyxSelectInputProps<TValue>, "density" | "modelValue"> & AutofocusProp & {
+export type OnyxSelectProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & SelectModelValueProps<TValue> & SelectSearchProps & Omit<OnyxSelectInputProps<TValue>, "density" | "modelValue"> & AutofocusProp & Pick<BaseSelectOption, "truncation"> & {
     /**
      * If true, the select popover is expanded and visible.
      * Property is managed internally, when undefined.
@@ -72,7 +72,7 @@ export type OnyxSelectProps<TValue extends SelectOptionValue = SelectOptionValue
      */
     lazyLoading?: SelectLazyLoading;
 };
-export type SelectOption<TValue extends SelectOptionValue = SelectOptionValue> = Pick<BaseSelectOption<TValue>, "value" | "label" | "disabled"> & Pick<OnyxSelectOptionProps, "icon"> & {
+export type SelectOption<TValue extends SelectOptionValue = SelectOptionValue> = Pick<BaseSelectOption<TValue>, "value" | "label" | "disabled" | "truncation"> & Pick<OnyxSelectOptionProps, "icon"> & {
     /**
      * Optional group name. If set, all options will be grouped under that group name.
      */

package/dist/components/OnyxSelectOption/OnyxSelectOption.vue.d.ts

@@ -13,11 +13,14 @@ declare function __VLS_template(): Readonly<{
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxSelectOptionProps>, {
     active: boolean;
     multiple: boolean;
+    truncation: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxSelectOptionProps>, {
     active: boolean;
     multiple: boolean;
+    truncation: string;
 }>>>, {
     multiple: boolean;
+    truncation: import("../../index.js").TruncationType;
     active: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/components/OnyxSelectOption/types.d.ts

@@ -1,3 +1,4 @@
+import type { TruncationType } from "../../types";
 import type { OnyxListItemProps } from "../OnyxListItem/types";
 export type OnyxSelectOptionProps = Pick<OnyxListItemProps, "active" | "density"> & {
     /**
@@ -13,4 +14,8 @@ export type OnyxSelectOptionProps = Pick<OnyxListItemProps, "active" | "density"
      * Optional icon.
      */
     icon?: string;
+    /**
+     * How to truncate the option label / text content if it exceeds the max width.
+     */
+    truncation?: TruncationType;
 };