@nmorph/nmorph-ui-kit 1.1.7 → 2.0.1

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.
@@ -3,6 +3,7 @@ import { NmorphButtonStyle, NmorphButtonType, NmorphButtonShape } from '../..';
3
3
  import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
4
4
  interface INmorphProps extends INmorphCommonInputProps {
5
5
  styleType?: keyof typeof NmorphButtonStyle;
6
+ color?: string;
6
7
  loading?: boolean;
7
8
  ripple?: boolean;
8
9
  type?: keyof typeof NmorphButtonType;
@@ -17,6 +18,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
17
18
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
18
19
  fill: boolean;
19
20
  styleType: "default" | "transparent";
21
+ color: string;
20
22
  loading: boolean;
21
23
  ripple: boolean;
22
24
  type: "reset" | "submit" | "button";
@@ -27,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
27
29
  height: "default" | "thick" | "thin";
28
30
  disabled: boolean;
29
31
  }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
32
+ "icon-only"?(_: {}): any;
30
33
  icon?(_: {}): any;
31
34
  default?(_: {}): any;
32
35
  append?(_: {}): any;
@@ -8,9 +8,9 @@ interface INmorphProps {
8
8
  }
9
9
  declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
10
10
  size: "small" | "medium" | "large";
11
+ color: string;
11
12
  height: string;
12
13
  width: string;
13
- color: string;
14
14
  }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
15
15
  default?(_: {}): any;
16
16
  }>;
@@ -1,12 +1,13 @@
1
+ import { Component, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
1
2
  import { INmorphImage, AvatarShapeType } from '../../../types';
2
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
3
  interface INmorphProps extends INmorphImage {
4
4
  size?: number;
5
5
  shape?: keyof typeof AvatarShapeType;
6
6
  frameBorder?: number;
7
7
  imagePadding?: number;
8
+ fallback?: Component;
8
9
  }
9
- declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
10
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
10
11
  error: (event: Event) => any;
11
12
  load: (event: Event) => any;
12
13
  }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
@@ -17,5 +18,13 @@ declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentO
17
18
  shape: "square" | "circle";
18
19
  frameBorder: number;
19
20
  imagePadding: number;
20
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
21
+ fallback: any;
22
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
23
+ error?(_: {}): any;
24
+ }>;
21
25
  export default _default;
26
+ type __VLS_WithTemplateSlots<T, S> = T & {
27
+ new (): {
28
+ $slots: S;
29
+ };
30
+ };
@@ -10,19 +10,26 @@ interface INmorphProps {
10
10
  offsetX?: number;
11
11
  disabled?: boolean;
12
12
  }
13
+ type NmorphBadgeValueSlotProps = {
14
+ value: INmorphProps["value"];
15
+ displayValue: string | number | undefined;
16
+ };
13
17
  declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
14
- disabled: boolean;
18
+ value: string | number;
15
19
  color: string;
20
+ disabled: boolean;
16
21
  hidden: boolean;
17
22
  max: number;
18
23
  isDot: boolean;
19
24
  isTag: boolean;
20
25
  offsetY: number;
21
26
  offsetX: number;
22
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
23
- default?(_: {}): any;
24
- default?(_: {}): any;
25
- value?(_: {}): any;
27
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
28
+ default?: (props: Record<string, never>) => any;
29
+ value?: (props: NmorphBadgeValueSlotProps) => any;
30
+ }> & {
31
+ default?: (props: Record<string, never>) => any;
32
+ value?: (props: NmorphBadgeValueSlotProps) => any;
26
33
  }>;
27
34
  export default _default;
28
35
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -10,8 +10,8 @@ interface INmorphProps {
10
10
  circleSize?: number;
11
11
  }
12
12
  declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
13
- type: NmorphProgressType;
14
13
  color: NmorphProgressColorType;
14
+ type: NmorphProgressType;
15
15
  valueInside: boolean;
16
16
  valueRightSide: boolean;
17
17
  indeterminate: boolean;
@@ -10,6 +10,7 @@ export { default as NmorphForm } from './nmorph-form/NmorphForm.vue';
10
10
  export * from './nmorph-form/types';
11
11
  export { default as NmorphFormItem } from './nmorph-form/components/nmorph-form-item/NmorphFormItem.vue';
12
12
  export { default as NmorphNumberInput } from './nmorph-number-input/NmorphNumberInput.vue';
13
+ export { default as NmorphOTPInput } from './nmorph-otp-input/NmorphOTPInput.vue';
13
14
  export { default as NmorphSelect } from './nmorph-select/NmorphSelect.vue';
14
15
  export * from './nmorph-select/types';
15
16
  export { default as NmorphSelectOption } from './nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue';
