sit-onyx 1.0.0-alpha.151 → 1.0.0-alpha.153

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

@@ -3,8 +3,8 @@ import { ColorSchemeValue, OnyxColorSchemeDialogProps } from './types';
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxColorSchemeDialogProps>, {
     open: boolean;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: ColorSchemeValue) => void;
     close: () => void;
+    "update:modelValue": (value: ColorSchemeValue) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxColorSchemeDialogProps>, {
     open: boolean;
 }>>> & {

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

@@ -5,11 +5,13 @@ declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(_
     props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
         "onUpdate:modelValue"?: ((value: SelectOption<TValue> | SelectOption<TValue>[] | undefined) => any) | undefined;
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
         "onUpdate:searchTerm"?: ((searchTerm: string) => any) | undefined;
         onLazyLoad?: (() => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
         "onUpdate:modelValue"?: ((value: SelectOption<TValue> | SelectOption<TValue>[] | undefined) => any) | undefined;
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
         "onUpdate:searchTerm"?: ((searchTerm: string) => any) | undefined;
         onLazyLoad?: (() => any) | undefined;
     }, never>) & ({} & OnyxSelectProps<TValue>), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
@@ -54,7 +56,7 @@ declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(_
          */
         option?(props: SelectOption<TValue>): unknown;
     }>;
-    emit: ((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: SelectOption<TValue> | SelectOption<TValue>[] | undefined) => void) & ((evt: "update:searchTerm", searchTerm: string) => void) & ((evt: "lazyLoad") => void);
+    emit: ((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: SelectOption<TValue> | SelectOption<TValue>[] | undefined) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "update:searchTerm", searchTerm: string) => void) & ((evt: "lazyLoad") => void);
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {

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

@@ -13,6 +13,7 @@ export type SelectSearchProps = {
     withSearch: true;
     /**
      * Value of the search input.
+     * Property is managed internally, when undefined.
      */
     searchTerm?: string;
 } | {
@@ -52,6 +53,11 @@ export type SelectModelValueProps<TValue extends SelectOptionValue> = {
     };
 };
 export type OnyxSelectProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & SelectModelValueProps<TValue> & SelectSearchProps & Omit<OnyxSelectInputProps<TValue>, "density" | "modelValue"> & AutofocusProp & {
+    /**
+     * If true, the select popover is expanded and visible.
+     * Property is managed internally, when undefined.
+     */
+    open?: boolean;
     /**
      * Label describing the list of options to support assistive technologies.
      * @example: { label: "Your Animal", listLabel: "List of animals" }

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

@@ -0,0 +1,42 @@
+import { OnyxToastProps } from './types';
+
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxToastProps>, {
+    color: string;
+    duration: number;
+    clickable: boolean;
+    icon: undefined;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => void;
+    close: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxToastProps>, {
+    color: string;
+    duration: number;
+    clickable: boolean;
+    icon: undefined;
+}>>> & {
+    onClick?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}, {
+    color: Extract<import('../..').OnyxColor, "neutral" | "danger" | "warning" | "success">;
+    icon: string | false;
+    duration: number;
+    clickable: boolean;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,34 @@
+import { DensityProp } from '../../composables/density';
+import { OnyxColor } from '../../types';
+
+export type OnyxToastProps = DensityProp & {
+    /**
+     * Main toast headline.
+     */
+    headline: string;
+    /**
+     * Optional toast description (e.g. detailed error message).
+     */
+    description?: string;
+    /**
+     * Toast color.
+     */
+    color?: Extract<OnyxColor, "neutral" | "danger" | "warning" | "success">;
+    /**
+     * Duration in milliseconds for the toast to close automatically.
+     * Timer will be paused when hovering the toast.
+     *
+     * Can be set to `0` to disable the auto closing.
+     */
+    duration?: number;
+    /**
+     * Whether the toast is clickable (will emit the `click` event).
+     * Will also hide the manual close button.
+     */
+    clickable?: boolean;
+    /**
+     * Icon to display. By default, an icon will be displayed depending on the current `color` property.
+     * Can be set to `false` to hide the icon.
+     */
+    icon?: string | false;
+};

package/dist/composables/useManagedState.d.ts

@@ -0,0 +1,26 @@
+import { Ref } from 'vue';
+
+/**
+ * Composable for conditionally managing state based on the prop value.
+ *
+ * When the prop value is not undefined, the prop value is always used.
+ * If the prop value is undefined, then the internal state is used instead.
+ *
+ * @param prop `toRef(() => props.something)` ref of the optional prop.
+ * @param initialState in case of the prop being initially undefined, this will be used as the initial state value.
+ * @param emit function that is called when a state write is performed
+ * @returns ref of the state
+ *
+ * @example ```ts
+ * // IMPORTANT: default value MUST be set to undefined
+ * const props = withDefaults(defineProps<{ isExpanded?: boolean }>(), { isExpanded: undefined });
+ * const emit = defineEmits<{ "update:isExpanded": [isExpanded: boolean] }>();
+ *
+ * const isExpanded = useManagedState(
+ *  toRef(() => props.isExpanded),
+ *  false,
+ *  (v) => emit("update:isExpanded", v ?? false),
+ * );
+ * ```
+ */
+export declare const useManagedState: <Prop extends Readonly<Ref<T | undefined>>, T>(prop: Prop, initialState: T, emit: (val: T) => void) => import('vue').WritableComputedRef<T>;

package/dist/i18n/locales/en-US.json.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
   "cancel": "Cancel",
   "apply": "Apply",
   "back": "Back",
+  "close": "Close",
   "validations": {
     "tooShort": {
       "preview": "Too short",