sit-onyx 1.0.0-beta.60 → 1.0.0-beta.61

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

@@ -1,6 +1,7 @@
 import type { DensityProp } from "../../composables/density";
 import type { RequiredMarkerProp } from "../../composables/required";
 import type { CustomValidityProp } from "../../composables/useCustomValidity";
+import type { SkeletonInjected } from "../../composables/useSkeletonState";
 import type { AutofocusProp, BaseSelectOption, Direction, SelectOptionValue } from "../../types";
 import type { FormInjected } from "../OnyxForm/OnyxForm.core";
 import type { OnyxFormElementProps } from "../OnyxFormElement/types";
@@ -35,6 +36,6 @@ export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOpti
     /**
      * If set, the specified number of skeleton radio buttons will be shown.
      */
-    skeleton?: number;
+    skeleton?: SkeletonInjected;
 };
 export type CheckboxGroupOption<TValue extends SelectOptionValue = SelectOptionValue> = BaseSelectOption<TValue> & RequiredMarkerProp & CustomValidityProp & AutofocusProp;

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

@@ -54,7 +54,7 @@ export type OnyxInputProps = FormInjectedProps & DensityProp & RequiredMarkerPro
     loading?: boolean;
     /**
      * Minimum number of characters that have to to be entered.
-     * Warning: when the value is (pre)set programatically,
+     * Warning: when the value is (pre)set programmatically,
      * the input invalidity will not be detected by the browser, it will only turn invalid
      * as soon as a user interacts with the input (types something).
      */

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

@@ -1,6 +1,7 @@
 import type { DensityProp } from "../../composables/density";
 import type { RequiredMarkerProp } from "../../composables/required";
 import type { CustomValidityProp } from "../../composables/useCustomValidity";
+import type { SkeletonInjected } from "../../composables/useSkeletonState";
 import type { AutofocusProp, BaseSelectOption, Direction, SelectOptionValue } from "../../types";
 import type { FormInjected } from "../OnyxForm/OnyxForm.core";
 import type { OnyxFormElementProps } from "../OnyxFormElement/types";
@@ -30,6 +31,6 @@ export type OnyxRadioGroupProps<TValue extends SelectOptionValue = SelectOptionV
     /**
      * If set, the specified number of skeleton radio buttons will be shown.
      */
-    skeleton?: number;
+    skeleton?: SkeletonInjected;
 };
 export type RadioButtonOption<TValue extends SelectOptionValue = SelectOptionValue> = Omit<BaseSelectOption<TValue>, "hideLabel"> & AutofocusProp;

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

@@ -1,16 +1,21 @@
 import type { OnyxStepperProps } from "./types";
-declare const _default: import("vue").DefineComponent<OnyxStepperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare let __VLS_typeProps: OnyxStepperProps;
+type __VLS_PublicProps = {
+    modelValue?: number;
+} & typeof __VLS_typeProps;
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     validityChange: (validity: ValidityState) => any;
-    "update:modelValue": (value?: number | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<OnyxStepperProps> & Readonly<{
+    "update:modelValue": (modelValue: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onValidityChange?: ((validity: ValidityState) => any) | undefined;
-    "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
 }>, {
     skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
     disabled: boolean | symbol;
     showError: boolean | symbol | "touched";
     loading: boolean;
-    step: number;
     readonly: boolean;
+    precision: number;
+    stripStep: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -6,10 +6,6 @@ import type { FormInjectedProps } from "../OnyxForm/OnyxForm.core";
 import type { OnyxFormElementProps } from "../OnyxFormElement/types";
 import type { Autocomplete } from "../OnyxInput/types";
 export type OnyxStepperProps = FormInjectedProps & DensityProp & CustomValidityProp & Omit<OnyxFormElementProps, "modelValue" | "errorMessages" | "withCounter" | "maxlength"> & AutofocusProp & {
-    /**
-     * Current value of the input.
-     */
-    modelValue?: number;
     /**
      * Same as the native `name` attribute of `<input>`.
      * Used to reference the input in JavaScript or in submitted form data.
@@ -30,7 +26,24 @@ export type OnyxStepperProps = FormInjectedProps & DensityProp & CustomValidityP
     /**
      * Incremental step.
      */
+    /**
+     * Incremental step.
+     * @deprecated
+     */
     step?: number;
+    /**
+     * The smallest allowed value and rounded precision
+     */
+    precision?: number;
+    /**
+     * The increment number
+     * @default precision is the default stepSize
+     */
+    stepSize?: number;
+    /**
+     * Ensure no wrong number can be inputed
+     */
+    stripStep?: boolean;
     /**
      * Specify how to provide automated assistance in filling out the input.
      * Some autocomplete values might required specific browser permissions to be allowed by the user.

package/dist/composables/useCustomValidity.d.ts

@@ -19,7 +19,7 @@ export type UseCustomValidityOptions = {
         minlength?: number;
         min?: number;
         max?: number;
-        step?: number;
+        precision?: number;
     } & Pick<BaseSelectOption, "hideLabel" | "label">;
     /**
      * Component emit as defined with `const emit = defineEmits()`

package/dist/composables/useSkeletonState.d.ts

@@ -10,7 +10,7 @@ export type SkeletonProvidedProp = {
  * Prop that may be used by the child components.
  */
 type LocalProps = {
-    skeleton: symbol | boolean;
+    skeleton: symbol | boolean | number;
 };
 /**
  * Symbol for the skeleton injected property.
@@ -22,6 +22,9 @@ export type SKELETON_INJECTED = symbol;
  * The prop **MUST** use `SKELETON_INJECTED_SYMBOL` as default value.
  * `useSkeletonContext` is used to access the injected parent property.
  *
+ * NOTE: The number type is used only for OnyxRadioGroup and OnyxCheckboxGroup components.
+ * NOTE: The number type is not intended to be used by other properties with boolean skeleton prop.
+ *
  * @example
  * ```ts
  * const props = withDefaults(defineProps<OnyxComponentProps>(), {
@@ -31,7 +34,7 @@ export type SKELETON_INJECTED = symbol;
  * const skeleton = useSkeletonContext(props);
  * ```
  */
-export type SkeletonInjected = symbol | boolean;
+export type SkeletonInjected = symbol | boolean | number;
 export declare const provideSkeletonContext: (parentElementProps: Reactive<SkeletonProvidedProp> | undefined) => void;
 /**
  * Provides the injected parent property (if available).
@@ -50,5 +53,5 @@ export declare const provideSkeletonContext: (parentElementProps: Reactive<Skele
  * const skeleton = useSkeletonContext(props);
  * ```
  */
-export declare const useSkeletonContext: (props: Reactive<LocalProps>) => ComputedRef<boolean>;
+export declare const useSkeletonContext: (props: Reactive<LocalProps>) => ComputedRef<number | boolean>;
 export {};