@@ -3,6 +3,7 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
3
3
  interface INmorphProps {
4
4
  id: string;
5
5
  name?: string;
6
+ autocomplete?: string;
6
7
  height?: keyof typeof NmorphComponentHeight;
7
8
  label?: string;
8
9
  showValidationIcon?: boolean;
@@ -10,6 +11,7 @@ interface INmorphProps {
10
11
  }
11
12
  declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
12
13
  name: string;
14
+ autocomplete: string;
13
15
  height: "default" | "thick" | "thin";
14
16
  label: string;
15
17
  showValidationIcon: boolean;
@@ -9,4 +9,5 @@ export type NmorphFormValidationDataType = INmorphUseFormValidation;
9
9
  export interface NmorphFormItemInputDataType {
10
10
  id: Ref<string>;
11
11
  name: Ref<string>;
12
+ autocomplete: Ref<string | undefined>;
12
13
  }
@@ -1,8 +1,9 @@
1
1
  import { INmorphCommonInputProps } from '../../../types';
2
2
  import { ComputedRef } from 'vue';
3
3
  export declare const nmorphFormItemInputDataKey = "nmorph-form-item-input-data";
4
- export declare const useFormItemInput: (props: Pick<INmorphCommonInputProps, 'id' | 'name' | 'tabindex'>) => {
4
+ export declare const useFormItemInput: (props: Pick<INmorphCommonInputProps, 'id' | 'name' | 'tabindex' | 'autocomplete'>) => {
5
5
  id: ComputedRef<string>;
6
6
  name: ComputedRef<string>;
7
+ autocomplete: ComputedRef<string>;
7
8
  tabindex: ComputedRef<number>;
8
9
  };
@@ -0,0 +1,34 @@
1
+ import { INmorphCommonInputProps } from '../../../types';
2
+ import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ type NmorphOtpInputMode = 'numeric' | 'text' | 'alphanumeric';
4
+ interface INmorphProps extends INmorphCommonInputProps {
5
+ modelValue?: string;
6
+ length?: number;
7
+ mode?: NmorphOtpInputMode;
8
+ autofocus?: boolean;
9
+ autocapitalize?: string;
10
+ }
11
+ declare const _default: DefineComponent<INmorphProps, {
12
+ inputDOMRefs: Ref<HTMLInputElement[], HTMLInputElement[]>;
13
+ focus: (index?: number) => void;
14
+ blur: () => void;
15
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
16
+ blur: () => any;
17
+ focus: () => any;
18
+ "update:model-value": (val: string) => any;
19
+ complete: (val: string) => any;
20
+ }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
21
+ onBlur?: () => any;
22
+ onFocus?: () => any;
23
+ "onUpdate:model-value"?: (val: string) => any;
24
+ onComplete?: (val: string) => any;
25
+ }>, {
26
+ length: number;
27
+ height: "default" | "thick" | "thin";
28
+ disabled: boolean;
29
+ autocapitalize: string;
30
+ modelValue: string;
31
+ mode: NmorphOtpInputMode;
32
+ autofocus: boolean;
33
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
34
+ export default _default;
@@ -5,9 +5,14 @@ interface INmorphProps extends INmorphCommonInputProps {
5
5
  typePassword?: boolean;
6
6
  modelValue?: string;
7
7
  clearable?: boolean;
8
+ indentation?: string;
9
+ inputAttrs?: Record<string, string | number | boolean | undefined>;
8
10
  }
9
11
  declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
10
12
  inputDOMRef: Ref<HTMLElement, HTMLElement>;
13
+ focus: () => void;
14
+ blur: () => void;
15
+ select: () => void;
11
16
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
12
17
  blur: () => any;
13
18
  focus: () => any;
@@ -25,6 +30,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
25
30
  modelValue: string;
26
31
  clearable: boolean;
27
32
  typePassword: boolean;
33
+ indentation: string;
34
+ inputAttrs: Record<string, string | number | boolean>;
28
35
  }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
29
36
  "prepend-icon"?(_: {}): any;
30
37
  }>;
@@ -30,6 +30,7 @@ export declare enum NmorphComponentDirection {
30
30
  export interface INmorphCommonInputProps {
31
31
  id?: string;
32
32
  name?: string;
33
+ autocomplete?: string;
33
34
  height?: keyof typeof NmorphComponentHeight;
34
35
  disabled?: boolean;
35
36
  tabindex?: number;
@@ -102,7 +103,10 @@ export interface INmorphStaticColors {
102
103
  black?: string;
103
104
  text?: string;
104
105
  overlay?: string;
105
- focusTextColor?: string;
106
+ focusText?: string;
107
+ placeholderText?: string;
108
+ semiContrastText?: string;
109
+ contrastText?: string;
106
110
  }
107
111
  export interface INmorphDynamicColors {
108
112
  darkShade?: string;
package/package.json CHANGED
@@ -2,8 +2,13 @@
2
2
  "name": "@nmorph/nmorph-ui-kit",
3
3
  "type": "module",
4
4
  "private": false,
5
- "version": "1.1.7",
5
+ "version": "2.0.1",
6
6
  "license": "MIT",
7
+ "repository": {
8
+ "type": "git",
9
+ "url": "https://gitlab.com/ketjo/nmorph",
10
+ "directory": "library"
11
+ },
7
12
  "engines": {
8
13
  "node": ">=18.13.0",
9
14
  "npm": ">=8.19.3"