sit-onyx 1.0.0-beta.73 → 1.0.0-beta.75

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

@@ -2,9 +2,9 @@ import type { OnyxButtonProps } from "./types";
 declare const _default: import("vue").DefineComponent<OnyxButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxButtonProps> & Readonly<{}>, {
     type: import("./types").ButtonType;
     color: import("./types").ButtonColor;
-    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
-    disabled: import("../OnyxForm/OnyxForm.core").FormInjected<boolean>;
     loading: boolean;
+    disabled: import("../OnyxForm/OnyxForm.core").FormInjected<boolean>;
     mode: import("./types").ButtonMode;
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,17 @@
+import type { OnyxDatePickerProps } from "./types";
+declare const _default: import("vue").DefineComponent<OnyxDatePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    validityChange: (validity: ValidityState) => any;
+    "update:modelValue": (value?: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<OnyxDatePickerProps> & Readonly<{
+    onValidityChange?: ((validity: ValidityState) => any) | undefined;
+    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+}>, {
+    required: boolean;
+    type: "date" | "datetime-local";
+    loading: boolean;
+    disabled: boolean | symbol;
+    readonly: boolean;
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
+    showError: boolean | symbol | "touched";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,13 @@
+import type { OnyxInputProps } from "../OnyxInput/types";
+export type OnyxDatePickerProps = Omit<OnyxInputProps, "type" | "modelValue" | "autocapitalize" | "maxlength" | "minlength" | "pattern" | "withCounter" | "placeholder" | "autocomplete"> & {
+    /**
+     * Current date value. Supports all data types that are parsable by `new Date()`.
+     */
+    modelValue?: DateValue;
+    /**
+     * Whether the user should be able to select only date or date + time.
+     */
+    type?: "date" | "datetime-local";
+};
+/** Data types that are parsable as date via `new Date()`. */
+export type DateValue = ConstructorParameters<typeof Date>[0];

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

@@ -28,8 +28,8 @@ declare const __VLS_component: import("vue").DefineComponent<OnyxDialogProps, {}
     onClose?: (() => any) | undefined;
 }>, {
     open: boolean;
-    modal: boolean;
     alert: boolean;
+    modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -15,8 +15,8 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<OnyxIconButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxIconButtonProps> & Readonly<{}>, {
     type: import("../OnyxButton/types.ts").ButtonType;
     color: import("../OnyxButton/types.ts").ButtonColor;
-    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
     disabled: import("../OnyxForm/OnyxForm.core").FormInjected<boolean>;
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import type { OnyxInfoTooltipProps } from "./types";
 declare const _default: import("vue").DefineComponent<OnyxInfoTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxInfoTooltipProps> & Readonly<{}>, {
-    color: Extract<import("../../index.ts").OnyxColor, "neutral" | "danger" | "success">;
     open: import("../OnyxTooltip/types.ts").TooltipOpen;
+    color: Extract<import("../../index.ts").OnyxColor, "neutral" | "danger" | "success">;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

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

@@ -6,14 +6,14 @@ declare const _default: import("vue").DefineComponent<OnyxInputProps, {}, {}, {}
     onValidityChange?: ((validity: ValidityState) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    type: import("./types").InputType;
     required: boolean;
-    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
+    type: import("./types").InputType;
+    loading: boolean;
+    autocapitalize: import("./types").Autocapitalize;
     disabled: boolean | symbol;
+    readonly: boolean;
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
     showError: boolean | symbol | "touched";
-    autocapitalize: import("./types").Autocapitalize;
-    loading: boolean;
     modelValue: string;
-    readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -17,10 +17,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<OnyxListItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxListItemProps> & Readonly<{}>, {
+    active: boolean;
     disabled: boolean;
     checked: boolean;
     selected: boolean;
-    active: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/OnyxNavBar/modules/OnyxNavButton/OnyxNavButton.vue.d.ts

@@ -103,14 +103,14 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<OnyxNavButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:mobileChildrenOpen": (isOpen: boolean) => any;
     navigate: (href: string, event: MouseEvent) => any;
+    "update:mobileChildrenOpen": (isOpen: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<OnyxNavButtonProps> & Readonly<{
-    "onUpdate:mobileChildrenOpen"?: ((isOpen: boolean) => any) | undefined;
     onNavigate?: ((href: string, event: MouseEvent) => any) | undefined;
+    "onUpdate:mobileChildrenOpen"?: ((isOpen: boolean) => any) | undefined;
 }>, {
-    withExternalIcon: boolean | "auto";
     active: boolean;
+    withExternalIcon: boolean | "auto";
     mobileChildrenOpen: import("../../../../composables/useManagedState").ManagedProp<boolean>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue.d.ts

@@ -16,9 +16,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<import("../index.ts").OnyxNavButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    navigate: (href: string) => any;
+    navigate: (href: string, event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<import("../index.ts").OnyxNavButtonProps> & Readonly<{
-    onNavigate?: ((href: string) => any) | undefined;
+    onNavigate?: ((href: string, event: MouseEvent) => any) | undefined;
 }>, {
     withExternalIcon: boolean | "auto";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;

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

@@ -17,9 +17,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<OnyxSelectOptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxSelectOptionProps> & Readonly<{}>, {
-    truncation: import("../../index.ts").TruncationType;
-    multiple: boolean;
     active: boolean;
+    multiple: boolean;
+    truncation: import("../../index.ts").TruncationType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -10,11 +10,11 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     onValidityChange?: ((validity: ValidityState) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
-    disabled: boolean | symbol;
-    showError: boolean | symbol | "touched";
     loading: boolean;
+    disabled: boolean | symbol;
     readonly: boolean;
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
+    showError: boolean | symbol | "touched";
     precision: number;
     stripStep: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -6,9 +6,9 @@ declare const _default: import("vue").DefineComponent<OnyxSwitchProps, {}, {}, {
     onValidityChange?: ((validity: ValidityState) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
-    disabled: boolean | symbol;
     loading: boolean;
+    disabled: boolean | symbol;
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
     modelValue: boolean;
     truncation: import("../../index.ts").TruncationType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -25,8 +25,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<OnyxTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxTabProps> & Readonly<{}>, {
-    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
     disabled: boolean;
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -7,11 +7,11 @@ declare const _default: import("vue").DefineComponent<OnyxTextareaProps, {}, {},
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     required: boolean;
-    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
-    disabled: boolean | symbol;
     autocapitalize: import("../OnyxInput/types.ts").Autocapitalize;
-    modelValue: string;
+    disabled: boolean | symbol;
     readonly: boolean;
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
+    modelValue: string;
     disableManualResize: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -4,8 +4,8 @@ declare const _default: import("vue").DefineComponent<OnyxToastMessageProps, {},
 }, string, import("vue").PublicProps, Readonly<OnyxToastMessageProps> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {
-    icon: string | false;
     color: Extract<import("../../index.ts").OnyxColor, "neutral" | "danger" | "warning" | "success">;
+    icon: string | false;
     duration: number;
     clickable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -41,11 +41,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<OnyxTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxTooltipProps> & Readonly<{}>, {
+    open: import("./types").TooltipOpen;
     color: Extract<import("../../index.ts").OnyxColor, "neutral" | "danger" | "success">;
     position: import("./types").TooltipPosition;
     alignment: import("../../composables/useWedgePosition").WedgePosition | "auto";
     fitParent: boolean;
-    open: import("./types").TooltipOpen;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/examples/GridPlayground/EditGridElementDialog/EditGridElementDialog.vue.d.ts

@@ -15,12 +15,12 @@ type __VLS_Props = {
     initialValue?: GridElementConfig;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
     delete: () => any;
     apply: (element: GridElementConfig) => any;
-    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
     onDelete?: (() => any) | undefined;
     onApply?: ((element: GridElementConfig) => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/composables/useCustomValidity.d.ts

@@ -1,3 +1,4 @@
+import type { OnyxDatePickerProps } from "../components/OnyxDatePicker/types";
 import type { InputType } from "../components/OnyxInput/types";
 import enUS from "../i18n/locales/en-US.json";
 import type { BaseSelectOption } from "../types";
@@ -14,7 +15,7 @@ export type UseCustomValidityOptions = {
      */
     props: CustomValidityProp & {
         modelValue?: unknown;
-        type?: InputType;
+        type?: InputType | OnyxDatePickerProps["type"];
         maxlength?: number;
         minlength?: number;
         min?: number;