sit-onyx 1.0.0-beta.55 → 1.0.0-beta.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/OnyxForm/OnyxForm.core.d.ts +1 -1
- package/dist/components/OnyxInput/OnyxInput.vue.d.ts +2 -3
- package/dist/components/OnyxNavBar/modules/OnyxNavButton/NavButtonLayout.vue.d.ts +1 -3
- package/dist/components/OnyxNavBar/modules/OnyxNavButton/OnyxNavButton.vue.d.ts +3 -0
- package/dist/components/OnyxStepper/OnyxStepper.vue.d.ts +2 -3
- package/dist/components/OnyxSwitch/OnyxSwitch.vue.d.ts +1 -2
- package/dist/components/OnyxTextarea/OnyxTextarea.vue.d.ts +1 -2
- package/dist/composables/useManagedState.d.ts +2 -2
- package/dist/composables/useSkeletonState.d.ts +3 -3
- package/dist/index.cjs +2 -2
- package/dist/index.js +542 -542
- package/package.json +1 -1
|
@@ -48,7 +48,7 @@ export type FormInjectedProps = {
|
|
|
48
48
|
* Symbol for the injected form injected properties.
|
|
49
49
|
*/
|
|
50
50
|
export declare const FORM_INJECTED_SYMBOL: unique symbol;
|
|
51
|
-
export type FORM_INJECTED =
|
|
51
|
+
export type FORM_INJECTED = symbol;
|
|
52
52
|
/**
|
|
53
53
|
* Prop type used by form child elements, which indicates that the prop value is taken from the parent form by default.
|
|
54
54
|
* The props **MUST** use `FORM_INJECTED_SYMBOL` as default value.
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { FORM_INJECTED_SYMBOL } from "../OnyxForm/OnyxForm.core";
|
|
2
1
|
import type { OnyxInputProps } from "./types";
|
|
3
2
|
declare const _default: import("vue").DefineComponent<OnyxInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4
3
|
validityChange: (validity: ValidityState) => any;
|
|
@@ -10,8 +9,8 @@ declare const _default: import("vue").DefineComponent<OnyxInputProps, {}, {}, {}
|
|
|
10
9
|
type: import("./types").InputType;
|
|
11
10
|
required: boolean;
|
|
12
11
|
skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
|
|
13
|
-
disabled: boolean |
|
|
14
|
-
showError: boolean | "touched"
|
|
12
|
+
disabled: boolean | symbol;
|
|
13
|
+
showError: boolean | symbol | "touched";
|
|
15
14
|
autocapitalize: import("./types").Autocapitalize;
|
|
16
15
|
loading: boolean;
|
|
17
16
|
modelValue: string;
|
|
@@ -32,9 +32,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("../../../On
|
|
|
32
32
|
isMobile: boolean;
|
|
33
33
|
}> & Readonly<{
|
|
34
34
|
"onUpdate:mobileChildrenOpen"?: ((isOpen: boolean) => any) | undefined;
|
|
35
|
-
}>, {
|
|
36
|
-
mobileChildrenOpen: import("../../../../composables/useManagedState").ManagedProp<boolean>;
|
|
37
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
38
36
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
39
37
|
export default _default;
|
|
40
38
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -24,12 +24,15 @@ declare function __VLS_template(): {
|
|
|
24
24
|
};
|
|
25
25
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
26
26
|
declare const __VLS_component: import("vue").DefineComponent<OnyxNavButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
27
|
+
"update:mobileChildrenOpen": (isOpen: boolean) => any;
|
|
27
28
|
navigate: (href: string, event: MouseEvent) => any;
|
|
28
29
|
}, string, import("vue").PublicProps, Readonly<OnyxNavButtonProps> & Readonly<{
|
|
30
|
+
"onUpdate:mobileChildrenOpen"?: ((isOpen: boolean) => any) | undefined;
|
|
29
31
|
onNavigate?: ((href: string, event: MouseEvent) => any) | undefined;
|
|
30
32
|
}>, {
|
|
31
33
|
withExternalIcon: boolean | "auto";
|
|
32
34
|
active: boolean;
|
|
35
|
+
mobileChildrenOpen: import("../../../../composables/useManagedState").ManagedProp<boolean>;
|
|
33
36
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
34
37
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
35
38
|
export default _default;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { FORM_INJECTED_SYMBOL } from "../OnyxForm/OnyxForm.core";
|
|
2
1
|
import type { OnyxStepperProps } from "./types";
|
|
3
2
|
declare const _default: import("vue").DefineComponent<OnyxStepperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4
3
|
validityChange: (validity: ValidityState) => any;
|
|
@@ -8,8 +7,8 @@ declare const _default: import("vue").DefineComponent<OnyxStepperProps, {}, {},
|
|
|
8
7
|
"onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
|
|
9
8
|
}>, {
|
|
10
9
|
skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
|
|
11
|
-
disabled: boolean |
|
|
12
|
-
showError: boolean | "touched"
|
|
10
|
+
disabled: boolean | symbol;
|
|
11
|
+
showError: boolean | symbol | "touched";
|
|
13
12
|
loading: boolean;
|
|
14
13
|
step: number;
|
|
15
14
|
readonly: boolean;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { FORM_INJECTED_SYMBOL } from "../OnyxForm/OnyxForm.core";
|
|
2
1
|
import type { OnyxSwitchProps } from "./types";
|
|
3
2
|
declare const _default: import("vue").DefineComponent<OnyxSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4
3
|
validityChange: (validity: ValidityState) => any;
|
|
@@ -8,7 +7,7 @@ declare const _default: import("vue").DefineComponent<OnyxSwitchProps, {}, {}, {
|
|
|
8
7
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
9
8
|
}>, {
|
|
10
9
|
skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
|
|
11
|
-
disabled: boolean |
|
|
10
|
+
disabled: boolean | symbol;
|
|
12
11
|
loading: boolean;
|
|
13
12
|
modelValue: boolean;
|
|
14
13
|
truncation: import("../..").TruncationType;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { FORM_INJECTED_SYMBOL } from "../OnyxForm/OnyxForm.core";
|
|
2
1
|
import type { OnyxTextareaProps } from "./types";
|
|
3
2
|
declare const _default: import("vue").DefineComponent<OnyxTextareaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4
3
|
validityChange: (validity: ValidityState) => any;
|
|
@@ -9,7 +8,7 @@ declare const _default: import("vue").DefineComponent<OnyxTextareaProps, {}, {},
|
|
|
9
8
|
}>, {
|
|
10
9
|
required: boolean;
|
|
11
10
|
skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
|
|
12
|
-
disabled: boolean |
|
|
11
|
+
disabled: boolean | symbol;
|
|
13
12
|
autocapitalize: import("../..").Autocapitalize;
|
|
14
13
|
modelValue: string;
|
|
15
14
|
readonly: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type Ref } from "vue";
|
|
2
2
|
export type ManagedProp<T> = ManagedSymbolType | T;
|
|
3
|
-
export type ManagedSymbolType =
|
|
3
|
+
export type ManagedSymbolType = symbol;
|
|
4
4
|
export declare const MANAGED_SYMBOL: unique symbol;
|
|
5
5
|
/**
|
|
6
6
|
* Composable for conditionally managing state based on the prop value.
|
|
@@ -25,7 +25,7 @@ export declare const MANAGED_SYMBOL: unique symbol;
|
|
|
25
25
|
* );
|
|
26
26
|
* ```
|
|
27
27
|
*/
|
|
28
|
-
export declare const useManagedState: <T, Prop extends Readonly<Ref<T | ManagedSymbolType>>, Referable extends boolean = false, V = Referable extends true ?
|
|
28
|
+
export declare const useManagedState: <T, Prop extends Readonly<Ref<T | ManagedSymbolType>>, Referable extends boolean = false, V = Referable extends true ? symbol | T : T>(prop: Prop, initialState: T, emit: (val: T) => void) => {
|
|
29
29
|
state: import("./asymmetricComputed").AsymmetricComputedRef<V, T>;
|
|
30
30
|
isManaged: import("vue").ComputedRef<boolean>;
|
|
31
31
|
};
|
|
@@ -10,13 +10,13 @@ export type SkeletonProvidedProp = {
|
|
|
10
10
|
* Prop that may be used by the child components.
|
|
11
11
|
*/
|
|
12
12
|
type LocalProps = {
|
|
13
|
-
skeleton:
|
|
13
|
+
skeleton: symbol | boolean;
|
|
14
14
|
};
|
|
15
15
|
/**
|
|
16
16
|
* Symbol for the skeleton injected property.
|
|
17
17
|
*/
|
|
18
18
|
export declare const SKELETON_INJECTED_SYMBOL: unique symbol;
|
|
19
|
-
export type SKELETON_INJECTED =
|
|
19
|
+
export type SKELETON_INJECTED = symbol;
|
|
20
20
|
/**
|
|
21
21
|
* Prop type used by child elements, which indicates that the prop value is taken from the parent by default.
|
|
22
22
|
* The prop **MUST** use `SKELETON_INJECTED_SYMBOL` as default value.
|
|
@@ -31,7 +31,7 @@ export type SKELETON_INJECTED = typeof SKELETON_INJECTED_SYMBOL;
|
|
|
31
31
|
* const skeleton = useSkeletonContext(props);
|
|
32
32
|
* ```
|
|
33
33
|
*/
|
|
34
|
-
export type SkeletonInjected =
|
|
34
|
+
export type SkeletonInjected = symbol | boolean;
|
|
35
35
|
export declare const provideSkeletonContext: (parentElementProps: Reactive<SkeletonProvidedProp> | undefined) => void;
|
|
36
36
|
/**
|
|
37
37
|
* Provides the injected parent property (if available).
|