@nmorph/nmorph-ui-kit 2.2.4 → 2.2.6

package/dist/src/components/data/nmorph-badge/NmorphBadge.vue.d.ts

@@ -23,12 +23,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     color: string;
     disabled: boolean;
     hidden: boolean;
+    zIndex: number;
     max: number;
     isDot: boolean;
     isTag: boolean;
     offsetY: number;
     offsetX: number;
-    zIndex: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
     default?: (props: Record<string, never>) => unknown;
     value?: (props: NmorphBadgeValueSlotProps) => unknown;

package/dist/src/components/data/nmorph-image-preview/NmorphImagePreview.vue.d.ts

@@ -7,6 +7,7 @@ interface INmorphProps {
     scaleStep?: number;
     minScaleLevel?: number;
     maxScaleLevel?: number;
+    zIndex?: number;
 }
 declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (value: boolean) => any;

package/dist/src/components/feedback/nmorph-dialog/NmorphDialog.vue.d.ts

@@ -20,7 +20,6 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     width: string;
     title: string;
     modelValue: boolean;
-    zIndex: number;
     openDelay: number;
     closeDelay: number;
     closeOnClickModal: boolean;

package/dist/src/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.d.ts

@@ -7,6 +7,7 @@ interface INmorphProps extends INmorphCommonInputProps {
     clearable?: boolean;
     list: INmorphAutocompleteListItem[];
     actionCallback?: NmorphAutocompleteActionCallbackType;
+    zIndex?: number;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     select: (value: unknown) => any;

package/dist/src/components/form/nmorph-checkbox/NmorphCheckbox.vue.d.ts

@@ -1,5 +1,5 @@
+import { Ref, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { INmorphCheckboxOption, NmorphCheckboxDesignType } from '../../../types';
-import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCheckboxOption, {
     inputDOMRef: Ref<HTMLElement, HTMLElement>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {

package/dist/src/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts

@@ -11,6 +11,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     "onUpdate:model-value"?: (val: string[]) => any;
 }>, {
+    height: "default" | "thick" | "thin";
+    disabled: boolean;
     modelValue: string[];
     design: NmorphCheckboxDesignType;
     options: INmorphCheckboxOption[];

package/dist/src/components/form/nmorph-date-picker/NmorphDatePicker.vue.d.ts

@@ -7,6 +7,7 @@ interface INmorphProps extends INmorphCommonInputProps {
     type?: keyof typeof NmorphSelectionDateType;
     textSeparator?: string;
     initialDate?: Date;
+    zIndex?: number;
 }
 declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (modelValue: NmorphSelectedDateModelType) => any;

package/dist/src/components/form/nmorph-radio/NmorphRadio.vue.d.ts

@@ -1,5 +1,5 @@
+import { Ref, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { INmorphRadioOption, NmorphRadioStyleType } from '../../../types';
-import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface INmorphProps extends Omit<INmorphRadioOption, 'value'> {
     value?: string;
     styleType?: keyof typeof NmorphRadioStyleType;

package/dist/src/components/form/nmorph-radio-group/NmorphRadioGroup.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     "onUpdate:model-value"?: (val: string) => any;
 }>, {
     styleType: "button" | "radio-style";
+    height: "default" | "thick" | "thin";
     disabled: boolean;
     modelValue: string;
     options: NmorphListRadioOptionElementType[];

package/dist/src/components/form/nmorph-select/NmorphSelect.vue.d.ts

@@ -11,6 +11,7 @@ interface INmorphProps extends INmorphCommonInputProps {
     open?: boolean;
     fill?: boolean;
     optionsWidth?: 'truncate' | 'auto';
+    zIndex?: number;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (val: NmorphSelectModelValueType) => any;

package/dist/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue.d.ts

@@ -9,6 +9,7 @@ interface INmorphProps {
     xOffset?: number;
     yOffset?: number;
     fillWidth?: boolean;
+    zIndex?: number;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "on-outside-click": () => any;

package/dist/src/components/others/nmorph-overlay/NmorphOverlay.vue.d.ts

@@ -2,6 +2,7 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 interface INmorphProps {
     show: boolean;
     transparent?: boolean;
+    zIndex?: number;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "on-outside-click": () => any;

package/dist/src/components/providers/nmorph-notification-provider/types.d.ts

@@ -1,4 +1,4 @@
-import { INmorphAlertProps } from '../../../main';
+import { INmorphAlertProps } from '../../feedback/nmorph-alert/types';
 export interface INmorphNotification extends INmorphAlertProps {
     id?: string;
     duration?: number;

package/dist/src/hooks/index.d.ts

@@ -1,6 +1,7 @@
 export * from './use-field-validation';
 export * from './use-form-validation';
 export * from './use-placement';
+export * from './use-z-index';
 export * from '../outside-hooks/use-nmorph-theme';
 export * from './use-nmorph-translation';
 export * from './use-style-class-mixins';

package/dist/src/hooks/use-z-index.d.ts

@@ -0,0 +1,2 @@
+import { WatchSource, ComputedRef } from 'vue';
+export declare const useZIndex: (open: WatchSource<boolean>, zIndex: () => number | undefined) => ComputedRef<number>;

package/dist/src/outside-hooks/index.d.ts

@@ -2,3 +2,4 @@ export { useNmorphTheme } from './use-nmorph-theme';
 export { useNmorphBrowser } from './use-nmorph-browser';
 export { useNmorphNotification } from './use-nmorph-notification';
 export { useNmorph } from './use-nmorph';
+export { useNmorphZIndex } from './use-nmorph-z-index';

package/dist/src/outside-hooks/use-nmorph-z-index.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export declare const useNmorphZIndex: (options?: {
+    base?: number;
+}) => {
+    current: Ref<number, number>;
+    next: () => number;
+};

package/dist/src/types/index.d.ts

@@ -1,10 +1,11 @@
 import { Ref } from 'vue';
 import { I18n } from 'vue-i18n';
 import { NmorphFormValidationDataType } from '../components';
-import { useNmorphBrowser, useNmorphTheme } from '../outside-hooks';
+import { useNmorphBrowser, useNmorphTheme, useNmorphZIndex } from '../outside-hooks';
 export interface INmorphInstance {
     theme: ReturnType<typeof useNmorphTheme>;
     browser: ReturnType<typeof useNmorphBrowser>;
+    zIndex: ReturnType<typeof useNmorphZIndex>;
 }
 export interface INmorphFromDataExpose {
     formData: NmorphFormValidationDataType;
@@ -86,6 +87,9 @@ export interface INmorphThemeOptions {
 export interface INmorphOptions {
     theme?: INmorphThemeOptions;
     i18n?: INmorphApplyTranslation;
+    zIndex?: {
+        base?: number;
+    };
 }
 export type NmorphThemeOptionsType = Record<string, INmorphThemeColors>;
 export interface INmorphStaticColors {
@@ -165,6 +169,7 @@ export interface INmorphCheckboxOption {
     modelValue?: boolean;
     label?: string;
     design?: NmorphCheckboxDesignType;
+    height?: keyof typeof NmorphComponentHeight;
 }
 export type NmorphCheckboxDesignType = 'button' | 'checkbox';
 export type NmorphCheckboxGroupSelectedValueInjectionType = Ref<string[]>;
@@ -174,6 +179,7 @@ export interface INmorphRadioOption {
     label?: string;
     value: string;
     tabindex?: number;
+    height?: keyof typeof NmorphComponentHeight;
 }
 export declare enum NmorphRadioStyleType {
     'radio-style' = "radio-style",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@nmorph/nmorph-ui-kit",
   "type": "module",
   "private": false,
-  "version": "2.2.4",
+  "version": "2.2.6",
   "license": "MIT",
   "repository": {
     "type": "git",